.public-layout{flex-direction:column;min-height:100vh;display:flex}.public-main{flex:1}.dash-layout{background:var(--color-bg);min-height:100vh;display:flex}.dash-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:250px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.dash-sidebar-top{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.dash-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.dash-nav a,.dash-nav-logout{color:var(--color-text-muted);text-align:left;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;padding:10px 13px;font-size:.9rem;font-weight:600;display:flex}.dash-nav a:hover,.dash-nav-logout:hover{background:var(--color-bg);color:var(--color-text)}.dash-nav a.active{background:var(--color-primary-light);color:var(--color-primary-dark)}.dash-nav-logout{color:var(--color-danger);margin-top:auto}.dash-nav-logout:hover{background:var(--color-danger-bg);color:var(--color-danger)}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.dash-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50;align-items:center;gap:14px;height:62px;padding:0 22px;display:flex;position:sticky;top:0}.dash-topbar-role{font-size:.95rem;font-weight:700}.dash-topbar-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.dash-topbar-user{align-items:center;gap:9px;font-size:.88rem;font-weight:600;display:flex}.dash-content{width:100%;max-width:1160px;padding:26px 26px 48px}.dash-overlay{display:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:1.4rem;display:flex}.page-head h1{margin:0;font-size:1.5rem}.back-link{margin-bottom:.8rem;display:inline-flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:1.6rem;display:grid}.stat-grid-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:13px;padding:1rem 1.1rem;display:flex}.stat-icon{background:var(--color-bg);width:42px;height:42px;color:var(--color-text-muted);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat-success .stat-icon{background:var(--color-success-bg);color:var(--color-success)}.stat-warning .stat-icon{background:var(--color-warning-bg);color:var(--color-warning)}.stat-info .stat-icon{background:var(--color-info-bg);color:var(--color-info)}.stat-card>div{flex-direction:column;min-width:0;display:flex}.stat-value{font-size:1.25rem;font-weight:700;line-height:1.2}.stat-label{color:var(--color-text-muted);font-size:.78rem}.quick-links{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.quick-link{color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:3px;display:flex}.quick-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.completion-banner{background:var(--color-warning-bg);border-radius:var(--radius);border:1px solid #fde68a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:1.4rem;padding:1rem 1.2rem;display:flex}.completion-banner p{margin:0}.completion-right{align-items:center;gap:14px;display:flex}.progress-track{background:#00000014;border-radius:5px;width:150px;height:8px;overflow:hidden}.progress-track-lg{width:200px}.progress-fill{background:var(--color-primary);border-radius:5px;height:100%;transition:width .3s}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1.2rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:11px 14px;font-size:.76rem}.data-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px;font-size:.88rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg)}.table-title{font-weight:600}.table-user{align-items:center;gap:10px;display:flex}.table-user div{flex-direction:column;line-height:1.3;display:flex}.table-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sub-row td{background:#fbfcfe}.sub-indent{color:var(--color-text-muted);margin-right:3px}.tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:4px;margin-bottom:1.3rem;display:flex}.tab{color:var(--color-text-muted);transition:color var(--transition);background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1px;padding:9px 15px;font-size:.88rem;font-weight:600}.tab:hover{color:var(--color-text)}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.filter-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;gap:10px;margin-bottom:1.4rem;padding:12px;display:flex}.filter-bar select,.filter-bar input{width:auto;min-width:130px}.filter-search{flex:240px}.filter-search input{width:100%}.filter-num{max-width:130px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:1.6rem;display:flex}.page-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:36px;height:36px;color:var(--color-text);transition:background var(--transition), border-color var(--transition);padding:0 10px;font-size:.86rem;font-weight:600}.page-btn:hover:not(:disabled){border-color:var(--color-primary)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-btn-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-ellipsis{color:var(--color-text-muted);padding:0 3px}.modal-overlay{z-index:500;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:88vh;box-shadow:var(--shadow-lg);animation:.18s toast-in;overflow-y:auto}.modal-wide{max-width:580px}.modal-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-header h3{margin:0}.modal-body{padding:20px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:1.2rem;display:flex}.confirm-message{color:var(--color-text-muted)}.request-summary{background:var(--color-bg);border-radius:var(--radius-sm);flex-direction:column;gap:2px;margin-bottom:1.1rem;padding:12px 15px;display:flex}.request-summary span{color:var(--color-text-muted);font-size:.85rem}.job-list{flex-direction:column;gap:14px;margin-bottom:1rem;display:flex}.job-card{justify-content:space-between;gap:18px;display:flex}.job-card-main{flex:1;min-width:0}.job-card-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.job-card-title{color:var(--color-text);font-size:1rem;font-weight:700}.job-card-title:hover{color:var(--color-primary)}.job-card-meta{flex-wrap:wrap;align-items:center;gap:14px;font-size:.86rem;display:flex}.job-card-person{align-items:center;gap:7px;font-weight:600;display:inline-flex}.job-card-req{margin:8px 0 0}.job-card-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-items:stretch;gap:7px;display:flex}.job-details-grid{grid-template-columns:1.9fr 1fr;align-items:start;gap:18px;display:grid}.job-details-grid .card{margin-bottom:14px}.job-side-person{align-items:center;gap:11px;margin-bottom:12px;display:flex}.job-side-person div{flex-direction:column;min-width:0;line-height:1.3;display:flex}.detail-rows{flex-direction:column;gap:9px;display:flex}.detail-rows>div{justify-content:space-between;gap:12px;font-size:.88rem;display:flex}.detail-rows span:first-child{color:var(--color-text-muted)}.status-flow{flex-wrap:wrap;gap:4px;margin:.8rem 0 .4rem;display:flex}.status-step{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:74px;display:flex;position:relative}.status-step-dot{background:var(--color-border);border-radius:50%;width:13px;height:13px}.status-step-done .status-step-dot{background:var(--color-primary)}.status-step-label{color:var(--color-text-muted);text-align:center;font-size:.7rem}.status-step-done .status-step-label{color:var(--color-text);font-weight:600}.history-list{flex-direction:column;gap:9px;display:flex}.history-item{flex-wrap:wrap;align-items:center;gap:10px;font-size:.86rem;display:flex}.history-note{color:var(--color-text-muted);font-style:italic}.messages-page{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:320px 1fr;gap:0;height:calc(100vh - 160px);min-height:460px;display:grid;overflow:hidden}.messages-list{border-right:1px solid var(--color-border);padding:14px 0;overflow-y:auto}.messages-list h2{padding:0 16px 10px;font-size:1.1rem}.messages-list .empty-state{border:none;margin:0 12px}.conv-item{text-align:left;width:100%;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:11px;padding:11px 16px;display:flex;position:relative}.conv-item:hover{background:var(--color-bg)}.conv-item-active{background:var(--color-primary-light)}.conv-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conv-item-top{justify-content:space-between;gap:8px;display:flex}.conv-item-preview{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.conv-unread{background:var(--color-primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.messages-thread{flex-direction:column;min-width:0;display:flex}.thread-placeholder{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.thread-head{border-bottom:1px solid var(--color-border);align-items:center;gap:11px;padding:13px 18px;display:flex}.thread-body{background:var(--color-bg);flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow-y:auto}.msg{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:74%;padding:9px 13px}.msg p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.92rem}.msg-mine{background:var(--color-primary);border-color:var(--color-primary);color:#fff;border-radius:14px 14px 4px;align-self:flex-end}.msg-time{opacity:.65;margin-top:3px;font-size:.68rem;display:block}.thread-input{border-top:1px solid var(--color-border);gap:10px;padding:13px 16px;display:flex}.thread-input input{flex:1}.notif-list{flex-direction:column;gap:9px;display:flex}.notif-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:left;width:100%;transition:border-color var(--transition);justify-content:space-between;align-items:center;gap:14px;padding:14px 17px;display:flex}.notif-item:hover{border-color:var(--color-primary)}.notif-item-unread{background:var(--color-primary-light);border-color:#c9c8ff}.notif-item-body p{margin:2px 0 0}.review-list{flex-direction:column;gap:13px;display:flex}.review-item{padding:1.1rem 1.2rem}.review-item-head{align-items:flex-start;gap:11px;margin-bottom:8px;display:flex}.review-item-head>div{flex-direction:column;gap:1px;display:flex}.review-item-meta{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.review-item p{margin:0}.admin-review-item .review-item-head{justify-content:space-between}.report-item-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.report-item .table-actions{margin-top:10px}.report-link{color:var(--color-text-muted);margin-top:1.6rem}.report-link:hover{color:var(--color-danger)}.admin-alerts{flex-direction:column;gap:9px;margin-bottom:1.6rem;display:flex}.admin-alert{border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #fde68a;padding:12px 16px;font-size:.9rem;font-weight:600;display:block}.admin-alert-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#fecaca}.chart-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.trend-chart h3{margin-bottom:1rem}.trend-bars{align-items:flex-end;gap:3px;height:130px;display:flex}.trend-bar-wrap{flex:1;align-items:flex-end;height:100%;display:flex}.trend-bar{background:var(--color-primary);opacity:.85;width:100%;min-height:3px;transition:opacity var(--transition);border-radius:3px 3px 0 0}.trend-bar-wrap:hover .trend-bar{opacity:1}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.settings-grid .form-actions{grid-column:1/-1}.setting-toggle{border-bottom:1px solid var(--color-border);padding:10px 0}.setting-toggle:last-of-type{border-bottom:none}.setting-toggle span{flex-direction:column;display:flex}.setting-toggle small{color:var(--color-text-muted)}.service-form-page{max-width:760px}.service-form{padding:1.6rem}.form-actions{justify-content:flex-end;gap:10px;margin-top:1.4rem;display:flex}.form-actions-sticky{position:sticky;bottom:14px}.form-actions-sticky .btn{box-shadow:var(--shadow-lg)}.profile-edit-form{flex-direction:column;gap:16px;max-width:820px;display:flex}.card-head-row{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.card-head-row h3{margin:0}.skill-input-row{gap:10px;margin-bottom:.9rem;display:flex}.list-editor-item{background:var(--color-bg);border-radius:var(--radius-sm);flex-direction:column;gap:9px;margin-bottom:11px;padding:13px;display:flex}.list-editor-item .field-row{gap:9px}.list-editor-item .link-btn{align-self:flex-end}.breadcrumbs{color:var(--color-text-muted);gap:8px;margin-bottom:1rem;font-size:.86rem;display:flex}.listing-page .section-head{margin-bottom:1rem}.service-detail-grid{grid-template-columns:1.9fr 1fr;align-items:start;gap:26px;display:grid}.service-detail-meta{flex-wrap:wrap;align-items:center;gap:16px;margin:.6rem 0 1.2rem;display:flex}.service-detail-freelancer{color:var(--color-text);align-items:center;gap:9px;font-weight:600;display:inline-flex}.service-gallery{border-radius:var(--radius);gap:12px;margin-bottom:1.6rem;display:flex;overflow-x:auto}.service-gallery img{border-radius:var(--radius);object-fit:cover;height:300px}.service-gallery-placeholder{border-radius:var(--radius);background:linear-gradient(135deg, var(--color-primary-light), #e2e1ff);width:100%;height:260px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.detail-section{margin-bottom:1.8rem}.detail-section h2{margin-bottom:.8rem;font-size:1.2rem}.service-detail-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:84px}.price-card{flex-direction:column;gap:12px;padding:1.4rem;display:flex}.price-card-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.price-card-list li{color:var(--color-text-muted);align-items:center;gap:9px;font-size:.9rem;display:flex}.freelancer-side-card{flex-direction:column;gap:12px;display:flex}.freelancer-side-head{color:var(--color-text);align-items:center;gap:11px;display:flex}.freelancer-side-head div{flex-direction:column;display:flex}.freelancer-side-stats{text-align:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0;display:grid}.freelancer-side-stats div{flex-direction:column;display:flex}.freelancer-side-stats span{color:var(--color-text-muted);font-size:.74rem}.response-time{margin:0}.profile-header{flex-wrap:wrap;justify-content:space-between;gap:22px;margin-bottom:1.4rem;padding:1.6rem;display:flex}.profile-header-main{gap:18px;min-width:0;display:flex}.profile-header-info h1{flex-wrap:wrap;align-items:center;gap:10px;font-size:1.5rem;display:flex}.profile-title{color:var(--color-text-muted);margin:2px 0 8px;font-size:1rem}.profile-meta{flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:8px;display:flex}.profile-quick-stats{flex-wrap:wrap;align-items:center;gap:15px;font-size:.88rem;display:flex}.profile-header-cta{flex-direction:column;justify-content:center;gap:9px;min-width:190px;display:flex}.profile-grid{grid-template-columns:1.9fr 1fr;align-items:start;gap:20px;display:grid}.profile-main{min-width:0}.profile-main .card{margin-bottom:16px}.profile-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:84px}.timeline-item{border-bottom:1px solid var(--color-border);flex-direction:column;padding:9px 0;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-item p{margin:3px 0 0}.lang-row{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:7px 0;display:flex}.lang-row:last-child{border-bottom:none}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.portfolio-item{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.portfolio-item img{object-fit:cover;width:100%;height:130px}.portfolio-item-body{flex-direction:column;gap:3px;padding:10px 12px;display:flex}.portfolio-item-body p{margin:0}@media (width<=1020px){.service-detail-grid,.profile-grid,.job-details-grid{grid-template-columns:1fr}.service-detail-side,.profile-side{position:static}.chart-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=900px){.dash-sidebar{z-index:600;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.dash-sidebar-open{transform:translate(0)}.dash-overlay{z-index:550;background:#0f172a73;display:block;position:fixed;inset:0}.dash-content{padding:18px 16px 40px}.messages-page{grid-template-columns:1fr;height:calc(100vh - 140px)}.messages-list{border-right:none}.mobile-hidden{display:none!important}.job-card{flex-direction:column}.job-card-actions{flex-flow:wrap}.profile-header,.profile-header-main{flex-direction:column}}:root{--color-primary:#1b18fd;--color-primary-dark:#1210c4;--color-primary-light:#ededff;--color-accent:#f59e0b;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-success:#156712;--color-success-bg:#eaf4e9;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-star:#f59e0b;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 3px #0f172a12;--shadow:0 4px 16px #0f172a14;--shadow-lg:0 12px 32px #0f172a24;--font-sans:"Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition:.16s ease;--container:1200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:700;line-height:1.25}h1{font-size:clamp(1.6rem,3.5vw,2.3rem)}h2{font-size:clamp(1.3rem,2.6vw,1.7rem)}h3{font-size:1.08rem}p{margin:0 0 .75rem}img{max-width:100%;display:block}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-text-muted)}.muted-sm{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.82rem;display:inline-flex}.mono{font-family:ui-monospace,monospace;font-size:.82rem}.prewrap{white-space:pre-wrap}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.center-pad{justify-content:center;padding:2.5rem;display:flex}.desktop-only{display:flex}.mobile-only{display:none!important}.btn{border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-size:.92rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:#c9c8ff}.btn-secondary:not(:disabled):hover{background:#dedeff}.btn-ghost{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-ghost:not(:disabled):hover{background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:not(:disabled):hover{background:#b91c1c}.btn-light{color:var(--color-primary-dark);background:#fff}.btn-light:hover{background:var(--color-primary-light)}.btn-block{width:100%}.btn-sm{padding:6px 12px;font-size:.82rem}.icon-btn{width:36px;height:36px;color:var(--color-text);transition:background var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-bg)}.icon-btn-danger{color:var(--color-danger)}.icon-btn-danger:hover{background:var(--color-danger-bg)}.link{color:var(--color-primary);font-weight:600}.link:hover{text-decoration:underline}.link-btn{color:var(--color-primary);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:.88rem;font-weight:600;display:inline-flex}.link-btn:hover{text-decoration:underline}.link-arrow{align-items:center;gap:6px;font-weight:600;display:inline-flex}.field{flex-direction:column;gap:5px;margin-bottom:1rem;display:flex}.field label{font-size:.88rem;font-weight:600}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);width:100%;padding:10px 13px;font-family:inherit;font-size:.94rem}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1b18fd21}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--color-danger)}input:disabled{background:var(--color-bg);color:var(--color-text-muted)}textarea{resize:vertical}.field-error{color:var(--color-danger);font-size:.8rem}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row-3{grid-template-columns:1fr 1fr 1fr}.field-row .field{margin-bottom:0}.field-row+.field,.field-row+.field-row{margin-top:1rem}.checkbox-label{cursor:pointer;align-items:flex-start;gap:9px;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--color-primary);margin-top:3px}.strength-meter{align-items:center;gap:10px;display:flex}.strength-meter>div:first-child{height:5px;transition:width var(--transition);border-radius:4px;flex:1}.strength-danger{background:var(--color-danger)}.strength-warning{background:var(--color-accent)}.strength-success{background:var(--color-success)}.strength-label{font-size:.78rem;font-weight:600}.toast-stack{z-index:1000;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius);background:var(--color-text);color:#fff;box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:.9rem;animation:.22s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-danger)}.toast-close{color:inherit;opacity:.8;background:0 0;border:none;font-size:1.15rem;line-height:1}.toast-close:hover{opacity:1}.navbar{z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:22px;height:66px;display:flex}.logo{color:var(--color-text);align-items:center;gap:9px;font-size:1.18rem;font-weight:700;display:inline-flex}.logo-img,.logo-mark-img{width:auto;height:28px;display:block}.logo-text em{color:var(--color-primary);font-style:normal}.logo-text-dark{color:#fff}.logo-text-dark em{color:#8f8dff;font-style:normal}.nav-links{flex:1;align-items:center;gap:4px;display:flex}.nav-links a{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition), background var(--transition);padding:8px 13px;font-size:.92rem;font-weight:600}.nav-links a:hover{color:var(--color-text);background:var(--color-bg)}.nav-links a.active{color:var(--color-primary)}.become-link{color:var(--color-primary)!important}.navbar-actions{align-items:center;gap:8px;display:flex}.auth-buttons{gap:8px}.user-menu-wrap{position:relative}.user-menu-btn{background:0 0;border:none;border-radius:50%;padding:2px;display:flex}.user-menu-btn:hover{box-shadow:0 0 0 3px var(--color-primary-light)}.dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:230px;box-shadow:var(--shadow-lg);z-index:200;animation:.15s toast-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;display:flex}.user-dropdown-header{flex-direction:column;align-items:flex-start;gap:1px}.user-dropdown a,.user-dropdown button{width:100%;color:var(--color-text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 15px;font-size:.9rem;font-weight:500;display:flex}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--color-bg)}.mobile-nav{border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:4px;padding:12px 20px 18px;display:flex}.mobile-nav a{color:var(--color-text);border-radius:var(--radius-sm);padding:11px 8px;font-weight:600}.mobile-nav a:hover{background:var(--color-bg)}.mobile-nav-auth{gap:10px;margin-top:10px;display:flex}.mobile-nav-auth .btn{flex:1}.bell-wrap,.bell-btn{position:relative}.bell-count{background:var(--color-danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.66rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.bell-dropdown{width:330px;max-width:90vw}.bell-item{border:none;border-bottom:1px solid var(--color-border);text-align:left;background:0 0;flex-direction:column;gap:2px;width:100%;padding:11px 15px;font-size:.86rem;display:flex}.bell-item:hover{background:var(--color-bg)}.bell-item-unread{background:var(--color-primary-light)}.bell-item-title{font-weight:600}.bell-item-body{color:var(--color-text-muted);font-size:.8rem}.bell-item-time{color:var(--color-text-muted);font-size:.74rem}.dropdown-empty{color:var(--color-text-muted);margin:0;padding:18px 15px;font-size:.88rem}.dropdown-footer-link{text-align:center;padding:11px 15px;font-size:.86rem;font-weight:600;display:block}.dropdown-footer-link:hover{background:var(--color-bg)}.hero{background:linear-gradient(150deg, #0a0866 0%, var(--color-primary-dark) 55%, var(--color-primary) 100%);color:#fff;padding:clamp(3rem,7vw,5.5rem) 0}.hero-content{max-width:640px}.hero h1{margin-bottom:.8rem;font-size:clamp(1.9rem,4.5vw,3.1rem)}.hero h1 em{color:#9d9bff;font-style:normal}.hero p{color:#dedeff;margin-bottom:1.6rem;font-size:1.05rem}.hero-search{box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.hero-search-icon{color:var(--color-text-muted);flex-shrink:0}.hero-search input{box-shadow:none;border:none;padding:10px 4px;font-size:1rem}.hero-search input:focus{box-shadow:none}.hero-popular{color:#bcbbff;flex-wrap:wrap;align-items:center;gap:8px;margin-top:1.1rem;font-size:.86rem;display:flex}.hero-popular .chip{color:#fff;background:#ffffff21;border:none}.hero-popular .chip:hover{background:#ffffff3d}.hero-stats{grid-template-columns:repeat(4,1fr);gap:14px;max-width:720px;margin-top:2.6rem;display:grid}.hero-stats>div{flex-direction:column;display:flex}.hero-stats strong{font-size:1.55rem}.hero-stats span{color:#bcbbff;font-size:.84rem}.section{padding:clamp(2.4rem,5vw,4rem) 0}.section-alt{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:1.6rem;display:flex}.section-head-center{text-align:center;flex-direction:column;align-items:center}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.15rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px;display:grid}.card-grid-2{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.chip{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);transition:background var(--transition);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.82rem;font-weight:500;display:inline-flex}a.chip:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.chip-sm{padding:3px 9px;font-size:.73rem}.chip-more{color:var(--color-text-muted)}.chip-row{flex-wrap:wrap;gap:7px;display:flex}.chip-removable button{color:var(--color-text-muted);background:0 0;border:none;padding:0 0 0 3px;font-size:.95rem}.chip-removable button:hover{color:var(--color-danger)}.badge{white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-muted{background:var(--color-bg);color:var(--color-text-muted)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px;display:grid}.category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:6px;padding:1.1rem;display:flex}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.category-icon{background:var(--color-primary-light);width:42px;height:42px;color:var(--color-primary-dark);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.category-name{font-size:.95rem;font-weight:700}.category-detail-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;display:grid}.category-detail-head{color:var(--color-text);align-items:center;gap:12px;margin-bottom:8px;display:flex}.category-detail-head h2{margin:0;font-size:1.15rem}.category-sub-links{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar-fallback{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.stars{gap:1px;display:inline-flex}.star-on{color:var(--color-star)}.star-off{color:#d7dde5}.rating-summary{align-items:center;gap:5px;font-size:.88rem;display:inline-flex}.rating-count{color:var(--color-text-muted)}.star-input{gap:4px;margin:.6rem 0 1rem;display:flex}.star-input-btn{background:0 0;border:none;border-radius:6px;padding:2px}.star-input-btn:hover{background:var(--color-bg)}.service-card{color:var(--color-text);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;padding:0;display:flex;overflow:hidden}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.service-card-media{justify-content:center;align-items:center;height:150px;padding:1rem;display:flex;position:relative}.service-card-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.service-card-media-title{color:#ffffffeb;text-align:center;font-size:.98rem;font-weight:700;line-height:1.35}.featured-tag{background:var(--color-accent);color:#fff;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px}.fav-btn{width:32px;height:32px;color:var(--color-text-muted);transition:color var(--transition), transform var(--transition);z-index:2;background:#fffffff0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.fav-btn:hover{color:var(--color-danger);transform:scale(1.1)}.fav-btn-on{color:var(--color-danger)}.service-card-body{flex-direction:column;flex:1;gap:8px;padding:.9rem 1rem 1rem;display:flex}.service-card-freelancer{align-items:center;gap:8px;display:flex}.service-card-freelancer-name{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.service-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.96rem;line-height:1.4;display:-webkit-box;overflow:hidden}.service-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.service-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.delivery{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.8rem;display:inline-flex}.price{align-items:baseline;gap:4px;font-weight:700;display:inline-flex}.price small{color:var(--color-text-muted);font-weight:500}.price-lg{font-size:1.7rem;font-weight:700}.price-lg small{color:var(--color-text-muted);font-size:.95rem;font-weight:500}.freelancer-card{color:var(--color-text);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:8px;display:flex;position:relative}.freelancer-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.freelancer-card-top{justify-content:space-between;align-items:flex-start;display:flex}.freelancer-card .fav-btn{background:var(--color-bg);position:static}.freelancer-avatar-wrap{display:inline-flex;position:relative}.status-dot{border:2.5px solid var(--color-surface);border-radius:50%;width:13px;height:13px;position:absolute;bottom:2px;right:2px}.status-success{background:#23a01f}.status-warning{background:var(--color-accent)}.status-muted{background:#94a3b8}.freelancer-card-name{align-items:center;gap:6px;margin:0;font-size:1.02rem;display:flex}.verified-badge{color:var(--color-primary);align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:inline-flex}.freelancer-card-title{color:var(--color-text-muted);margin:0;font-size:.86rem}.freelancer-card-rating{align-items:center;gap:10px;display:flex}.freelancer-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px;display:grid}.step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.4rem 1.2rem;position:relative}.step-number{color:var(--color-border);font-size:2rem;font-weight:700;position:absolute;top:14px;right:16px}.step-icon{background:var(--color-primary-light);width:46px;height:46px;color:var(--color-primary-dark);border-radius:12px;justify-content:center;align-items:center;margin-bottom:.7rem;display:inline-flex}.step-card p{color:var(--color-text-muted);margin:0;font-size:.88rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;display:grid}.benefit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.2rem}.benefit-icon{background:var(--color-primary-light);width:42px;height:42px;color:var(--color-primary-dark);border-radius:11px;justify-content:center;align-items:center;margin-bottom:.6rem;display:inline-flex}.benefit-card p{color:var(--color-text-muted);margin:0;font-size:.86rem}.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px;display:grid}.testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0;padding:1.4rem}.testimonial-card p{font-size:.94rem}.testimonial-card footer{flex-direction:column;display:flex}.cta-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.cta-card{border-radius:var(--radius-lg);color:#fff;padding:2.2rem}.cta-card h2{color:#fff}.cta-card p{color:#ffffffd9;margin-bottom:1.2rem}.cta-client{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark))}.cta-freelancer{background:linear-gradient(135deg,#1d8a18,#0d4d0b)}.footer{color:#cbd5e1;background:#0b1220;margin-top:auto}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding:3rem 20px 2rem;display:grid}.footer .logo{color:#fff}.footer-brand p{color:#94a3b8;max-width:320px;margin-top:.8rem;font-size:.88rem}.footer h4{color:#fff;margin-bottom:.8rem;font-size:.92rem}.footer nav{flex-direction:column;gap:8px;display:flex}.footer nav a{color:#94a3b8;font-size:.88rem}.footer nav a:hover{color:#fff}.footer-bottom{color:#64748b;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;padding:1.1rem 20px;font-size:.82rem;display:flex}.footer-social{gap:8px;display:flex}.footer-social a{color:#cbd5e1;background:#1e293b;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:inline-flex}.footer-social a:hover{background:var(--color-primary);color:#fff}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{justify-content:center;align-items:center;min-height:55vh;display:flex}.skeleton{background:linear-gradient(90deg,#eef1f5 25%,#e3e8ee 50%,#eef1f5 75%) 0 0/200% 100%;border-radius:7px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-card{flex-direction:column;gap:10px;display:flex}.skeleton-img{border-radius:var(--radius-sm);height:130px}.skeleton-line{height:13px}.skeleton-rows{flex-direction:column;gap:12px;display:flex}.skeleton-row{height:56px}.empty-state{text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;padding:3rem 1.5rem;display:flex}.empty-state-icon{background:var(--color-bg);width:66px;height:66px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty-state p{color:var(--color-text-muted);max-width:380px;margin:0 0 .6rem}.auth-page{justify-content:center;padding:clamp(2rem,6vw,4.5rem) 20px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-sm);padding:2rem}.auth-card h1{font-size:1.55rem}.auth-card form{margin-top:1.3rem}.auth-row{justify-content:space-between;align-items:center;margin-bottom:1.1rem;font-size:.88rem;display:flex}.auth-switch{text-align:center;color:var(--color-text-muted);margin:1.2rem 0 0;font-size:.9rem}.role-toggle{grid-template-columns:1fr 1fr;gap:10px;margin-top:1.2rem;display:grid}.role-toggle-btn{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:left;transition:border-color var(--transition), background var(--transition);align-items:center;gap:10px;padding:12px;display:flex}.role-toggle-btn span{flex-direction:column;line-height:1.3;display:flex}.role-toggle-btn small{color:var(--color-text-muted);font-size:.72rem}.role-toggle-active{border-color:var(--color-primary);background:var(--color-primary-light)}.not-found{text-align:center}.not-found h1{color:var(--color-primary);margin-bottom:0;font-size:5rem}.contact-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:22px;display:grid}.contact-info{flex-direction:column;gap:14px;display:flex}.contact-form{padding:1.6rem}@media (width<=900px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.footer-grid{grid-template-columns:1fr 1fr}.cta-grid,.contact-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.hero-search{flex-wrap:wrap;padding:10px}.hero-search input{flex:100%;order:-1}.hero-search .btn{flex:1}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.field-row,.field-row-3{grid-template-columns:1fr;gap:0}.field-row .field{margin-bottom:1rem}.role-toggle{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}}