*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6}a{color:inherit}button,input,select,textarea{font-family:inherit}code{font-family:SF Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.find-userid-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.find-userid-container:before{background:radial-gradient(ellipse,#7c3aed2e 0,#0000 70%);content:"";height:300px;left:50%;pointer-events:none;position:absolute;top:-80px;transform:translateX(-50%);width:500px}.find-userid-box{background:#0d0d0d;border:1px solid #ffffff1a;border-radius:16px;color:#fff;max-width:500px;padding:40px 36px;position:relative;width:100%;z-index:1}.find-userid-box h1{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.05em;margin:0 0 8px;text-align:center}.subtitle{color:#fff6;font-size:14px;margin-bottom:28px;text-align:center}.find-form{gap:18px}.find-form,.form-group{display:flex;flex-direction:column}.form-group{gap:7px}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:11px 14px;transition:border-color .15s}.form-group input:focus{background:#ffffff12;border-color:#a78bfa80;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.4}.hint{color:#ffffff4d;font-size:12px;margin-top:3px}.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;margin-top:8px;padding:13px;transition:opacity .15s}.links{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:center;margin-top:8px}.links a{color:#a78bfa;text-decoration:none;transition:color .15s}.links a:hover{color:#c4b5fd;text-decoration:underline}.separator{color:#ffffff26}.result-section{text-align:center}.success-icon{font-size:52px;margin-bottom:18px}.result-section h2{color:#fff;font-size:18px;font-weight:700;margin-bottom:26px}.accounts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.account-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:18px;text-align:left}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.account-number{color:#fff;font-size:15px;font-weight:700}.login-method{background:#7c3aed2e;border:1px solid #7c3aed40;border-radius:100px;color:#a78bfa;font-size:12px;font-weight:600;padding:3px 11px}.account-date,.account-email{color:#ffffff73;font-size:13px;margin:6px 0}.account-date strong,.account-email strong{color:#ffffffbf;font-weight:600}.action-buttons{flex-direction:column;gap:9px}.action-buttons button{border-radius:8px;font-size:14px;padding:12px}.btn-login{background:#fff;color:#000}.btn-login:hover{opacity:.88}.btn-password{background:#34d39926;border:1px solid #10b98133;color:#34d399}.btn-password:hover{background:#34d39940}.btn-search-again{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffff8c}.btn-search-again:hover{background:#ffffff1a;color:#fff}@media (max-width:600px){.find-userid-box{padding:28px 20px}.find-userid-box h1{font-size:22px}}.trust-score-display{color:#fff;margin-bottom:20px;padding:22px}.trust-score-display,.trust-score-loading{background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px}.trust-score-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:36px}.loading-spinner{height:34px;margin-bottom:12px;width:34px}.trust-score-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:10px;color:#fca5a5;display:flex;flex-direction:column;padding:22px}.btn-retry{background:#ef444426;border:none;border-radius:6px;color:#fca5a5;cursor:pointer;font-family:inherit;font-size:13px;margin-top:10px;padding:7px 14px;transition:all .15s}.btn-retry:hover{background:#ef444440}.trust-score-compact{align-items:center;display:flex;gap:10px;padding:7px}.trust-badge{align-items:center;border-radius:100px;color:#fff;display:flex;font-size:13px;font-weight:700;gap:5px;padding:5px 11px}.badge-emoji{font-size:14px}.badge-score{font-size:13px}.trust-level{display:flex;flex-direction:column}.level-text{color:#fff;font-size:13px;font-weight:700}.level-description{color:#fff6;font-size:11px}.trust-header{border-bottom:1px solid #ffffff12;gap:22px;margin-bottom:22px;padding-bottom:20px}.trust-header,.user-info{align-items:center;display:flex}.user-info{flex:1 1;gap:14px}.profile-image{border:2px solid #a78bfa4d;border-radius:50%;height:56px;object-fit:cover;width:56px}.user-details{display:flex;flex-direction:column;gap:6px}.user-name{color:#fff;font-size:17px;font-weight:700;margin:0}.current-rating{color:#f59e0b;font-size:13px}.trust-main-score{align-items:center;display:flex;gap:18px}.score-circle{align-items:center;border:3px solid;border-radius:50%;display:flex;flex-direction:column;height:90px;justify-content:center;position:relative;width:90px}.score-badge{font-size:22px;margin-bottom:-3px}.score-number{color:#fff;font-size:22px;font-weight:700}.score-label{color:#fff6;font-size:11px;margin-top:-3px}.trust-level-info{display:flex;flex-direction:column;gap:3px}.level-name{color:#fff;font-size:18px;font-weight:700;margin:0}.level-desc{color:#fff6;font-size:13px;margin:0}.last-updated{color:#ffffff40;font-size:11px}.trust-actions{display:flex;flex-direction:column;gap:7px}.btn-recalculate{background:#a78bfa26;border:1px solid #7c3aed40;border-radius:6px;color:#a78bfa;cursor:pointer;font-family:inherit;font-size:13px;padding:7px 14px;transition:all .15s}.btn-recalculate:hover{background:#a78bfa40}.btn-recalculate:disabled{cursor:not-allowed;opacity:.35}.trust-statistics{grid-gap:14px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:22px;padding:14px}.stat-item{flex-direction:column;gap:3px;text-align:center}.stat-icon{font-size:22px;margin-bottom:3px}.stat-label{color:#ffffff59;font-size:11px}.stat-value{font-size:15px}.trust-breakdown{margin-bottom:22px}.trust-breakdown h5{color:#fff;font-size:14px;font-weight:700;margin:0 0 14px}.score-components{display:flex;flex-direction:column;gap:10px}.component-item{align-items:center;display:flex;gap:10px}.component-label{color:#ffffff80;font-size:13px;width:110px}.component-bar{background:#ffffff14;border-radius:4px;flex:1 1;height:7px;overflow:hidden}.component-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);height:100%;transition:width .3s ease}.component-score{color:#fff;font-size:13px;font-weight:700;text-align:right;width:55px}.verified-skills{margin-bottom:22px}.verified-skills h5{color:#fff;font-size:14px;font-weight:700;margin:0 0 14px}.skills-list{gap:10px}.skill-item{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;display:flex;font-size:13px;gap:7px;padding:7px 12px}.skill-name{color:#6ee7b7;font-weight:700}.skill-level,.skill-projects,.skill-rating{color:#fff6;font-size:12px}.category-expertise{margin-bottom:22px}.category-expertise h5{color:#fff;font-size:14px;font-weight:700;margin:0 0 14px}.expertise-list{display:flex;flex-direction:column;gap:7px}.expertise-item{align-items:center;background:#7c3aed14;border:1px solid #7c3aed26;border-radius:8px;display:flex;gap:10px;padding:10px 14px}.category-name{color:#fff;flex:1 1;font-weight:700}.category-projects,.category-rating{color:#fff6;font-size:13px}.category-earnings{color:#34d399;font-size:13px;font-weight:700}.recent-projects h5{color:#fff;font-size:14px;font-weight:700;margin:0 0 14px}.projects-list{display:flex;flex-direction:column;gap:10px}.project-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;justify-content:space-between;padding:14px}.project-info{gap:3px}.project-title{font-size:14px}.project-category{color:#fff6;font-size:13px}.project-amount{color:#34d399;font-size:13px;font-weight:700}.project-metrics{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.project-rating{color:#f59e0b;font-size:13px}.project-ontime{border-radius:4px;font-size:11px;padding:2px 6px}.project-ontime.on-time{background:#10b98126;color:#34d399}.project-ontime.late{background:#ef44441f;color:#fca5a5}.project-date{color:#ffffff40;font-size:11px}@media (max-width:768px){.trust-score-display{padding:16px}.trust-header{align-items:stretch;flex-direction:column;gap:14px}.trust-main-score{align-items:center;flex-direction:column;text-align:center}.trust-statistics{grid-template-columns:repeat(2,1fr)}.component-item{flex-direction:column;gap:6px;text-align:center}.component-label{width:auto}.component-bar{width:100%}.project-item{align-items:stretch;flex-direction:column;gap:10px}.project-metrics{align-items:flex-start;flex-direction:row;justify-content:space-between}}@media (max-width:480px){.trust-statistics{grid-template-columns:1fr}.skills-list{flex-direction:column}}.phone-verification-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.phone-verification-modal{animation:modalSlideIn .25s ease-out;background:#111;border:1px solid #ffffff1a;border-radius:16px;color:#fff;max-width:440px;padding:32px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:24px;line-height:1;position:absolute;right:14px;top:14px;transition:color .15s}.modal-close:hover{color:#ffffffb3}.modal-icon{align-items:center;background:linear-gradient(135deg,#7c3aed66,#db27774d);border:1px solid #7c3aed4d;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 18px;width:60px}.modal-icon svg{color:#a78bfa;height:28px;width:28px}.phone-verification-modal h2{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.03em;margin-bottom:10px;text-align:center}.modal-message{color:#ffffff73;font-size:14px;line-height:1.65;margin-bottom:22px;text-align:center}.error-message{align-items:center;display:flex;font-size:13px;gap:9px;margin-bottom:18px;padding:11px 14px}.error-message svg{flex-shrink:0;height:18px;width:18px}.warning-message{align-items:center;background:#eab30814;border:1px solid #eab30833;border-radius:8px;color:#fde047cc;display:flex;font-size:13px;gap:9px;margin-bottom:18px;padding:11px 14px}.warning-message.test-mode{background:#3b82f614;border-color:#3b82f633;color:#60a5fa}.warning-message svg{flex-shrink:0;height:18px;width:18px}.verification-info{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;margin-bottom:18px;padding:18px}.verification-info h4{color:#ffffffb3;font-size:14px;font-weight:600;margin-bottom:10px}.verification-info ul{list-style:none;margin:0;padding:0}.verification-info li{color:#fff6;font-size:13px;padding:5px 0 5px 18px;position:relative}.verification-info li:before{color:#34d399;content:"✓";font-weight:700;left:0;position:absolute}.provider-info{margin-bottom:18px;text-align:center}.provider-badge{background:#7c3aed33;border:1px solid #7c3aed4d;border-radius:100px;color:#a78bfa;display:inline-block;font-size:12px;font-weight:600;padding:5px 13px}.modal-actions{gap:10px}.btn-cancel,.btn-verify{align-items:center;border-radius:9px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;gap:7px;justify-content:center;padding:13px 18px;transition:all .15s}.btn-cancel{border:1px solid #ffffff1a;color:#ffffff8c}.btn-cancel:hover:not(:disabled){background:#ffffff1f;color:#fff}.btn-verify{background:#fff;border:none;color:#000}.btn-verify:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-verify:disabled{cursor:not-allowed;opacity:.35;transform:none}.btn-verify.btn-test{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-verify.btn-test:hover:not(:disabled){opacity:.88}.spinner{animation:spin .7s linear infinite;border:2px solid #0003;border-top-color:#000;height:16px;width:16px}.privacy-notice{color:#ffffff40;font-size:12px;line-height:1.6;margin-top:18px;text-align:center}.privacy-notice a{color:#a78bfa;text-decoration:none}.privacy-notice a:hover{text-decoration:underline}@media (max-width:480px){.phone-verification-modal{margin:10px;padding:24px}.phone-verification-modal h2{font-size:18px}.modal-actions{flex-direction:column}.btn-cancel,.btn-verify{width:100%}}.enhanced-profile-page{background:#000;color:#fff;min-height:100vh;padding:24px}.profile-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}.profile-loading{align-items:center;background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff14;border-top-color:#a78bfa;height:36px;margin-bottom:14px;width:36px}.profile-error{background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;padding:40px;text-align:center}.profile-error h2{color:#fca5a5;margin-bottom:14px}.btn-back{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#ffffffb3;cursor:pointer;font-family:inherit;margin-top:14px;padding:10px 22px;transition:all .15s}.btn-back:hover{background:#ffffff24;color:#fff}.profile-header{align-items:flex-start;background:#0d0d0d;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:22px;justify-content:space-between;padding:28px}.profile-main-info{align-items:center;display:flex;flex:1 1;gap:22px}.profile-avatar{border:3px solid #a78bfa66;border-radius:50%;height:110px;object-fit:cover;width:110px}.profile-basic{flex:1 1}.profile-name{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.05em;margin:0 0 6px}.profile-nickname{color:#ffffff73;font-size:16px;margin:0 0 14px}.profile-meta{display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.profile-role{background:#7c3aed33;border:1px solid #7c3aed4d;border-radius:100px;color:#a78bfa;font-weight:600;padding:4px 12px}.profile-joined{color:#fff6}.profile-social{color:#34d399;font-weight:500}.edit-basic-info{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.edit-input,.edit-select,.edit-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:inherit;font-size:15px;padding:11px 14px;transition:border-color .15s}.edit-input:focus,.edit-select:focus,.edit-textarea:focus{border-color:#a78bfa80;outline:none}.edit-textarea{min-height:90px;resize:vertical}.edit-select option{background:#1a1a1a}.profile-actions{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.btn-cancel,.btn-edit,.btn-logout,.btn-password,.btn-save{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-width:110px;padding:10px 18px;text-align:center;transition:all .15s}.btn-edit{background:#60a5fa33;border:1px solid #3b82f640;color:#60a5fa}.btn-edit:hover{background:#60a5fa4d}.btn-save{background:#34d39933;border:1px solid #10b98140;color:#34d399}.btn-save:hover{background:#34d3994d}.btn-save:disabled{cursor:not-allowed;opacity:.35}.btn-cancel{background:#ef44441f;border:1px solid #ef444433;color:#fca5a5}.btn-cancel:hover{background:#ef444433}.btn-password{background:#f472b61f;border:1px solid #ec489933;color:#f9a8d4}.btn-password:hover{background:#f472b633}.btn-logout{background:#ef44441f;border:1px solid #ef444433;color:#fca5a5}.btn-logout:hover{background:#ef444433}.expert-verification-section,.trust-score-section,.verification-section,.verification-status-section{background:#0d0d0d;border:1px solid #ffffff14;border-radius:14px;padding:28px}.expert-verification-section h2,.trust-score-section h2,.verification-section h2,.verification-status-section h2{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0 0 22px;text-align:center}.profile-details{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr}.detail-section{background:#0d0d0d;border:1px solid #ffffff14;border-radius:14px;padding:22px}.detail-section h3{border-bottom:1px solid #ffffff12;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.03em;margin:0 0 18px;padding-bottom:10px}.detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.detail-item{gap:4px}.detail-label{color:#ffffff4d;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.detail-value{color:#fffc;font-size:15px;padding:7px 0}.profile-bio{color:#ffffff80;font-size:15px;line-height:1.7;margin:0;padding:14px 0}.portfolio-link a{align-items:center;background:#7c3aed26;border:1px solid #7c3aed40;border-radius:8px;color:#a78bfa;display:inline-flex;font-size:14px;font-weight:600;gap:7px;padding:10px 18px;text-decoration:none;transition:all .15s}.portfolio-link a:hover{background:#7c3aed40}.no-portfolio{color:#ffffff40;font-style:italic}.skills-editor{display:flex;flex-direction:column;gap:14px}.skills-input-section{display:flex;gap:10px}.skills-display,.skills-list{display:flex;flex-wrap:wrap;gap:7px}.skill-tag{background:#10b9811f;border:1px solid #10b98133;color:#6ee7b7;font-weight:500;gap:5px;padding:5px 11px}.skill-remove{background:none;border:none;color:#6ee7b780;cursor:pointer;font-size:15px;font-weight:700;margin-left:3px;padding:0;transition:color .15s}.skill-remove:hover{color:#fca5a5}.no-skills{color:#ffffff40;font-style:italic}.account-management,.password-change-section{background:#0d0d0d;border:1px solid #ffffff14;border-radius:14px;padding:22px}.account-management h3,.password-change-section h3{border-bottom:1px solid #ffffff12;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.03em;margin:0 0 18px;padding-bottom:10px}.password-form{display:flex;flex-direction:column;gap:14px;max-width:400px}.password-actions{display:flex;gap:10px}.danger-zone{background:#ef44440d;border:1px solid #ef444440;border-radius:10px;padding:18px}.btn-danger{background:#ef4444cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:10px 22px;transition:all .15s}.btn-danger:hover{background:#ef4444}.danger-warning{color:#fca5a5;font-size:13px;font-style:italic;margin:10px 0 0}.unverified-info,.verified-info{align-items:flex-start;border-radius:10px;display:flex;gap:16px;padding:18px}.verified-info{background:#10b98114;border:1px solid #10b98133}.unverified-info{background:#f9731614;border:1px solid #f9731633}.status-icon{flex-shrink:0;font-size:28px}.status-text strong{color:#fff;display:block;font-size:16px;margin-bottom:4px}.status-text p{color:#ffffff73;font-size:13px;line-height:1.5;margin:0}.verification-benefits{background:#ffffff0a;border-radius:8px;margin-top:18px;padding:14px}.verification-benefits h4{color:#fff;font-size:14px;margin:0 0 10px}.verification-benefits ul{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));list-style:none;margin:0;padding:0}.verification-benefits li{color:#ffffff80;font-size:13px;padding:3px 0}.btn-verify,.btn-verify-phone{align-items:center;background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:700;gap:7px;margin-top:16px;padding:12px 22px;transition:opacity .15s}.btn-verify-phone:hover,.btn-verify:hover{opacity:.88}@media (max-width:768px){.enhanced-profile-page{padding:14px}.profile-header,.profile-main-info{flex-direction:column}.profile-main-info{text-align:center}.profile-actions{align-items:stretch}.profile-actions button{width:100%}.detail-grid{grid-template-columns:1fr}.password-actions{flex-direction:column}.unverified-info,.verified-info{flex-direction:column;text-align:center}.btn-verify,.btn-verify-phone{justify-content:center;margin-left:0;width:100%}}.project-detail-page{background:#000;min-height:100vh;padding:32px 20px}.project-detail-container{background:#0d0d0d;border:1px solid #ffffff14;border-radius:16px;color:#fff;margin:0 auto;max-width:860px;padding:36px 40px}.breadcrumb{align-items:center;color:#ffffff4d;display:flex;font-size:13px;gap:4px;margin-bottom:20px}.breadcrumb span:first-child{color:#a78bfa;cursor:pointer;font-weight:500}.breadcrumb span:first-child:hover{text-decoration:underline}.urgent-badge{align-items:center;background:#ef44441f;border:1px solid #ef444433;border-radius:100px;color:#fca5a5;display:inline-flex;font-size:13px;font-weight:600;gap:5px;margin-bottom:16px;padding:5px 12px}.project-title{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.35;margin-bottom:22px}.client-info{align-items:center;border-bottom:1px solid #ffffff12;display:flex;gap:14px;margin-bottom:28px;padding-bottom:22px}.client-avatar{height:48px;overflow:hidden;width:48px}.client-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#7c3aed66;color:#c4b5fd;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.client-name{color:#fff;font-size:15px;font-weight:700;margin-bottom:3px}.project-meta-info{align-items:center;color:#fff6;display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.project-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:28px}.info-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;padding:14px 16px}.info-label{align-items:center;color:#ffffff4d;display:flex;font-size:12px;font-weight:500;gap:4px;margin-bottom:5px}.info-value{color:#fff;font-size:14px;font-weight:700}.project-description{margin-bottom:24px}.project-description h2{color:#fff;font-size:15px;font-weight:700;margin-bottom:10px}.project-description p{color:#ffffff80;font-size:14px;line-height:1.8;white-space:pre-wrap}.required-skills{margin-bottom:24px}.required-skills h2{color:#fff;font-size:15px;font-weight:700;margin-bottom:10px}.skill-tag{background:#7c3aed2e;font-weight:600;padding:5px 13px}.attachments{margin-bottom:24px}.attachments h2{color:#fff;font-size:15px;font-weight:700;margin-bottom:10px}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#ffffff8c;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px;text-decoration:none;transition:all .15s;width:-webkit-fit-content;width:fit-content}.attachment-item:hover{background:#a78bfa1a;border-color:#a78bfa4d;color:#a78bfa}.action-buttons{border-top:1px solid #ffffff12;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:24px}.btn-propose{background:#fff;border:none;border-radius:9px;color:#000;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:12px 24px;transition:opacity .15s}.btn-propose:hover{opacity:.88}.btn-propose:disabled{cursor:not-allowed;opacity:.4}.btn-contact{background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:9px;color:#a78bfa;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:12px 24px;transition:all .15s}.btn-contact:hover{background:#7c3aed40}.btn-contact:disabled{cursor:not-allowed;opacity:.4}.btn-edit{background:#ffffff12;border:1px solid #ffffff1a;border-radius:9px;color:#fff9;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;transition:all .15s}.btn-edit:hover{background:#ffffff1f;color:#fff}.loading-container{align-items:center;color:#ffffff4d;display:flex;font-size:14px;height:50vh;justify-content:center}.error-container{color:#fff6;margin:80px auto;max-width:500px;text-align:center}.error-container h2{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px}.error-container p{color:#ffffff59;margin-bottom:20px}.error-container button{background:#fff;border:none;border-radius:9px;color:#000;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 24px}.modal-overlay{padding:20px}.modal-content{border-radius:16px;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-content h2{color:#fff;font-size:18px;letter-spacing:-.03em;margin-bottom:20px}.proposal-project-info{background:#7c3aed14;border:1px solid #7c3aed33;border-radius:10px;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:12px 16px}.proposal-project-info strong{color:#fff;font-size:14px}.proposal-project-info span{color:#fff6;font-size:13px}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;color:#fff;font-family:inherit;padding:11px 14px;resize:vertical;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:#a78bfa80}.modal-notice{background:#ffffff0a;border-radius:8px;color:#fff6;font-size:13px;line-height:1.6;margin:12px 0;padding:10px 14px}.modal-actions{gap:8px}.cancel-btn{background:#ffffff12;border:none;border-radius:9px;color:#fff9;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;padding:12px;transition:all .15s}.cancel-btn:hover{background:#ffffff1f}.submit-btn{background:#fff;border:none;border-radius:9px;color:#000;cursor:pointer;flex:2 1;font-family:inherit;font-size:14px;font-weight:700;padding:12px;transition:opacity .15s}.submit-btn:hover{opacity:.88}.submit-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.project-detail-container{padding:24px 20px}.project-title{font-size:20px}.project-info-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.project-create-container{background:#000;margin:0 auto;max-width:900px;min-height:100vh;padding:32px 24px}.project-create-header{margin-bottom:36px;text-align:center}.project-create-header h1{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.05em;margin-bottom:10px}.project-create-header p{color:#fff6;font-size:15px}.progress-steps{display:flex;justify-content:space-between;margin-bottom:36px;padding:0 20px}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.progress-step:not(:last-child):after{background:#ffffff14;content:"";height:1px;left:60%;position:absolute;right:-40%;top:20px;z-index:0}.progress-step.active:not(:last-child):after{background:#a78bfa4d}.step-number{background:#ffffff0d;font-size:16px;font-weight:600}.progress-step.active .step-number{background:#7c3aed40;border-color:#a78bfa73;color:#a78bfa}.progress-step.current .step-number{background:#7c3aed59;border-color:#a78bfa99;box-shadow:0 0 0 4px #7c3aed1f;color:#c4b5fd;transform:scale(1.1)}.step-label{font-size:11px}.progress-step.active .step-label{color:#a78bfa;font-weight:600}.alert{border-radius:8px;font-size:14px;margin-bottom:18px;padding:13px 16px}.alert-error{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.alert-success{background:#10b9811a;border:1px solid #10b98133;color:#6ee7b7}.project-create-form{background:#0d0d0d;border:1px solid #ffffff14;border-radius:14px;padding:36px}.form-step{min-height:400px}.step-badge{align-items:center;background:#7c3aed40;border:1px solid #a78bfa59;border-radius:50%;color:#a78bfa;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:34px;justify-content:center;margin-right:14px;width:34px}.step-header h2{font-size:22px}.required{color:#f472b6}.form-input,.form-select,.form-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;padding:11px 14px;transition:all .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff12;border-color:#a78bfa80;outline:none}.form-input:disabled,.form-select:disabled{background:#ffffff08;cursor:not-allowed;opacity:.5}.form-select option{background:#1a1a1a}.form-textarea{min-height:100px;resize:vertical}.char-count{color:#ffffff40;display:block;font-size:12px;margin-top:4px;text-align:right}.form-row{grid-gap:18px;gap:18px}.radio-group{gap:20px}.radio-label{align-items:center;color:#fff9;cursor:pointer;display:flex;font-size:14px;font-weight:400}.radio-label input[type=radio]{accent-color:#a78bfa;cursor:pointer;margin-right:7px}.work-type-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.work-type-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#fff;cursor:pointer;padding:22px;text-align:center;transition:all .15s}.work-type-card:hover{background:#7c3aed0f;border-color:#a78bfa59}.work-type-card.selected{background:#7c3aed1f;border-color:#a78bfa80}.work-type-icon{font-size:40px;margin-bottom:10px}.work-type-card h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px}.work-type-card p{color:#ffffff73;font-size:13px;line-height:1.5;margin:0}.attachment-input-group,.skill-input-group{display:flex;gap:8px;margin-bottom:8px}.attachment-input-group input,.skill-input-group input{flex:1 1}.btn-remove{background:#ef444426;border-radius:7px;flex-shrink:0;padding:8px 12px}.btn-remove:hover{background:#ef444440}.btn-add{background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;font-family:inherit;font-size:13px;margin-top:8px;padding:9px 16px;transition:all .15s}.btn-add:hover{background:#ffffff1f;color:#fff}.form-navigation{gap:12px;padding-top:26px}.btn-next,.btn-previous,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 28px;transition:all .15s}.btn-previous{background:#ffffff12;color:#fff9}.btn-previous:hover{background:#ffffff1f;color:#fff}.btn-next{background:#fff;color:#000;margin-left:auto}.btn-next:hover{opacity:.88}.btn-submit{margin-left:auto}.btn-submit:hover:not(:disabled){opacity:.88}.btn-submit:disabled{opacity:.3}.modal-overlay{animation:fadeIn .2s ease;background:#000000bf;z-index:9999}.modal-content{animation:slideUp .25s ease;padding:36px;text-align:center}.modal-icon{font-size:52px;margin-bottom:18px}.modal-icon.success{animation:bounce .4s ease}.modal-content h2{color:#a78bfa;font-size:22px;font-weight:800;margin-bottom:14px}.modal-content p{font-size:15px;margin-bottom:10px}.modal-redirect{color:#ffffff4d;font-size:13px!important;margin-bottom:22px!important}.modal-button{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:12px 36px;transition:opacity .15s}.modal-button:hover{opacity:.88}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width:768px){.project-create-container{padding:20px 16px}.project-create-form{padding:22px}.form-row,.work-type-grid{grid-template-columns:1fr}.radio-group{gap:8px}.form-navigation,.radio-group{flex-direction:column}.btn-next,.btn-submit{margin-left:0}.btn-next,.btn-previous,.btn-submit{width:100%}}*{box-sizing:border-box}.home-page{background:#000;color:#fff;display:flex;flex-direction:column;font-family:Pretendard,-apple-system,Apple SD Gothic Neo,sans-serif;min-height:100vh}.home-header{background:#000;border-bottom:1px solid #ffffff14;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.home-header .container{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 24px}.logo{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.5px;text-decoration:none}.nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-links a{color:#ffffff8c;font-size:14px;font-weight:400;text-decoration:none;transition:color .15s}.nav-links a:hover{color:#fff}.auth-buttons{align-items:center;display:flex;gap:8px}.btn-login{border-radius:8px;color:#fff9;font-size:14px;font-weight:500;padding:8px 18px;text-decoration:none;transition:color .15s}.btn-login:hover{color:#fff}.btn-signup{background:#fff;border-radius:7px;color:#000;font-size:14px;font-weight:600;padding:8px 18px;text-decoration:none;transition:opacity .15s}.btn-signup:hover{opacity:.88}.btn-home-action{border:none;border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:opacity .15s}.btn-home-action.green{background:#fff;color:#000}.btn-home-action.green:hover{opacity:.88}.btn-home-action.red{background:#ffffff14;color:#fff9}.btn-home-action.red:hover{background:#ffffff1f}.home-main{background:#000;overflow:hidden;padding:100px 0 80px;position:relative}.home-main:before{background:radial-gradient(ellipse at center,#be327852 0,#781ea029 45%,#0000 70%);content:"";height:420px;left:50%;pointer-events:none;position:absolute;top:-60px;transform:translateX(-50%);width:700px;z-index:0}.hero{margin:0 auto;max-width:760px;padding:0 24px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;background:#643cb438;border:1px solid #8c50dc59;border-radius:6px;color:#ffffffd9;display:inline-flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:2rem;padding:6px 14px}.hero-badge svg{color:#a78bfa}.hero h1{color:#fff;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:1.4rem}.hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#c084fc 40%,#f472b6);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffff80;font-size:17px;line-height:1.7;margin-bottom:2.5rem}.button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-primary{border-radius:8px;display:inline-block;font-size:15px;font-weight:600;padding:13px 28px;text-decoration:none;transition:opacity .15s,transform .1s}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:#0000;border:none;border-radius:8px;color:#ffffffa6;display:inline-block;font-size:15px;font-weight:500;padding:13px 28px;text-decoration:none;transition:color .15s}.hero-stats{border-top:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:48px;justify-content:center;margin-top:56px;padding-top:40px}.hero-stat-item{text-align:center}.hero-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-.5px}.hero-stat-label{color:#ffffff59;font-size:13px;margin-top:3px}.features{background:#000;padding:80px 0}.disclaimer-section .container,.features .container,.how-it-works .container,.pro-section .container{margin:0 auto;max-width:1100px;padding:0 24px}.section-tag{background:#7c3aed2e;border-radius:5px;color:#a78bfae6;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.features h2,.how-it-works h2{color:#fff;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;letter-spacing:-.03em;margin-bottom:8px;text-align:center}.section-desc{color:#ffffff73;font-size:15px;margin-bottom:52px;text-align:center}.features-grid{grid-gap:1px;background:#ffffff12;border:1px solid #ffffff12;border-radius:14px;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));overflow:hidden}.feature-card{background:#0d0d0d;padding:2rem;transition:background .2s}.feature-card:hover{background:#141414}.feature-card.highlight{background:#0f0a1a}.feature-card.highlight:hover{background:#130d1f}.feature-icon-wrap{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;display:flex;height:44px;justify-content:center;margin-bottom:1.2rem;width:44px}.feature-icon-wrap svg{color:#a78bfa;height:20px;width:20px}.feature-card h3{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.2px;margin-bottom:8px}.feature-card p{color:#ffffff73;font-size:14px;line-height:1.65}.feature-compare{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.compare-item{border-radius:5px;font-size:12px;font-weight:600;padding:4px 10px}.compare-item.bad{background:#ef444426;color:#fca5a5cc;text-decoration:line-through}.compare-item.good{background:#10b98126;color:#6ee7b7e6}.direct-trade-notice{align-items:flex-start;background:#7c3aed14;border:1px solid #7c3aed38;border-radius:14px;display:flex;gap:20px;margin-top:52px;padding:32px 36px}.notice-icon{align-items:center;background:#7c3aed40;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notice-icon svg{color:#a78bfa;height:20px;width:20px}.notice-body h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px}.notice-body p{color:#ffffff80;font-size:14px;line-height:1.65;margin-bottom:16px}.notice-points{display:flex;flex-wrap:wrap;gap:16px}.notice-point{align-items:center;color:#a78bfa;display:flex;font-size:13px;font-weight:600;gap:6px}.notice-point svg{height:14px;width:14px}.how-it-works{background:#050505;border-top:1px solid #ffffff0f;padding:80px 0}.steps{align-items:flex-start;flex-wrap:wrap;gap:0;justify-content:center}.step{max-width:160px;padding:0 12px;text-align:center}.step-number{background:#7c3aed33;border:1px solid #7c3aed59;border-radius:10px;color:#a78bfa;font-size:14px;font-weight:800;letter-spacing:-.5px;margin:0 auto 14px}.step h3{color:#fff;font-size:14px;font-weight:700;margin-bottom:6px}.step p{color:#fff6;font-size:13px;line-height:1.5}.step-arrow{color:#ffffff26;font-size:18px;padding-top:12px}.disclaimer-section{background:#000;border-top:1px solid #ffffff0f;padding:52px 0}.disclaimer-box{align-items:flex-start;background:#eab3080f;border:1px solid #eab30833;border-radius:12px;display:flex;gap:16px;padding:24px 28px}.disclaimer-box-icon{flex-shrink:0;font-size:20px;margin-top:2px}.disclaimer-box h3{color:#fde047e6;font-size:15px;font-weight:700;margin-bottom:10px}.disclaimer-box ul{color:#fde0478c;font-size:14px;margin:0;padding-left:18px}.disclaimer-box li{line-height:1.6;margin-bottom:5px}.pro-section{background:#050505;border-top:1px solid #ffffff0f;padding:52px 0}.pro-box{align-items:center;background:linear-gradient(135deg,#7c3aed40,#db277733);border:1px solid #7c3aed4d;border-radius:16px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;overflow:hidden;padding:44px 48px;position:relative}.pro-box:before{background:radial-gradient(circle,#db277733 0,#0000 70%);content:"";height:240px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:240px}.pro-box-text h3{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.pro-box-text p{color:#ffffff8c;font-size:15px}.pro-btn{background:#fff;border-radius:8px;color:#000;display:inline-block;flex-shrink:0;font-size:15px;font-weight:700;padding:13px 28px;position:relative;text-decoration:none;transition:opacity .15s,transform .1s;white-space:nowrap;z-index:1}.pro-btn:hover{opacity:.88;transform:translateY(-1px)}.home-footer{background:#000;border-top:1px solid #ffffff12;color:#fff;padding:48px 0 32px}.home-footer .container{margin:0 auto;max-width:1100px;padding:0 24px}.footer-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:36px}.footer-brand .logo-footer{color:#fff;font-size:18px;font-weight:800;text-decoration:none}.footer-brand p{color:#ffffff4d;font-size:13px;line-height:1.6;margin-top:8px}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{color:#ffffff4d;font-size:13px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:#ffffffb3}.footer-bottom{align-items:center;border-top:1px solid #ffffff12;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:24px}.footer-bottom p,.footer-contact{color:#fff3;font-size:12px}@media (max-width:768px){.hero h1{font-size:2.2rem}.nav-links{display:none}.steps{align-items:center;flex-direction:column}.step-arrow{padding:8px 0;transform:rotate(90deg)}.step{max-width:100%}.direct-trade-notice,.pro-box{flex-direction:column}.pro-box{text-align:center}.hero-stats{gap:24px}.footer-bottom,.footer-top{flex-direction:column}.footer-bottom{text-align:center}.features-grid{grid-template-columns:1fr}}.services-page{background:#000;color:#fff;min-height:100vh}.services-main{padding:32px 0}.search-input{min-width:240px}.btn{align-items:center;display:inline-flex;gap:6px}.services-container{margin-top:4px}.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.service-card{cursor:pointer;overflow:hidden}.service-image{align-items:center;background:linear-gradient(135deg,#7c3aed66,#db27774d);border-bottom:1px solid #ffffff0f;color:#ffffffb3;display:flex;font-size:13px;font-weight:600;height:130px;justify-content:center;letter-spacing:.3px;width:100%}.service-content{padding:18px 20px}.service-category{background:#7c3aed2e;border:1px solid #7c3aed40;border-radius:100px;color:#a78bfa;display:inline-block;font-size:12px;font-weight:600;margin-bottom:10px;padding:3px 10px}.service-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;letter-spacing:-.3px;margin-bottom:8px;overflow:hidden}.service-freelancer{align-items:center;color:#ffffff73;display:flex;font-size:13px;gap:7px;margin-bottom:10px}.freelancer-avatar{align-items:center;background:#7c3aed66;border-radius:50%;color:#c4b5fd;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.service-freelancer span{cursor:pointer;transition:color .15s}.service-freelancer span:hover{color:#a78bfa}.service-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;margin-bottom:14px;overflow:hidden}.service-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;padding-top:12px}.service-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800;letter-spacing:-.3px}.service-rating{align-items:center;color:#ffffff59;display:flex;font-size:13px;gap:4px}.rating-stars{color:#f59e0b}@media (max-width:768px){.search-form{flex-direction:column}.search-input{min-width:100%}.services-grid{grid-template-columns:1fr}.page-header h1{font-size:22px}}.projects-page{background:#000;color:#fff;min-height:100vh}.projects-main{padding:32px 0}.container{margin:0 auto;max-width:1100px;padding:0 24px}.page-header h1{font-size:28px;margin-bottom:8px}.search-section{background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:20px}.search-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-family:inherit;font-size:14px;min-width:220px;padding:11px 14px;transition:border-color .15s}.search-input::placeholder{color:#ffffff4d}.search-input:focus{background:#ffffff12;border-color:#a78bfa80;outline:none}.filter-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:14px;padding:11px 14px}.filter-select:focus{border-color:#a78bfa80;outline:none}.filter-select option{background:#1a1a1a;color:#fff}.btn{padding:10px 20px}.btn-primary:hover{opacity:.88}.btn-outline{background:#0000;border:1px solid #a78bfa80;color:#a78bfa}.btn-outline:hover{background:#a78bfa1a}.projects-container{margin-top:4px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.project-card{cursor:pointer;padding:22px}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.project-category{background:#7c3aed2e;border:1px solid #7c3aed40;color:#a78bfa;display:inline-block}.project-category,.project-status{border-radius:100px;font-size:12px;font-weight:600;padding:3px 10px}.status-open{border:1px solid #10b98133}.status-in_progress{border:1px solid #7c3aed33}.status-closed{background:#ffffff0d;border:1px solid #ffffff14}.project-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;letter-spacing:-.3px;margin-bottom:10px;overflow:hidden}.project-client{color:#ffffff73;font-size:13px;gap:7px;margin-bottom:10px}.client-avatar,.project-client{align-items:center;display:flex}.client-avatar{background:#7c3aed66;border-radius:50%;color:#c4b5fd;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;margin-bottom:14px;overflow:hidden}.project-meta{display:flex;gap:16px;margin-bottom:14px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{color:#ffffff40;font-size:11px;font-weight:500}.meta-value{color:#ffffffb3;font-size:13px;font-weight:600}.budget-range{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text}.project-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;padding-top:12px}.project-stats{color:#ffffff40;display:flex;font-size:12px;gap:12px}.work-type-badge{border-radius:6px;font-size:11px;font-weight:600;padding:3px 9px}.work-type-remote{background:#7c3aed26;color:#a78bfa}.work-type-onsite{background:#f9731626;color:#fb923c}.work-type-hybrid{background:#10b98126;color:#34d399}.empty-state{color:#ffffff40;padding:64px 20px}.empty-state h3{color:#fff6;font-size:18px;font-weight:700;margin-bottom:8px}.empty-state p,.loading{font-size:14px}.loading{padding:48px}.loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#a78bfa;content:"";display:inline-block;height:16px;margin-left:8px;vertical-align:middle;width:16px}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:40px}.pagination button{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:14px;padding:8px 14px;transition:all .15s}.pagination button:hover:not(:disabled){background:#a78bfa14;border-color:#a78bfa66;color:#a78bfa}.pagination button:disabled{cursor:not-allowed;opacity:.3}.pagination .current{background:#a78bfa33;border-color:#a78bfa66;color:#a78bfa}@media (max-width:768px){.search-form{flex-direction:column}.search-input{min-width:100%}.projects-grid{grid-template-columns:1fr}.page-header h1{font-size:22px}}.chat-room-title-editor,.title-editor-form{position:relative;width:100%}.title-editor-input{background-color:#fff;border:2px solid #fee500;border-radius:8px;box-shadow:0 0 0 3px #fee5001a;color:#191f28;font-size:16px;font-weight:600;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.title-editor-input:focus{border-color:gold;box-shadow:0 0 0 4px #fee50033}.title-editor-input:disabled{cursor:not-allowed;opacity:.7}.title-editor-input::placeholder{color:#9ca0a5;font-weight:400}.title-editor-loading{align-items:center;display:flex;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f0f1f3;border-radius:50%;border-top-color:#fee500;height:16px;width:16px}@media (max-width:768px){.title-editor-input{font-size:14px;padding:6px 10px}.loading-spinner{height:14px;width:14px}.title-editor-loading{right:10px}}@media (prefers-color-scheme:dark){.title-editor-input{background-color:#2c2c2e;border-color:#fee500;color:#fff}.title-editor-input::placeholder{color:#8e8e93}}.chat-room-list{background-color:#fff;border-right:1px solid #e4e6ea;display:flex;flex-direction:column;height:100%}.chat-room-list-header{align-items:center;background-color:#fff;border-bottom:1px solid #f2f3f5;display:flex;justify-content:space-between;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-room-list-header h2{color:#191f28;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0}.room-count{background-color:#fee500;border-radius:12px;color:#3c1e1e;font-size:13px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.chat-room-list-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.room-list-scroll{-ms-overflow-style:none;flex:1 1;overflow-y:auto;scrollbar-width:none}.room-list-scroll::-webkit-scrollbar{display:none}.chat-room-item{align-items:center;border-bottom:1px solid #f7f8fa;cursor:pointer;display:flex;padding:12px 24px;position:relative;transition:background-color .15s ease}.chat-room-item:hover{background-color:#f8f9fb}.chat-room-item.active{background-color:#fff3cd;border-left:3px solid #fee500}.chat-room-item:last-child{border-bottom:none}.chat-room-avatar{flex-shrink:0;height:50px;margin-right:16px;position:relative;width:50px}.chat-room-avatar-image{object-fit:cover}.chat-room-avatar-image,.chat-room-avatar-text{border:2px solid #f0f1f3;border-radius:50%;height:100%;width:100%}.chat-room-avatar-text{align-items:center;background:linear-gradient(135deg,#fee500,#ffeb3b);color:#3c1e1e;display:flex;font-size:18px;font-weight:700;justify-content:center}.online-indicator{background-color:#00c73c;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-room-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.chat-room-header{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.chat-room-title-container{flex:1 1;min-width:0;position:relative}.chat-room-title{align-items:center;border-radius:4px;color:#191f28;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:6px;letter-spacing:-.3px;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;transition:background-color .2s ease;white-space:nowrap}.chat-room-title:hover{background-color:#fee5001a}.title-edit-button{background:none;border:none;border-radius:2px;cursor:pointer;font-size:12px;opacity:0;padding:2px;transition:opacity .2s ease}.chat-room-title:hover .title-edit-button{opacity:.7}.title-edit-button:hover{background-color:#fee50033;opacity:1!important}.chat-room-time{color:#9ca0a5;flex-shrink:0;font-size:12px;white-space:nowrap}.chat-room-footer{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-room-preview{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.project-tag{background-color:#f2f3f5;border-radius:10px;color:#787c82;font-size:12px;max-width:100%;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.last-message,.project-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message{color:#9ca0a5;display:block;font-size:14px;line-height:1.4}.unread-badge{background-color:#ff6b6b;border-radius:12px;box-shadow:0 1px 2px #ff6b6b4d;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;line-height:1;min-width:18px;padding:4px 7px;text-align:center}.no-chat-rooms{align-items:center;color:#9ca0a5;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.no-chat-icon{font-size:48px;margin-bottom:16px}.no-chat-rooms h3{color:#787c82;font-size:18px;font-weight:600;margin:0 0 8px}.no-chat-rooms p{color:#9ca0a5;font-size:14px;line-height:1.5;margin:0}.chat-room-list-loading{flex:1 1;overflow:hidden}.loading-skeleton{padding:0 24px}.skeleton-room-item{align-items:center;display:flex;gap:16px;padding:12px 0}.skeleton-avatar{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;height:50px;width:50px}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-line{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:12px}.skeleton-title{height:16px;width:40%}.skeleton-message{width:70%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.chat-room-list-header{padding:16px 20px 12px}.chat-room-list-header h2{font-size:20px}.chat-room-item{padding:10px 20px}.chat-room-avatar{height:44px;margin-right:12px;width:44px}.chat-room-avatar-text{font-size:16px}.chat-room-title{font-size:15px}.chat-room-time{font-size:11px}.last-message{font-size:13px}.project-tag{font-size:11px;padding:2px 6px}}@media (prefers-color-scheme:dark){.chat-room-list{background-color:#2c2c2e;border-right-color:#38383a}.chat-room-list-header{background-color:#2c2c2e;border-bottom-color:#38383a}.chat-room-list-header h2{color:#fff}.chat-room-item{border-bottom-color:#38383a}.chat-room-item:hover{background-color:#38383a}.chat-room-item.active{background-color:#1c1c1e}.chat-room-title{color:#fff}.chat-room-time,.last-message,.project-tag{color:#8e8e93}.project-tag{background-color:#38383a}.no-chat-rooms h3{color:#8e8e93}.no-chat-rooms p{color:#636366}}.room-list-scroll::-webkit-scrollbar{width:4px}.room-list-scroll::-webkit-scrollbar-track{background:#0000}.room-list-scroll::-webkit-scrollbar-thumb{background:#e4e6ea;border-radius:2px}.room-list-scroll::-webkit-scrollbar-thumb:hover{background:#d0d3d7}.quote-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quote-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.quote-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.quote-modal-header h2{font-size:20px;font-weight:700;margin:0}.quote-modal-header .close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:28px;line-height:1}.quote-modal form{padding:24px}.form-group label{margin-bottom:6px}.form-group input,.form-group textarea{border:2px solid #e5e7eb;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5}.quote-preview{background:#f3f4f6;border-radius:12px;margin-bottom:20px;padding:16px}.quote-preview h4{color:#6b7280;font-size:14px;margin:0 0 12px}.preview-item{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.preview-item:last-child{border-bottom:none}.preview-item span{color:#6b7280;font-size:14px}.preview-item strong{color:#111827;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-actions .cancel-btn{background:#f3f4f6;color:#374151}.modal-actions .cancel-btn,.modal-actions .submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.modal-actions .submit-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.modal-actions .submit-btn:disabled{cursor:not-allowed;opacity:.6}.quote-message-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;margin:8px 0;max-width:320px;padding:16px}.quote-message-card.my-quote{margin-left:auto}.quote-message-card .quote-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.quote-message-card .quote-header span{font-size:18px}.quote-message-card .quote-header h4{color:#0369a1;font-size:16px;margin:0}.quote-message-card .quote-title{color:#111827;font-weight:600;margin-bottom:8px}.quote-message-card .quote-desc{color:#6b7280;font-size:13px;margin-bottom:12px}.quote-message-card .quote-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.quote-message-card .quote-detail-item{background:#ffffffb3;border-radius:8px;padding:8px;text-align:center}.quote-message-card .quote-detail-item .label{color:#6b7280;display:block;font-size:11px}.quote-message-card .quote-detail-item .value{color:#111827;font-size:14px;font-weight:700}.quote-message-card .quote-actions{display:flex;gap:8px}.quote-message-card .quote-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px}.quote-message-card .accept-btn{background:#10b981;color:#fff}.quote-message-card .reject-btn{background:#f3f4f6;color:#374151}.quote-message-card .quote-status{border-radius:8px;font-size:13px;font-weight:600;padding:10px;text-align:center}.quote-message-card .quote-status.accepted{background:#d1fae5;color:#065f46}.quote-message-card .quote-status.rejected{background:#fee2e2;color:#991b1b}.quote-message-card .quote-status.pending{background:#fef3c7;color:#92400e}.system-message{margin:8px 0;padding:8px 16px;text-align:center}.system-message .message-text{background:#f3f4f6;border-radius:20px;color:#6b7280;display:inline-block;font-size:13px;padding:8px 16px}.system-message.quote_accepted .message-text{background:#d1fae5;color:#065f46}.system-message.quote_rejected .message-text{background:#fee2e2;color:#991b1b}.proposal-message{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:10px 0;max-width:400px;overflow:hidden}.proposal-message.my-proposal{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);margin-left:auto}.proposal-message.other-proposal{background:linear-gradient(135deg,#fff3e0,#ffe0b2);margin-right:auto}.proposal-header{align-items:center;background:#0000000d;border-bottom:1px solid #0000001a;display:flex;gap:8px;padding:12px 16px}.proposal-icon{font-size:20px}.proposal-title{flex:1 1;font-weight:600}.status-badge{border-radius:12px;padding:4px 8px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.accepted{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.withdrawn{background:#e2e3e5;color:#383d41}.proposal-content{padding:16px}.proposal-project{color:#333;font-size:14px;margin-bottom:12px}.proposal-details{display:flex;gap:16px;margin-bottom:12px}.detail-item{display:flex;flex-direction:column}.detail-item .label{color:#666;font-size:12px}.detail-item .value{color:#2196f3;font-size:16px;font-weight:600}.proposal-cover-letter{background:#ffffff80;border-radius:8px;color:#555;font-size:13px;padding:10px}.proposal-cover-letter p{line-height:1.5;margin:8px 0 0}.proposal-actions{background:#00000008;border-top:1px solid #0000001a;display:flex;gap:10px;padding:12px 16px}.proposal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.btn-accept{background:#4caf50;color:#fff}.btn-accept:hover{background:#43a047}.btn-contract{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-contract:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}.contract-message{background:#fff;border:2px solid #667eea;border-radius:16px;box-shadow:0 4px 20px #00000026;margin:10px auto;max-width:420px;overflow:hidden}.contract-message.agreed{border-color:#4caf50}.contract-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:8px;padding:14px 18px}.contract-message.agreed .contract-header{background:linear-gradient(135deg,#4caf50,#388e3c)}.contract-icon{font-size:22px}.contract-title{flex:1 1;font-size:16px;font-weight:600}.contract-badge{background:#fff3;border-radius:12px;font-size:12px;padding:4px 10px}.contract-status-bar{background:#f8f9fa;border-bottom:1px solid #eee;color:#666;font-size:13px;padding:10px 18px;text-align:center}.contract-content{padding:18px}.contract-content h3{color:#333;font-size:16px;margin:0 0 10px}.contract-description{color:#666;font-size:13px;line-height:1.5;margin-bottom:16px}.contract-details{background:#f8f9fa;border-radius:10px;padding:14px}.detail-row{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row.full{align-items:flex-start;flex-direction:column;gap:4px}.detail-row .label{color:#666;font-size:13px}.detail-row .value{color:#333;font-size:14px;font-weight:500}.detail-row .value.price{color:#667eea;font-size:18px;font-weight:700}.contract-agree-status{border-top:1px solid #eee;display:flex;gap:12px;padding:14px 18px}.agree-item{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:10px;transition:all .2s}.agree-item.agreed{background:#e8f5e9}.agree-item .role{color:#666;font-size:12px;margin-bottom:4px}.agree-item .status{font-size:14px;font-weight:500}.agree-item.agreed .status{color:#4caf50}.contract-actions{background:#fafafa;border-top:1px solid #eee;display:flex;gap:10px;padding:14px 18px}.contract-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.btn-agree{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.btn-agree:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.btn-reject{background:#f5f5f5;color:#666}.btn-reject:hover{background:#e0e0e0}.contract-started{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;font-size:13px;font-weight:500;padding:14px 18px;text-align:center}.contract-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contract-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.contract-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eee;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.contract-modal-header h2{font-size:18px;margin:0}.contract-modal-header .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;opacity:.8}.contract-modal-header .close-btn:hover{opacity:1}.contract-notice{background:#fff3cd;border-bottom:1px solid #ffeeba;margin:0;padding:12px 24px}.contract-notice p{color:#856404;font-size:13px;margin:0}.contract-modal form{padding:20px 24px}.contract-modal .form-group{margin-bottom:16px}.contract-modal .form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.contract-modal .form-group input,.contract-modal .form-group textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.contract-modal .form-group input:focus,.contract-modal .form-group textarea:focus{border-color:#667eea;outline:none}.contract-modal .form-row{display:flex;gap:12px}.contract-modal .form-row .form-group{flex:1 1}.contract-preview{background:#f8f9fa;border-radius:12px;margin-top:16px;padding:16px}.contract-preview h4{color:#666;font-size:14px;margin:0 0 12px}.contract-preview .preview-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.contract-preview .preview-item:last-child{border-bottom:none}.contract-preview .preview-item span{color:#666;font-size:13px}.contract-preview .preview-item strong{color:#333;font-size:14px}.contract-modal .modal-actions{border-top:1px solid #eee;display:flex;gap:12px;margin-top:20px;padding-top:16px}.contract-modal .cancel-btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:background-color .2s}.contract-modal .cancel-btn:hover{background:#f5f5f5}.contract-modal .submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:500;padding:12px;transition:opacity .2s}.contract-modal .submit-btn:hover{opacity:.9}.contract-modal .submit-btn:disabled{cursor:not-allowed;opacity:.6}.trade-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.trade-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.trade-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.trade-modal-header h2{color:#1e293b;font-size:18px;margin:0}.trade-modal-header .close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;line-height:1;padding:0}.trade-modal-header .close-btn:hover{color:#64748b}.trade-modal-body{padding:24px}.form-notice{border-radius:12px;margin-bottom:20px;padding:16px}.form-notice.info{background:#eff6ff;border:1px solid #bfdbfe}.form-notice.info strong{color:#1e40af;display:block;margin-bottom:4px}.form-notice.info p{color:#3b82f6;font-size:13px;margin:0}.form-notice.warning{background:#fffbeb;border:1px solid #fcd34d}.form-notice.warning strong{color:#92400e;display:block;margin-bottom:8px}.form-notice.warning ul{color:#a16207;font-size:12px;margin:0;padding-left:20px}.form-notice.warning li{margin-bottom:4px}.form-group{margin-bottom:16px}.form-group label{color:#374151;font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px}.price-input-wrapper{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden}.price-input-wrapper input{border:none;border-radius:0;padding-right:8px;text-align:right}.price-input-wrapper input:focus{box-shadow:none}.price-suffix{background:#f3f4f6;border-left:1px solid #d1d5db;color:#6b7280;font-size:14px;padding:12px 14px}.form-hint{color:#9ca3af;font-size:12px;margin-top:6px}.trade-modal-footer{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 24px}.trade-modal-footer button{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.trade-modal-footer .cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.trade-modal-footer .cancel-btn:hover{background:#f3f4f6}.trade-modal-footer .submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.trade-modal-footer .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.trade-modal-footer .submit-btn:disabled{cursor:not-allowed;opacity:.6}.trade-message{display:flex;margin:16px 0}.trade-message.my-message{justify-content:flex-end}.trade-message.other-message{justify-content:flex-start}.trade-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:16px;box-shadow:0 2px 8px #00000014;max-width:380px;padding:16px}.trade-message.trade_start .trade-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#60a5fa}.trade-message.trade_accept .trade-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#34d399}.trade-message.trade_complete .trade-card,.trade-message.trade_confirmed .trade-card{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#a78bfa}.trade-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.trade-icon{font-size:20px}.trade-title{color:#1e293b;flex:1 1;font-size:15px;font-weight:600}.trade-status{border-radius:12px;font-size:11px;font-weight:600;padding:3px 8px}.trade-status.negotiating{background:#fef3c7;color:#92400e}.trade-status.in-progress{background:#dbeafe;color:#1e40af}.trade-status.completed{background:#d1fae5;color:#065f46}.trade-status.cancelled{background:#fee2e2;color:#991b1b}.trade-description{color:#475569;font-size:13px;line-height:1.5;margin-bottom:12px}.trade-price{align-items:center;background:#fff;border-radius:8px;color:#0f172a;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;padding:10px 12px}.price-note{color:#94a3b8;font-size:11px;font-weight:400}.trade-actions{display:flex;gap:8px;margin-top:12px}.trade-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.trade-actions .accept-btn,.trade-actions .complete-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.trade-actions .accept-btn:hover,.trade-actions .complete-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.trade-actions .cancel-btn{background:#f1f5f9;color:#64748b}.trade-actions .cancel-btn:hover{background:#e2e8f0}.trade-actions .cancel-btn.secondary{flex:0 0 auto;padding:10px 12px}.trade-waiting{align-items:center;background:#f0fdf4;border-radius:8px;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px}.trade-waiting .waiting-text{color:#64748b;font-style:italic}.trade-notice{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:11px;line-height:1.4;margin-top:12px;padding:10px}.chat-container{background-color:#f5f6fa;border-radius:8px;box-shadow:0 2px 12px #00000014;display:flex;height:calc(100vh - 60px);overflow:hidden}.chat-sidebar{border-right:1px solid #e4e6ea;flex-direction:column;width:360px}.chat-main,.chat-sidebar{background-color:#fff;display:flex;position:relative}.chat-main{flex:1 1;flex-direction:column}.chat-header{align-items:center;background-color:#fff;border-bottom:1px solid #e4e6ea;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;padding:16px 24px}.chat-header-info h3{color:#191f28;font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0 0 4px}.project-title{background-color:#f2f3f5;border-radius:12px;color:#9ca0a5;display:inline-block;font-size:13px;margin-top:4px;padding:4px 8px}.chat-header-actions{display:flex;gap:8px}.chat-settings-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:8px;transition:background-color .2s ease}.chat-settings-btn:hover{background-color:#f2f3f5}.chat-messages{background:linear-gradient(135deg,#f8f9fb,#fff);flex:1 1;overflow-y:auto;padding:20px 24px;scroll-behavior:smooth;scrollbar-color:#e4e6ea #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background-color:#e4e6ea;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#d0d3d7}.message-date-divider{color:#9ca0a5;font-size:13px;font-weight:500;margin:24px 0;position:relative;text-align:center}.message-date-divider:before{background:linear-gradient(90deg,#0000,#e4e6ea 20%,#e4e6ea 80%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.message-date-divider:after{background-color:#fff;content:"";padding:0 16px;position:relative;z-index:2}.message{animation:messageSlideIn .3s ease-out;display:flex;flex-direction:column;margin-bottom:16px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.my-message{align-items:flex-end}.other-message{align-items:flex-start}.message-sender{color:#787c82;font-size:12px;font-weight:500;margin-bottom:4px;padding:0 4px}.message-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 2px #0000001a;max-width:70%;padding:12px 16px;position:relative}.my-message .message-bubble{background:linear-gradient(135deg,#fee500,gold);border-bottom-right-radius:6px;color:#3c1e1e}.other-message .message-bubble{background-color:#fff;border:1px solid #e4e6ea;border-bottom-left-radius:6px;color:#191f28}.message-text{font-size:15px;line-height:1.5;word-break:break-word}.message-time{align-items:center;display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:6px;opacity:.8}.my-message .message-time{color:#3c1e1e}.other-message .message-time{color:#9ca0a5}.read-indicator{color:#00c73c;font-weight:700}.typing-indicator-container{align-items:center;animation:fadeIn .3s ease;display:flex;gap:8px;margin-bottom:16px}.typing-indicator{background-color:#f2f3f5;border-radius:18px;border-bottom-left-radius:6px;display:flex;padding:12px 16px}.typing-indicator span{animation:typingBounce 1.4s infinite;background-color:#9ca0a5;border-radius:50%;height:6px;margin:0 2px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.typing-text{color:#9ca0a5;font-size:13px;font-style:italic}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-input-form{background-color:#fff;border-top:1px solid #e4e6ea;padding:16px 24px 20px}.chat-input-container{align-items:center;background-color:#f8f9fb;border:2px solid #e4e6ea;border-radius:24px;display:flex;padding:4px 4px 4px 20px;transition:border-color .2s ease,box-shadow .2s ease}.chat-input-container:focus-within{border-color:#fee500;box-shadow:0 0 0 3px #fee5001a}.chat-input{background:#0000;border:none;color:#191f28;flex:1 1;font-size:15px;outline:none;padding:12px 0}.chat-input::placeholder{color:#9ca0a5}.send-button{align-items:center;background:linear-gradient(135deg,#fee500,gold);border:none;border-radius:50%;box-shadow:0 2px 4px #fee5004d;color:#3c1e1e;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-button:hover:not(:disabled){box-shadow:0 4px 8px #fee50066;transform:scale(1.05)}.send-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.no-chat-selected{align-items:center;color:#9ca0a5;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-chat-icon{font-size:64px;margin-bottom:24px;opacity:.7}.no-chat-selected h3{color:#787c82;font-size:24px;font-weight:600;margin:0 0 12px}.no-chat-selected p{color:#9ca0a5;font-size:16px;line-height:1.6;margin:0}.chat-loading{align-items:center;color:#9ca0a5;display:flex;flex-direction:column;height:100%;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f0f1f3;border-radius:50%;border-top-color:#fee500;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-loading p{color:#787c82;font-size:16px;margin:0}@media (max-width:1024px){.chat-sidebar{width:320px}}@media (max-width:768px){.chat-container{height:calc(100vh - 56px)}.chat-sidebar{bottom:0;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:10}.chat-sidebar.active{transform:translateX(0)}.chat-main{width:100%}.chat-header{padding:12px 16px}.chat-messages{padding:16px}.chat-input-form{padding:12px 16px 16px}.message-bubble{max-width:85%;padding:10px 14px}.message-text{font-size:14px}}@media (max-width:480px){.chat-sidebar{width:100%}.chat-header-info h3{font-size:18px}.chat-input-container{padding:3px 3px 3px 16px}.chat-input{font-size:14px;padding:10px 0}.send-button{font-size:16px;height:36px;width:36px}.no-chat-icon{font-size:48px}.no-chat-selected h3{font-size:20px}.no-chat-selected p{font-size:14px}}.quote-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:8px;padding:8px 16px;transition:all .2s}.quote-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.message-bubble{box-shadow:0 .5px 1px #00000026}.chat-input-container:focus-within{box-shadow:0 0 0 1.5px #fee50026}}@media (prefers-reduced-motion:reduce){.message,.typing-indicator-container{animation:none}.send-button:hover:not(:disabled){transform:none}.chat-messages{scroll-behavior:auto}}.contract-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:8px;padding:8px 16px;transition:all .2s}.contract-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.trade-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:8px;padding:8px 16px;transition:all .2s}.trade-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.trade-btn.in-progress{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.trade-btn.in-progress:hover{box-shadow:0 4px 12px #8b5cf64d}.trade-status-badge{align-items:center;background:#fef3c7;border-radius:16px;color:#92400e;display:inline-flex;font-size:13px;font-weight:600;margin-right:8px;padding:6px 12px}.trade-status-badge.negotiating{background:#dbeafe;color:#1e40af}.service-create-page{background:#000;color:#fff;min-height:100vh;padding:32px 0 40px}.service-create-page .container{margin:0 auto;max-width:800px;padding:0 24px;width:100%}.page-header{margin-bottom:36px}.page-header h1{margin:0 0 10px}.page-header p{font-size:15px}.steps-wrapper{margin-bottom:36px;overflow-x:auto}.steps{display:flex;justify-content:space-between;min-width:700px;padding:0 20px}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.step:not(:last-child):after{background:#ffffff1a;content:"";height:1px;left:50%;position:absolute;top:20px;width:100%;z-index:0}.step.active:not(:last-child):after{background:#a78bfa66}.step-number{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;color:#ffffff4d;display:flex;font-weight:700;height:40px;justify-content:center;margin-bottom:8px;position:relative;transition:all .2s;width:40px;z-index:1}.step.active .step-number{background:#7c3aed4d;border-color:#a78bfa80;color:#a78bfa}.step-label{color:#ffffff40;font-size:12px;text-align:center}.step.active .step-label{color:#a78bfa;font-weight:600}.error-message{background:#ef44441a;border-radius:8px;font-size:14px;margin-bottom:20px;padding:14px 16px}.step-content{min-height:400px}.step-header{align-items:center;display:flex;gap:16px;margin-bottom:28px}.step-header .step-number{font-size:18px;height:44px;width:44px}.step-header h2{color:#fff;font-size:clamp(17px,4vw,22px);font-weight:800;letter-spacing:-.03em;margin:0}.form-group{margin-bottom:22px}.form-group textarea{min-height:120px}.form-row{grid-template-columns:repeat(3,1fr)}.package-card{border:1px solid #ffffff14;margin-bottom:18px;padding:22px}.package-card h3{margin:0 0 18px}.feature-input button,.portfolio-input button,.tag-input button{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#fff;padding:10px 18px}.feature-input button:hover,.portfolio-input button:hover,.tag-input button:hover{background:#ffffff26}.feature-item span{color:#ffffffb3}.portfolio-list{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:14px}.portfolio-item img{height:140px}.portfolio-item button{background:#0009;font-size:16px;height:26px;right:6px;top:6px;width:26px}.tag-list{gap:8px}.tag{gap:6px;padding:6px 10px}.tag button{font-size:16px;height:18px;width:18px}.faq-section{gap:16px}.faq-item{padding:18px}.faq-header{margin-bottom:14px}.faq-header h4{font-size:15px}.btn-remove{font-size:13px;padding:5px 13px}.btn-add-faq{font-size:14px;padding:12px}.options-section{gap:14px}.option-item{padding:18px}.checkbox-label{gap:14px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.checkbox-text strong{font-size:15px}.checkbox-text small{font-size:13px}.form-navigation{border-top:1px solid #ffffff12;display:flex;justify-content:space-between;margin-top:36px;padding-top:22px}.btn-next,.btn-prev,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 28px;transition:all .15s}.btn-prev{background:#ffffff12;color:#fff9}.btn-prev:hover{background:#ffffff1f;color:#fff}.btn-next,.btn-submit{background:#fff;color:#000;margin-left:auto}.btn-next:hover,.btn-submit:hover{opacity:.88}.btn-next:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.3}@media (max-width:768px){.service-create-page{padding:24px 0 20px}.form-row{grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:10px}.btn-next,.btn-submit{margin-left:0}.btn-next,.btn-prev,.btn-submit{width:100%}}.my-projects-page{background:#000;color:#fff;min-height:100vh;padding:32px 0 40px}.my-projects-page .container{margin:0 auto;max-width:1200px;padding:0 24px}.projects-grid{grid-gap:1px;background:#ffffff12;border:1px solid #ffffff12;border-radius:12px;display:grid;gap:1px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));overflow:hidden}.project-card{background:#0d0d0d;padding:24px;transition:background .18s}.project-card:hover{background:#141414}.status-open{background:#10b98126;color:#34d399}.status-in_progress{background:#7c3aed26;color:#a78bfa}.status-completed{background:#3b82f626;color:#60a5fa}.status-closed{background:#ffffff0f;color:#ffffff59}.project-title{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.4;margin:0 0 10px}.project-description{color:#fff6;font-size:13px;line-height:1.65;margin-bottom:18px}.project-info{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;padding:14px 16px}.info-item{display:flex;font-size:13px;justify-content:space-between}.info-item .label{color:#ffffff4d;font-weight:500}.info-item .value{color:#ffffffbf;font-weight:600}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:14px}.projects-grid{grid-template-columns:1fr}.card-footer{align-items:flex-start;flex-direction:column;gap:10px}.action-buttons{width:100%}.action-buttons button{flex:1 1}}.my-services-page{background:#000;color:#fff;min-height:100vh;padding:32px 0 40px}.my-services-page .container{margin:0 auto;max-width:1200px;padding:0 24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.page-header h1{font-size:26px;margin:0}.btn-create{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:10px 22px;transition:opacity .15s}.btn-create:hover{opacity:.88}.loading{color:#ffffff4d;padding:60px 20px}.error-message,.loading{font-size:15px;text-align:center}.error-message{background:#ef444414;border:1px solid #ef444433;border-radius:12px;padding:40px 20px}.empty-state{background:#0d0d0d;border:1px solid #ffffff12;border-radius:12px;padding:80px 20px;text-align:center}.empty-state p{color:#ffffff59;font-size:15px;margin-bottom:24px}.services-grid{grid-gap:1px;background:#ffffff12;border:1px solid #ffffff12;border-radius:12px;display:grid;gap:1px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));overflow:hidden}.service-card{background:#0d0d0d;padding:24px;transition:background .18s}.service-card:hover{background:#141414}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.status-badge{border-radius:100px;font-size:12px;font-weight:600;padding:4px 10px}.status-active{background:#10b98126;color:#34d399}.status-paused{background:#f9731626;color:#fb923c}.status-inactive{background:#ffffff0f;color:#ffffff59}.category{color:#ffffff59;font-size:12px}.service-title{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.4;margin:0 0 10px}.service-description{color:#fff6;font-size:13px;line-height:1.65;margin-bottom:18px}.service-stats{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:16px;margin-bottom:18px;padding:14px 16px}.stat-item{align-items:center;display:flex;font-size:13px;gap:4px}.stat-icon{font-size:14px}.stat-value{color:#fff;font-weight:700}.stat-label{color:#ffffff4d;font-size:12px}.service-pricing{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:8px;margin-bottom:18px;padding:14px 16px}.price{align-items:center;display:flex;justify-content:space-between}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.delivery-time{color:#fff6;font-size:13px}.card-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;padding-top:14px}.created-date{color:#ffffff40;font-size:12px}.action-buttons{display:flex;gap:6px}.action-buttons button{border:none;border-radius:7px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:7px 14px;transition:all .15s}.btn-view{background:#ffffff12;color:#fff9}.btn-view:hover{background:#ffffff1f;color:#fff}.btn-edit{background:#7c3aed33;color:#a78bfa}.btn-edit:hover{background:#7c3aed4d}.btn-delete{background:#ef444426;color:#fca5a5}.btn-delete:hover{background:#ef444440}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#111;border:1px solid #ffffff1a;border-radius:14px;max-width:400px;padding:32px;width:90%}.modal-content h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 14px}.modal-content p{color:#ffffff80;font-size:14px;line-height:1.6;margin:0 0 10px}.modal-content .warning{color:#fca5a5;font-weight:600;margin-bottom:24px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-buttons button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 22px;transition:all .15s}.btn-confirm-delete{background:#ef4444cc;color:#fff}.btn-confirm-delete:hover{background:#ef4444}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:14px}.services-grid{grid-template-columns:1fr}.service-stats{flex-direction:column;gap:8px}.card-footer{align-items:flex-start;flex-direction:column;gap:10px}.action-buttons{width:100%}.action-buttons button{flex:1 1}}.project-edit-page{background:#000;color:#fff;min-height:100vh;padding:32px 0 40px}.project-edit-page .container{margin:0 auto;max-width:800px;padding:0 24px;width:100%}.back-button{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;color:#ffffff8c;cursor:pointer;display:inline-flex;font-size:13px;gap:7px;margin-bottom:22px;padding:7px 14px;text-decoration:none;transition:all .15s}.back-button:hover{background:#ffffff1a;color:#fff}.form-group.required label:after{color:#f472b6;content:" *"}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;padding:11px 14px;transition:all .15s;width:100%}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;opacity:.4}.form-row{grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.radio-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.radio-option{align-items:center;cursor:pointer;display:flex;gap:7px}.radio-option input[type=radio]{accent-color:#a78bfa;margin:0;width:auto}.radio-option label{color:#ffffffa6;cursor:pointer;font-size:14px;font-weight:400;margin:0}.skills-input{display:flex;gap:8px;margin-bottom:10px}.skills-input input{flex:1 1}.skills-input button{background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:13px;padding:10px 16px;transition:all .15s}.skills-input button:hover{background:#ffffff24;color:#fff}.skills-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.skill-tag{align-items:center;background:#7c3aed26;border:1px solid #7c3aed40;border-radius:100px;color:#a78bfa;display:inline-flex;font-size:13px;gap:7px;padding:5px 12px}.skill-tag button{background:none;border:none;color:#a78bfa99;cursor:pointer;font-size:14px;font-weight:700;padding:0;transition:color .15s}.skill-tag button:hover{color:#fca5a5}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .15s}.btn-secondary{background:#ffffff12;border:1px solid #ffffff1a;color:#fff9}.btn-secondary:hover{background:#ffffff1f;color:#fff}.btn-primary{background:#fff;color:#000}.btn-primary:hover:not(:disabled){opacity:.88}.btn-primary:disabled{cursor:not-allowed;opacity:.35}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.service-edit-page{background:#000;color:#fff;min-height:100vh;padding:32px 0 40px}.service-edit-page .container{margin:0 auto;max-width:800px;padding:0 24px;width:100%}.page-header{margin-bottom:28px;text-align:center}.page-header h1{color:#fff;font-size:clamp(22px,5vw,28px);font-weight:800;letter-spacing:-.05em;margin:0 0 8px}.page-header p{color:#fff6;font-size:14px;margin:0}.error-message,.loading{background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;color:#fff6;padding:40px 20px;text-align:center}.error-message{background:#ef44440f;border-color:#ef444433;color:#fca5a5}.form-container{background:#0d0d0d;border:1px solid #ffffff14;border-radius:14px;box-sizing:border-box;padding:clamp(20px,4vw,36px);width:100%}.form-section{border-bottom:1px solid #ffffff12;margin-bottom:36px;padding-bottom:28px}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h2{color:#fff;font-size:clamp(17px,4vw,20px);font-weight:800;letter-spacing:-.03em;margin:0 0 18px}.form-group{margin-bottom:18px}.form-group label{color:#ffffff8c;display:block;font-size:13px;font-weight:600;margin-bottom:7px}.form-group small{color:#ffffff4d;display:block;font-size:12px;margin-top:4px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;padding:11px 14px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff12;border-color:#a78bfa80;outline:none}.form-group select option{background:#1a1a1a}.form-group textarea{line-height:1.6;min-height:100px;resize:vertical}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.package-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;margin-bottom:14px;padding:20px}.package-card h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 16px}.feature-input,.portfolio-input,.tag-input{display:flex;gap:8px;margin-bottom:10px}.feature-input input,.portfolio-input input,.tag-input input{flex:1 1;min-width:0}.feature-input button,.portfolio-input button,.tag-input button{background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;color:#ffffffb3;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:600;padding:10px 16px;transition:all .15s;white-space:nowrap}.feature-input button:hover,.portfolio-input button:hover,.tag-input button:hover{background:#ffffff24;color:#fff}.feature-input button:disabled,.portfolio-input button:disabled,.tag-input button:disabled{cursor:not-allowed;opacity:.3}.feature-list{display:flex;flex-direction:column;gap:6px}.feature-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:7px;display:flex;justify-content:space-between;padding:10px 12px;word-break:break-word}.feature-item span{color:#ffffffa6;flex:1 1;font-size:13px;margin-right:8px}.feature-item button{align-items:center;background:none;border:none;color:#ffffff4d;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:22px;justify-content:center;padding:0;transition:color .15s;width:22px}.feature-item button:hover{color:#fca5a5}.portfolio-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:10px}.portfolio-item{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;position:relative}.portfolio-item img{display:block;height:100%;object-fit:cover;width:100%}.portfolio-item button{align-items:center;background:#000000a6;border:none;border-radius:50%;color:#fca5a5;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;position:absolute;right:4px;top:4px;width:22px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.tag{background:#7c3aed26;border:1px solid #7c3aed40;border-radius:6px;color:#a78bfa;display:inline-flex;font-size:13px;gap:5px;padding:5px 10px}.tag,.tag button{align-items:center}.tag button{background:none;border:none;color:#a78bfa99;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:0;transition:color .15s}.tag button:hover{color:#fca5a5}.faq-section{display:flex;flex-direction:column;gap:14px}.faq-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:16px}.faq-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.faq-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.btn-remove{background:#ef44441f;border:none;border-radius:6px;color:#fca5a5;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s}.btn-remove:hover{background:#ef444433}.btn-add-faq{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:8px;color:#fff6;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:11px;transition:all .15s;width:100%}.btn-add-faq:hover{background:#ffffff0f;border-color:#fff3;color:#fff}.options-section{display:flex;flex-direction:column;gap:12px}.option-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:16px;transition:all .15s}.option-item:hover{background:#7c3aed0d;border-color:#a78bfa4d}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#a78bfa;cursor:pointer;flex-shrink:0;height:17px;margin-top:2px;width:17px}.checkbox-text{display:flex;flex:1 1;flex-direction:column;gap:3px}.checkbox-text strong{color:#fff;font-size:14px}.checkbox-text small{color:#fff6;font-size:12px;font-weight:400}.form-actions{border-top:1px solid #ffffff12;display:flex;gap:10px;justify-content:flex-end;margin-top:28px;padding-top:22px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 26px;transition:all .15s}.btn-cancel{background:#ffffff12;color:#fff9}.btn-cancel:hover{background:#ffffff1f;color:#fff}.btn-submit{background:#fff;color:#000}.btn-submit:hover{opacity:.88}.btn-submit:disabled{cursor:not-allowed;opacity:.35}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}
/*# sourceMappingURL=main.5f1ea330.css.map*/