:root{--emerald-50: #f0fdf4;--emerald-100: #dcfce7;--emerald-200: #bbf7d0;--emerald-300: #86efac;--emerald-400: #4ade80;--emerald-500: #22c55e;--emerald-600: #16a34a;--emerald-700: #15803d;--emerald-800: #166534;--emerald-900: #14532d;--emerald-950: #052e16;--forest-900: #021a0f;--forest-800: #042f1c;--forest-700: #064328;--forest-600: #085d35;--forest-500: #0a7742;--bg-base: linear-gradient(135deg, #021a0f 0%, #042f1c 25%, #064328 50%, #021a0f 100%);--bg-surface-0: rgba(6, 67, 40, .15);--bg-surface-1: rgba(6, 67, 40, .25);--bg-surface-2: rgba(6, 67, 40, .35);--bg-surface-3: rgba(6, 67, 40, .45);--bg-overlay: rgba(2, 26, 15, .95);--fg-primary: #f0fdf4;--fg-secondary: #dcfce7;--fg-tertiary: #bbf7d0;--fg-muted: #86efac;--fg-disabled: rgba(240, 253, 244, .4);--border-subtle: rgba(52, 211, 153, .08);--border-default: rgba(52, 211, 153, .15);--border-strong: rgba(52, 211, 153, .25);--border-stronger: rgba(52, 211, 153, .4);--brand-primary: #34d399;--brand-primary-hover: #10b981;--brand-primary-active: #059669;--brand-secondary: #6ee7b7;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--space-base: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(52, 211, 153, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans);line-height:var(--leading-normal);font-weight:var(--font-normal);color-scheme:dark;color:var(--fg-primary);background:var(--bg-base);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--fg-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-relaxed);color:var(--fg-secondary)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-hover)}a:active{color:var(--brand-primary-active)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:#34d3994d;color:var(--fg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface-0)}::-webkit-scrollbar-thumb{background:#34d3994d;border-radius:var(--radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#34d39980}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary, var(--brand-primary));color:var(--fg-primary)}.btn-primary:hover{background:var(--primary-hover, var(--brand-primary-hover));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{background:var(--brand-primary-active, var(--primary-hover, var(--brand-primary-hover)));transform:translateY(0)}.btn-secondary{background:transparent;color:var(--brand-primary);border:1.5px solid var(--brand-primary)}.btn-secondary:hover{background:#34d3991a;border-color:var(--brand-primary-hover)}.btn-secondary:active{background:#34d39926}.btn-ghost{background:transparent;color:var(--fg-secondary);padding:0 var(--space-4)}.btn-ghost:hover{background:var(--bg-surface-1);color:var(--fg-primary)}.btn-ghost:active{background:var(--bg-surface-2)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-elevated{background:var(--bg-surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.card-interactive:active{transform:translateY(0)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--fg-primary)}.card-description{font-size:var(--text-sm);color:var(--fg-tertiary);margin-top:var(--space-1)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.input{width:100%;height:40px;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--fg-primary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--fg-muted)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #34d3991a}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-0)}.input-error{border-color:var(--error)}.input-error:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.textarea{min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--fg-secondary)}.input-hint{font-size:var(--text-xs);color:var(--fg-tertiary)}.input-error-message{font-size:var(--text-xs);color:var(--error)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);border:1px solid;white-space:nowrap}.badge-verified{background:linear-gradient(135deg,#22c55e1a,#22c55e26);border-color:var(--success);color:var(--success);box-shadow:0 0 12px #22c55e26}.badge-pending{background:linear-gradient(135deg,#fbbf241a,#fbbf2426);border-color:var(--warning);color:var(--warning);box-shadow:0 0 12px #fbbf2426}.badge-error{background:linear-gradient(135deg,#ef44441a,#ef444426);border-color:var(--error);color:var(--error);box-shadow:0 0 12px #ef444426}.badge-info{background:linear-gradient(135deg,#3b82f61a,#3b82f626);border-color:var(--info);color:var(--info);box-shadow:0 0 12px #3b82f626}.badge-default{background:var(--bg-surface-2);border-color:var(--border-default);color:var(--fg-secondary)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--fg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border-left:2px solid transparent}.nav-item.active{background:var(--bg-surface-2);color:var(--brand-primary);border-left-color:var(--brand-primary)}.table-container{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{background:var(--bg-surface-2);padding:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--fg-secondary);text-align:left;border-bottom:1px solid var(--border-default)}.table td{padding:var(--space-4);font-size:var(--text-sm);color:var(--fg-primary);border-bottom:1px solid var(--border-subtle)}.table tr:last-child td{border-bottom:none}.table tr:hover{background:var(--bg-surface-2)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-default)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--fg-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-default);display:flex;gap:var(--space-3);justify-content:flex-end}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.alert-error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.alert-info{background:var(--info-bg);border-color:var(--info);color:var(--info)}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-surface-1) 0%,var(--bg-surface-2) 50%,var(--bg-surface-1) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-6) 0}.divider-vertical{width:1px;height:100%;background:var(--border-subtle);margin:0 var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--fg-primary)}.text-secondary{color:var(--fg-secondary)}.text-tertiary{color:var(--fg-tertiary)}.text-muted{color:var(--fg-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}:root{--primary: #10b981;--primary-hover: #059669;--primary-light: #34d399;--secondary: #64748b;--success: #22c55e;--success-hover: #16a34a;--warning: #f59e0b;--danger: #ef4444;--bg: #021a0f;--bg-secondary: #042f1c;--bg-tertiary: #064328;--bg-hover: #085535;--border: #0d5c38;--border-light: #10b981;--text: #f0fdf4;--text-secondary: #a7f3d0;--text-muted: #6ee7b7;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#021a0f,#042f1c,#064328 50%,#021a0f);background-attachment:fixed;color:var(--text);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:#021a0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.headerInner{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:2rem}.logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logoIcon{height:48px;width:auto;display:block;border-radius:var(--radius-sm)}.logoText{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;color:var(--text)}.mainNav{display:flex;gap:.25rem;flex:1}.navItem{padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.navItem:hover{color:var(--text);background:var(--bg-hover)}.navItem.active{color:var(--primary-light);background:#10b98126}.headerActions{display:flex;align-items:center;gap:.5rem}.iconBtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;position:relative}.iconBtn:hover{background:var(--bg-hover)}.notificationBtn{position:relative}.notificationBadge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;color:#fff;background:var(--danger);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.btnPrimary{padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btnPrimary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btnPrimary:disabled{opacity:.6;cursor:not-allowed}.btnSecondary{padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;color:var(--text);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btnSecondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btnGhost{padding:.6rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer}.btnGhost:hover{color:var(--text)}.btnSuccess{padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;color:#fff;background:var(--success);border:none;border-radius:var(--radius-sm);cursor:pointer}.btnSuccess:hover{background:var(--success-hover)}.btnText{padding:.4rem .75rem;font-size:.85rem;font-weight:500;color:var(--primary-light);background:none;border:none;cursor:pointer}.btnText:hover{text-decoration:underline}.btnLink{font-weight:600;color:var(--primary-light);background:none;border:none;cursor:pointer}.btnLink:hover{text-decoration:underline}.btnLg{padding:.875rem 1.75rem;font-size:1rem}.btnSm{padding:.4rem .75rem;font-size:.8rem}.btnFull{width:100%}.main{flex:1}.landingPage{position:relative}.constructionBanner{max-width:1200px;margin:1rem auto 0;padding:.75rem 1rem;border-radius:var(--radius);background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:var(--danger);font-size:.9rem;font-weight:700;letter-spacing:.01em;text-align:center}.heroSection{position:relative;isolation:isolate;overflow:hidden;max-width:1200px;margin:0 auto;padding:1.75rem 1.5rem 4rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:2rem;align-items:center}.heroGlow{position:absolute;border-radius:50%;filter:blur(58px);opacity:.25;pointer-events:none;z-index:-1}.heroGlowOne{width:320px;height:320px;top:-120px;left:-90px;background:var(--primary)}.heroGlowTwo{width:360px;height:360px;right:-80px;bottom:-170px;background:var(--primary-light)}.heroContent{display:flex;flex-direction:column;align-items:flex-start}.heroPill{display:inline-flex;align-items:center;padding:.4rem .9rem;margin-bottom:1rem;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-light);background:#10b98124;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-full)}.heroTitle{font-size:clamp(2.1rem,5.1vw,3.45rem);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin-bottom:1rem}.heroHighlight{background:linear-gradient(135deg,var(--primary-light),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heroDesc{font-size:1.08rem;color:var(--text-secondary);margin-bottom:1.3rem;max-width:560px}.heroBtns{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.heroQuickInfo{display:flex;flex-wrap:wrap;gap:.45rem .9rem;color:var(--text-secondary);font-size:.9rem}.heroQuickInfo span{display:inline-flex;align-items:center;gap:.3rem}.heroQuickInfo span+span:before{content:"•";color:var(--text-muted);margin-right:.35rem}.heroQuickInfo strong{color:var(--text)}.heroStats{display:grid;grid-template-columns:1fr;gap:.85rem}.statCard{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.8rem;row-gap:.15rem;align-items:center;padding:1rem 1.15rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.heroStatIcon{grid-row:1 / span 2;font-size:1.25rem;line-height:1}.statNumber{font-size:1.6rem;font-weight:800;color:var(--primary-light);line-height:1}.statLabel{font-size:.84rem;color:var(--text-muted);margin-top:0}.categoriesSection{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.landingSectionHead{text-align:center;margin:0 auto 1.65rem}.sectionTag{display:inline-flex;align-items:center;padding:.32rem .8rem;margin-bottom:.65rem;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-light);background:#10b9811f;border:1px solid rgba(16,185,129,.32);border-radius:var(--radius-full)}.sectionTitle{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:.45rem}.sectionSubtitle{font-size:.98rem;color:var(--text-secondary);max-width:680px;margin:0 auto}.categorySearchWrap{max-width:700px;margin:0 auto 2rem}.categorySearchInput{width:100%;padding:.95rem 1.1rem;font-size:1rem;color:var(--text);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);outline:none;box-shadow:0 12px 22px #0000002e;transition:border-color .2s,box-shadow .2s,background .2s}.categorySearchInput::placeholder{color:var(--text-muted)}.categorySearchInput:focus{border-color:var(--border-light);background:var(--bg-tertiary);box-shadow:0 0 0 3px #10b9812e}.categoriesGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.categoryCard{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.categoryCard:hover{border-color:var(--primary);transform:translateY(-4px)}.categoryIcon{font-size:2rem}.categoryName{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.howSection{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 1.5rem}.stepsGrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stepCard{text-align:left;padding:1.2rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.stepNum{width:42px;height:42px;margin:0 0 .9rem;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;font-size:1.1rem;font-weight:700;color:#fff}.stepCard h3{font-size:1rem;margin-bottom:.45rem}.stepCard p{font-size:.9rem;color:var(--text-secondary)}.dashboard{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.dashboardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dashboardHeader h1{font-size:1.75rem;font-weight:700}.dashboardHeader .subtitle{color:var(--text-secondary);margin-top:.25rem}.statsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.statBox{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.statIcon{font-size:2rem}.statValue{font-size:1.5rem;font-weight:700}.statName{font-size:.85rem;color:var(--text-muted)}.dashboardContent{display:grid;grid-template-columns:1fr 360px;gap:1.5rem}.dashboardSidebar{display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.cardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.cardHeader h2{font-size:1.1rem;font-weight:600}.emptyState{text-align:center;padding:3rem 1.5rem}.emptyState.sm{padding:1.5rem}.emptyState.lg{padding:4rem 2rem}.emptyIcon{font-size:3rem;margin-bottom:1rem;opacity:.5}.emptyState h3{font-size:1.1rem;margin-bottom:.5rem}.emptyState p{color:var(--text-muted);margin-bottom:1.5rem}.servicesList{display:flex;flex-direction:column;gap:.75rem}.serviceItem{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.serviceItem:hover{border-color:var(--border-light);background:var(--bg-hover)}.serviceInfo h3{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.serviceMeta{font-size:.8rem;color:var(--text-muted);display:flex;gap:.5rem}.separator{opacity:.5}.serviceRight{text-align:right}.serviceBudget{font-size:.9rem;font-weight:600;color:var(--success);margin-bottom:.25rem}.badge{display:inline-block;padding:.25rem .6rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border-radius:var(--radius-full)}.badge-primary{color:var(--primary-light);background:#10b98126}.badge-success{color:var(--success);background:#22c55e26}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-danger{color:var(--danger);background:#ef444426}.badge-secondary{color:var(--text-muted);background:#64748b26}.notificationsList{display:flex;flex-direction:column;gap:.5rem}.notifItem{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-sm);transition:background .2s}.notifItem:hover{background:var(--bg-tertiary)}.notifItem.unread{background:#10b9811a}.notifIcon{font-size:1.25rem}.notifIcon.lg{font-size:1.5rem}.notifContent{flex:1;min-width:0}.notifTitle{font-size:.85rem;font-weight:600}.notifMessage{font-size:.8rem;color:var(--text-secondary)}.notifTime{font-size:.75rem;color:var(--text-muted)}.noData{color:var(--text-muted);font-size:.9rem;text-align:center;padding:1rem}.profileSummary{display:flex;align-items:center;gap:1rem}.profileAvatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;font-size:1.25rem;font-weight:700}.profileAvatar.lg{width:80px;height:80px;font-size:2rem}.profileName{font-weight:600}.profileRole{font-size:.85rem;color:var(--text-muted)}.profileRating{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.servicesPage,.myServicesPage,.proposalsPage,.notificationsPage,.professionalsPage{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.pageHeader{margin-bottom:2rem}.pageHeader h1{font-size:1.5rem;font-weight:700}.pageHeader p{color:var(--text-secondary);margin-top:.25rem}.pageHeader{display:flex;justify-content:space-between;align-items:flex-start}.servicesLayout{display:grid;grid-template-columns:280px 1fr;gap:2rem}.filtersPanel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;height:fit-content;position:sticky;top:80px}.filtersPanel h3{font-size:1rem;font-weight:600;margin-bottom:1.25rem}.filterGroup{margin-bottom:1.25rem}.filterGroup label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.filterGroup select,.filterGroup input{width:100%;padding:.6rem .75rem;font-size:.9rem;color:var(--text);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}.filterGroup select:focus,.filterGroup input:focus{border-color:var(--primary)}.resultsHeader{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.serviceCard{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;cursor:pointer;transition:all .2s}.serviceCard:hover{border-color:var(--border-light);transform:translateY(-2px)}.serviceCardHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.serviceClient{display:flex;align-items:center;gap:.75rem}.clientAvatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;font-weight:600;font-size:.9rem}.clientAvatar.lg{width:64px;height:64px;font-size:1.5rem}.clientName{font-weight:600;font-size:.9rem}.serviceTime{font-size:.8rem;color:var(--text-muted)}.serviceCardTitle{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.serviceCardDesc{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.serviceCardFooter{display:flex;justify-content:space-between;align-items:center}.serviceCardTags{display:flex;gap:.5rem}.tag{padding:.25rem .6rem;font-size:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary)}.serviceCardBudget{font-weight:600;color:var(--success)}.serviceDetailPage{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.backBtn{padding:.5rem 0;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-muted);background:none;border:none;cursor:pointer}.backBtn:hover{color:var(--text)}.serviceDetailLayout{display:grid;grid-template-columns:1fr 380px;gap:2rem}.serviceDetailMain,.serviceDetailSidebar{display:flex;flex-direction:column;gap:1.5rem}.serviceDetailHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.serviceDetailHeader h1{font-size:1.5rem;font-weight:700;margin-top:.75rem}.serviceDetailMeta{display:flex;gap:1.5rem;margin-top:.75rem;font-size:.9rem;color:var(--text-secondary)}.serviceDetailBudget{text-align:right}.budgetLabel{font-size:.85rem;color:var(--text-muted)}.budgetValue{font-size:1.5rem;font-weight:700;color:var(--success)}.serviceDetailBody{margin-bottom:1.5rem}.serviceDetailBody h2{font-size:1.1rem;margin-bottom:.75rem}.serviceDetailBody p{color:var(--text-secondary);line-height:1.6}.serviceDetailInfo{display:flex;gap:2rem}.infoLabel{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.clientInfo{text-align:center;padding:1rem 0}.clientInfo .clientAvatar{margin:0 auto .75rem}.clientInfo .clientName{font-size:1rem;margin-bottom:.25rem}.clientStats{font-size:.85rem;color:var(--text-muted);display:flex;justify-content:center;gap:.5rem}.formGroup{margin-bottom:1rem}.formGroup label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem}.formGroup input,.formGroup select,.formGroup textarea{width:100%;padding:.75rem;font-size:.9rem;color:var(--text);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;resize:vertical}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{border-color:var(--primary)}.formGroup input::placeholder,.formGroup textarea::placeholder{color:var(--text-muted)}.errorBox{padding:.75rem;font-size:.85rem;color:var(--danger);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);margin-bottom:1rem}.successBox{padding:.75rem;font-size:.85rem;color:var(--success);background:#22c55e1a;border:1px solid rgba(34,197,94,.22);border-radius:var(--radius-sm);margin-bottom:1rem}.infoBox{padding:.75rem;font-size:.85rem;color:var(--text-secondary);background:#34d39914;border:1px solid rgba(52,211,153,.16);border-radius:var(--radius-sm);margin-bottom:1rem}.proposalsList{display:flex;flex-direction:column;gap:1rem}.proposalCard{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.proposalHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.proposalFreelancer{display:flex;align-items:center;gap:.75rem}.freelancerAvatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;font-weight:600}.freelancerName{font-weight:600}.freelancerRating{font-size:.85rem;color:var(--text-secondary)}.proposalPrice{font-size:1.25rem;font-weight:700;color:var(--success)}.proposalMessage{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.proposalActions{display:flex;gap:.5rem}.tabsNav{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.tabBtn{padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.tabBtn:hover{color:var(--text)}.tabBtn.active{color:var(--primary-light);border-bottom-color:var(--primary)}.serviceRow{display:flex;align-items:center;gap:2rem;padding:1.25rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;cursor:pointer;transition:all .2s}.serviceRow:hover{border-color:var(--border-light)}.serviceRowMain{flex:1}.serviceRowMain h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.serviceRowStats{display:flex;gap:2rem}.statItem{text-align:center}.statItem .statLabel{font-size:.75rem;color:var(--text-muted)}.statItem .statVal{font-weight:600}.createServicePage,.editProfilePage{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.formCard{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.formCard h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.formCard .subtitle{color:var(--text-secondary);margin-bottom:2rem}.formRow{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.formRow:has(.formGroup:nth-child(3)){grid-template-columns:repeat(3,1fr)}.formActions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.proposalsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.proposalCard .proposalService{display:flex;justify-content:space-between;align-items:center}.proposalCard .proposalService h3{font-size:1rem;font-weight:600}.proposalFooter{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}.chatPage{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 60px)}.chatSidebar{background:var(--bg-secondary);border-right:1px solid var(--border);padding:1.5rem;overflow-y:auto}.chatSidebar h2{font-size:1.1rem;margin-bottom:1rem}.chatItem{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:.25rem}.chatItem:hover{background:var(--bg-tertiary)}.chatItem.active{background:#10b98126}.chatAvatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;font-weight:600}.chatInfo{flex:1;min-width:0}.chatName{font-weight:600;font-size:.9rem}.chatPreview{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatStatus{font-size:.8rem;color:var(--success)}.chatMain{display:flex;flex-direction:column}.chatHeader{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.chatHeader .chatAvatar{width:40px;height:40px}.chatMessages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message{max-width:70%;padding:.75rem 1rem;border-radius:var(--radius)}.message.sent{align-self:flex-end;background:var(--primary);color:#fff}.message.received{align-self:flex-start;background:var(--bg-tertiary)}.messageContent{font-size:.9rem;line-height:1.4}.messageTime{font-size:.7rem;opacity:.7;margin-top:.25rem}.chatInput{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.chatInput input{flex:1;padding:.75rem 1rem;font-size:.9rem;color:var(--text);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}.profilePage{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.profileHeader{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem}.profileHeader .profileInfo{flex:1}.profileHeader h1{font-size:1.5rem}.profileHeader .profileRole{margin-bottom:.75rem}.profileStats{display:flex;gap:2rem}.profileStat{text-align:center}.profileStat .statValue{font-size:1.25rem;font-weight:700}.profileStat .statLabel{font-size:.8rem;color:var(--text-muted)}.profileContent{display:flex;flex-direction:column;gap:1.5rem}.profileContent .card h2{font-size:1.1rem;margin-bottom:.75rem}.profileContent .card p{color:var(--text-secondary)}.skillsTags{display:flex;flex-wrap:wrap;gap:.5rem}.skillTag{padding:.35rem .75rem;font-size:.85rem;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary)}.reviewsList{display:flex;flex-direction:column;gap:1rem}.reviewItem{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.reviewHeader{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.reviewAvatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--secondary);border-radius:50%;font-size:.9rem;font-weight:600}.reviewName{font-weight:600;font-size:.9rem}.reviewStars{font-size:.8rem}.reviewText{font-size:.9rem;color:var(--text-secondary)}.profileAvatarEdit{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.authPage{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:2rem}.authCard{width:100%;max-width:420px;padding:2.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.authCard h1{font-size:1.5rem;margin-bottom:.25rem}.authCard .subtitle{color:var(--text-secondary);margin-bottom:2rem}.authForm{display:flex;flex-direction:column;gap:1rem}.authFooter{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);display:flex;justify-content:center;gap:.5rem}.roleSelector{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.roleBtn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.roleBtn:hover{border-color:var(--border-light)}.roleBtn.active{border-color:var(--primary);background:#10b9811a}.roleIcon{font-size:1.5rem}.roleTitle{font-weight:600}.roleDesc{font-size:.8rem;color:var(--text-muted);text-align:center}.notificationItem{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;cursor:pointer;transition:all .2s}.notificationItem:hover{border-color:var(--border-light)}.notificationItem.unread{background:#10b98114;border-color:#10b98133}.profileEmail{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.regionsList{display:flex;flex-direction:column;gap:.5rem}.regionItem{padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.9rem}.cardDesc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.profileDetails{display:flex;flex-direction:column;gap:1rem}.detailItem{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.detailItem:last-child{border-bottom:none}.detailLabel{color:var(--text-muted);font-size:.9rem}.detailValue{font-weight:500}.profileAvatarImg{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.profileAvatarImg.lg{width:80px;height:80px}.avatarUploadBtn{cursor:pointer;margin-top:.75rem}.avatarUploadBtn:hover{background:var(--bg-hover)}@media(max-width:1024px){.heroSection{grid-template-columns:1fr;gap:2rem;padding:1.25rem 1.5rem 2.5rem}.heroStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.statCard{padding:.95rem}.heroQuickInfo span+span:before{display:none}.dashboardContent,.servicesLayout{grid-template-columns:1fr}.filtersPanel{position:static}.serviceDetailLayout,.chatPage{grid-template-columns:1fr}.chatSidebar{display:none}}@media(max-width:768px){.headerInner{flex-wrap:wrap;gap:1rem}.mainNav{width:100%;order:3;justify-content:center}.statsRow,.categoriesGrid{grid-template-columns:repeat(2,1fr)}.heroPill{font-size:.7rem}.heroTitle{font-size:2rem}.heroDesc{font-size:1rem}.heroBtns,.heroBtns .btnPrimary{width:100%}.heroQuickInfo{gap:.4rem .75rem;font-size:.84rem}.heroStats{grid-template-columns:1fr}.landingSectionHead{margin-bottom:1.25rem}.sectionTitle{font-size:1.45rem}.sectionSubtitle{font-size:.9rem}.categorySearchInput{font-size:.95rem;padding:.82rem .95rem}.stepsGrid,.formRow,.proposalsGrid{grid-template-columns:1fr}.profileHeader{flex-direction:column;text-align:center}.profileStats{justify-content:center}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:2rem 1.25rem 1.25rem;margin-top:auto}.footerContent{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;margin-bottom:1.25rem}.footerSection h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--primary-light)}.role{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.35rem}.specialization{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;font-style:italic}.description{font-size:.82rem;color:var(--text-muted);margin-bottom:.85rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.websiteLink{color:var(--primary);font-weight:600;text-decoration:none}.websiteLink:hover{text-decoration:underline}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.contactItem{display:flex;align-items:flex-start;gap:1rem;margin-bottom:0;padding:.85rem .9rem;background:#0643282e;border:1px solid rgba(52,211,153,.12);border-radius:var(--radius)}.contactIcon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--primary);background:#10b9811a;border-radius:var(--radius-sm)}.contactItem strong{display:block;font-size:.9rem;color:var(--text);margin-bottom:.15rem}.contactLink{color:var(--text-secondary);text-decoration:none;transition:color .2s}.contactLink:hover{color:var(--primary-light)}.footerBottom{max-width:1400px;margin:0 auto;padding-top:1rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.footerContent{grid-template-columns:1fr;gap:2rem}.contactGrid{grid-template-columns:1fr}.description{-webkit-line-clamp:6}}.highlightedCard{border:1px solid #f59e0b;background:linear-gradient(to bottom right,var(--bg-secondary),rgba(245,158,11,.05));position:relative;overflow:hidden}.highlightedCard:hover{border-color:#fbbf24;box-shadow:0 4px 12px #f59e0b26}.highlightBadge{position:absolute;top:0;right:0;background:#f59e0b;color:#000;font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-bottom-left-radius:8px;display:flex;align-items:center;gap:.25rem;z-index:10}.highlightBadge .icon{font-size:.8rem}.authPage{min-height:calc(100vh - 80px);height:auto;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.authCard{width:100%;max-width:750px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg);margin:auto}.authGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;margin-bottom:2rem}.authCard h1{font-size:1.5rem;margin-bottom:.25rem;text-align:center}.authCard .subtitle{text-align:center;margin-bottom:2rem;font-size:.9rem}.formGroup{margin-bottom:.85rem}.formGroup label{font-size:.85rem;margin-bottom:.35rem;display:block}.roleSelector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.roleBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .2s;height:100%;aspect-ratio:1}.roleBtn:hover{background:var(--bg-hover)}.roleBtn.active{background:#10b9811a;border-color:var(--primary)}.roleIcon{font-size:2rem;margin-bottom:.25rem}.roleTitle{font-weight:600;color:var(--text);margin-bottom:0;font-size:1rem}.roleDesc{display:block;font-size:.75rem;color:var(--text-muted);line-height:1.2}.roleTextContainer{display:contents}@media(max-width:768px){.authCard{max-width:440px;padding:1.5rem}.authGrid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.roleSelector{grid-template-columns:1fr 1fr;gap:.75rem}}@media(max-width:600px){.roleBtn{padding:.75rem;aspect-ratio:1}.roleIcon{font-size:1.5rem}.roleTitle{font-size:.9rem}.roleDesc{font-size:.7rem;display:block}.formRow{grid-template-columns:1fr;gap:0}}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.formRow{grid-template-columns:1fr;gap:0}}.searchableSelect{position:relative}.searchableSelect input{width:100%}.dropdownOptions{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg);margin-top:4px}.dropdownOption{padding:.75rem 1rem;cursor:pointer;transition:background .2s;color:var(--text)}.dropdownOption:hover{background:var(--bg-hover)}.dropdownOption.disabled{color:var(--text-muted);cursor:default}.logoImg{height:80px;width:auto;display:block}.header{position:sticky;top:0;z-index:100;background:var(--bg-overlay);border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.header-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);height:84px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.header-logo{display:flex;align-items:center;cursor:pointer;transition:opacity var(--transition-fast);flex-shrink:0}.header-logo:hover{opacity:.8}.header-logo:active{opacity:.6}.header-logo:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px;border-radius:var(--radius-sm)}.header-logo-img{height:49px;width:auto;display:block}.header-nav{display:flex;align-items:center;gap:var(--space-2);flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.header-nav::-webkit-scrollbar{display:none}.nav-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--fg-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.nav-item:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--brand-primary);transition:width var(--transition-fast)}.nav-item:hover{background:var(--bg-surface-1);color:var(--fg-primary)}.nav-item.active{color:var(--brand-primary);background:var(--bg-surface-1)}.nav-item.active:after{width:100%}.nav-item:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.nav-item-icon{font-size:var(--text-base);line-height:1}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.header-notif{position:relative}.header-notif-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface-1);color:var(--fg-primary);cursor:pointer;transition:all var(--transition-fast)}.header-notif-btn:hover{background:var(--bg-surface-2);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-notif-btn:active{transform:translateY(0)}.header-notif-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.header-notif-icon{font-size:var(--text-lg);line-height:1}.header-notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--brand-primary);color:var(--fg-on-brand);font-size:11px;font-weight:var(--font-bold);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bg-overlay)}.header-notif-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(420px,calc(100vw - 24px));background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4)}.header-notif-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.header-notif-title{font-weight:var(--font-bold);color:var(--fg-primary)}.header-notif-subtitle{font-size:var(--text-xs);color:var(--fg-secondary);margin-top:2px}.header-notif-list{max-height:340px;overflow:auto}.header-notif-list .notifItem{width:100%;text-align:left;background:transparent;border:1px solid transparent}.header-notif-list .notifItem:hover{border-color:var(--border-default)}.header-profile-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--fg-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.header-profile-btn:hover{background:var(--bg-surface-2);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-profile-btn:active{transform:translateY(0)}.header-profile-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.header-profile-icon{font-size:var(--text-lg);line-height:1}.header-profile-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.header-container{padding:0 var(--space-4);height:70px;gap:var(--space-4)}.header-logo-img{height:36px}.header-nav{gap:var(--space-1)}.nav-item{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.nav-item-icon{font-size:var(--text-sm)}.nav-item span:not(.nav-item-icon){display:none}.header-profile-name{display:none}.header-profile-btn{padding:var(--space-2)}.header-actions{gap:var(--space-2)}}@media(max-width:480px){.header-container{padding:0 var(--space-3)}.header-actions .btn{padding:0 var(--space-3);font-size:var(--text-xs)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header{animation:slideDown var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-md);background:var(--bg-overlay)}.header-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--fg-primary);cursor:pointer;transition:all var(--transition-fast)}.header-menu-toggle:hover{background:var(--bg-surface-1);border-color:var(--border-strong)}@media(max-width:640px){.header-menu-toggle{display:flex}}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--brand-primary) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--bg-surface-2),var(--bg-surface-3));border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-shrink:0;transition:all var(--transition-base)}.stat-card:hover .stat-card-icon-wrapper{background:linear-gradient(135deg,#34d3991a,#34d39926);border-color:var(--brand-primary);box-shadow:0 0 16px #34d39933}.stat-card-icon{font-size:var(--text-2xl);line-height:1;filter:grayscale(.3);transition:filter var(--transition-base)}.stat-card:hover .stat-card-icon{filter:grayscale(0)}.stat-card-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.stat-card-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--fg-primary);line-height:var(--leading-tight);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-card-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-card-trend{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);width:fit-content}.stat-card-trend.positive{background:var(--success-bg);color:var(--success)}.stat-card-trend.negative{background:var(--error-bg);color:var(--error)}.stat-card-trend-icon{font-size:var(--text-sm);line-height:1}.stat-card-trend-value{font-variant-numeric:tabular-nums}@media(max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-stats{grid-template-columns:1fr;gap:var(--space-4)}.stat-card{padding:var(--space-4)}.stat-card-icon-wrapper{width:48px;height:48px}.stat-card-icon{font-size:var(--text-xl)}.stat-card-value{font-size:var(--text-2xl)}}.stat-card.loading{pointer-events:none}.stat-card.loading .stat-card-value,.stat-card.loading .stat-card-label{background:linear-gradient(90deg,var(--bg-surface-2) 0%,var(--bg-surface-3) 50%,var(--bg-surface-2) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;color:transparent;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card.highlighted{background:linear-gradient(135deg,var(--bg-surface-1) 0%,rgba(52,211,153,.05) 100%);border-color:var(--brand-primary)}.stat-card.highlighted .stat-card-value{color:var(--brand-primary)}.stat-card.compact{padding:var(--space-4);gap:var(--space-3)}.stat-card.compact .stat-card-icon-wrapper{width:40px;height:40px}.stat-card.compact .stat-card-icon{font-size:var(--text-lg)}.stat-card.compact .stat-card-value{font-size:var(--text-xl)}.stat-card.compact .stat-card-label{font-size:var(--text-xs)}.service-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.service-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-card:active{transform:translateY(0)}.service-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.service-card-highlighted{border-color:var(--brand-primary);background:linear-gradient(135deg,var(--bg-surface-1) 0%,rgba(52,211,153,.05) 100%)}.service-card-highlighted:hover{box-shadow:var(--shadow-glow),var(--shadow-md)}.service-card-toprow{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:var(--space-3)}.service-card-highlight-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,#34d39926,#10b98133);border:1px solid var(--brand-primary);border-radius:var(--radius-full);color:var(--brand-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);box-shadow:0 0 12px #34d39933}.service-card-highlight-icon{font-size:var(--text-sm);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.service-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.service-card-client{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.service-card-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));color:var(--forest-900);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-base);flex-shrink:0;box-shadow:0 0 0 2px var(--bg-surface-1),0 0 0 3px var(--border-default)}.service-card-client-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.service-card-client-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-card-time{font-size:var(--text-xs);color:var(--fg-tertiary);font-variant-numeric:tabular-nums}.service-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--fg-primary);line-height:var(--leading-tight);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-card-description{font-size:var(--text-sm);color:var(--fg-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.service-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1;min-width:0}.service-card-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--fg-tertiary);white-space:nowrap;transition:all var(--transition-fast)}.service-card-tag:hover{background:var(--bg-surface-3);border-color:var(--border-default);color:var(--fg-secondary)}.service-card-budget{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--brand-primary);white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:640px){.service-card{padding:var(--space-4)}.service-card-header,.service-card-footer{flex-direction:column;align-items:flex-start}.service-card-budget{width:100%;text-align:left}}.service-card.loading{pointer-events:none;opacity:.6}.service-card.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(52,211,153,.1) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.professional-card{background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.professional-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.professional-card:active{transform:translateY(0)}.professional-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.professional-card-user{display:flex;align-items:center;gap:var(--space-3);min-width:0}.professional-card-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));color:var(--forest-900);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);flex-shrink:0;box-shadow:0 0 0 2px var(--bg-surface-1),0 0 0 3px var(--border-default);overflow:hidden}.professional-card-avatar img{width:100%;height:100%;object-fit:cover}.professional-card-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.professional-card-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.professional-card-subline{font-size:var(--text-xs);color:var(--fg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.professional-card-badges{display:inline-flex;gap:var(--space-2);flex-shrink:0}.professional-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1px solid var(--border-default);background:var(--bg-surface-1);color:var(--fg-secondary);white-space:nowrap}.professional-pill.locked{border-color:#fbbf2459;background:#fbbf2414;color:var(--warning)}.professional-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--fg-primary);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.professional-card-desc{font-size:var(--text-sm);color:var(--fg-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.professional-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.professional-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1;min-width:0}.professional-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--fg-tertiary);white-space:nowrap}.professional-card-cta{font-size:var(--text-xs);color:var(--fg-tertiary);white-space:nowrap}@media(max-width:640px){.professional-card{padding:var(--space-4)}.professional-card-header,.professional-card-footer{flex-direction:column;align-items:flex-start}.professional-card-cta{width:100%}}