@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal-900: #0a1f1e;--teal-800: #0d2928;--teal-700: #123430;--teal-600: #1c3f3a;--teal-500: #276b63;--teal-400: #3a9e92;--teal-300: #5cc4b8;--teal-100: #d0f0ed;--amber: #f5a623;--amber-dim: rgba(245,166,35,.15);--amber-glow: rgba(245,166,35,.3);--surface-0: #0d1c1b;--surface-1: #111f1e;--surface-2: #152523;--surface-3: #1c3330;--surface-4: #234440;--border: rgba(255,255,255,.07);--border-med: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.18);--text-1: #f0faf9;--text-2: #9bbfbb;--text-3: #5a8a84;--text-4: #3a6460;--green: #4ade80;--green-bg: rgba(74,222,128,.1);--red: #f87171;--red-bg: rgba(248,113,113,.1);--blue: #60a5fa;--blue-bg: rgba(96,165,250,.1);--violet: #c084fc;--violet-bg: rgba(192,132,252,.1);--orange: #fb923c;--font-sans: "Outfit", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-amber: 0 0 24px rgba(245,166,35,.2)}[data-theme=light]{--surface-0: #eef2f2;--surface-1: #ffffff;--surface-2: #f4f8f8;--surface-3: #e6eeee;--surface-4: #cfdede;--border: rgba(0, 0, 0, .08);--border-med: rgba(0, 0, 0, .16);--border-strong: rgba(0, 0, 0, .24);--text-1: #0c2b28;--text-2: #1a423e;--text-3: #2e6b65;--text-4: #5a9e99;--teal-300: #0f8c82;--teal-400: #0d7a70;--teal-500: #0b6b62;--teal-600: #0d5c55;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .13);--shadow-amber: 0 0 20px rgba(245, 166, 35, .15)}[data-theme=light] .topbar{background:#fff;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 4px #0000000f}[data-theme=light] .topbar-title{color:var(--text-1)}[data-theme=light] .topbar-divider{background:#0000001f}[data-theme=light] .topbar-logo{filter:brightness(0) opacity(.75)}[data-theme=light] .topbar-icon-btn,[data-theme=light] .topbar .btn-ghost{color:var(--text-2)!important;border-color:#00000024!important;background:transparent!important}[data-theme=light] .topbar-icon-btn:hover,[data-theme=light] .topbar .btn-ghost:hover{background:#0000000d!important;color:var(--text-1)!important}[data-theme=light] .sidebar{background:var(--surface-1);border-right:1px solid var(--border-med)}[data-theme=light] .sidebar .sidebar-label{color:var(--text-4)}[data-theme=light] .sidebar .nav-item{color:var(--text-3)}[data-theme=light] .sidebar .nav-item:hover{background:#0000000a;color:var(--text-1)}[data-theme=light] .sidebar .nav-item.active{background:#f5a62326;color:#b87300}[data-theme=light] .sidebar .nav-ic{opacity:.6}[data-theme=light] .sidebar .nav-item.active .nav-ic{opacity:1}[data-theme=light] .sidebar .sidebar-footer{border-top-color:var(--border)}[data-theme=light] .sidebar .user-row:hover{background:#0000000a}[data-theme=light] .sidebar .user-name{color:var(--text-1)}[data-theme=light] .sidebar .user-role{color:var(--text-3)}[data-theme=light] .sidebar .sidebar-logo{border-bottom-color:var(--border)}.sidebar-logo-img{filter:brightness(0) invert(1);opacity:.92}[data-theme=light] .sidebar-logo-img{filter:brightness(0);opacity:.75}[data-theme=light] .sidebar.collapsed .nav-tooltip,[data-theme=light] .sidebar.project-mode .nav-tooltip{background:#152e2b;color:#f0faf9;border-color:#ffffff21}[data-theme=light] .login-left{background:#123430;--text-1: #f0faf9;--text-2: #9bbfbb;--text-3: #5a8a84;--text-4: #3a6460}[data-theme=light] .btn-primary{background:var(--amber);color:#0d2928;font-weight:600}[data-theme=light] .btn-primary:hover{filter:brightness(.92);box-shadow:0 4px 14px #f5a62366}[data-theme=light] .btn-ghost{color:var(--text-2);border-color:#0000002e;background:#00000008}[data-theme=light] .btn-ghost:hover{background:#00000012;color:var(--text-1)}[data-theme=light] .btn-teal{background:var(--teal-500);color:#f0faf9;border-color:var(--teal-400)}[data-theme=light] .btn-teal:hover{background:var(--teal-400)}[data-theme=light] .form-input{background:#fff;border-color:#0000002e;color:var(--text-1)}[data-theme=light] .form-input:focus{border-color:var(--teal-400);box-shadow:0 0 0 3px #0d7a701f}[data-theme=light] .data-table th{background:#e6eeee}[data-theme=light] .data-table tbody tr:hover{background:#00000006}[data-theme=light] .card{box-shadow:0 1px 4px #00000012}[data-theme=light] .nav-item.active{background:#f5a6232e}html,body{height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.55;background:var(--surface-0);color:var(--text-1);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--teal-400)}.app{display:flex;height:100vh;overflow:hidden}.main-col{flex:1;display:flex;flex-direction:column;min-width:0;overflow:visible;position:relative}.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.page-body{padding:28px 32px;max-width:1320px;margin:0 auto}.sidebar{width:240px;flex-shrink:0;background:var(--teal-800);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;overflow:visible;transition:width .22s cubic-bezier(.4,0,.2,1);position:relative;z-index:200}.sidebar.collapsed{width:60px;overflow:visible}.sidebar.collapsed .sidebar-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-name,.sidebar.collapsed .user-role,.sidebar.collapsed .active-project-card,.sidebar.collapsed .sidebar-toggle-label{opacity:0;width:0;overflow:hidden;pointer-events:none}.sidebar.collapsed .sidebar-section{padding:0}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0;gap:0;width:60px}.sidebar.collapsed .nav-item .nav-label{flex:0;width:0}.sidebar.collapsed .nav-ic{flex-shrink:0;margin:0}.sidebar.collapsed .nav-badge{display:none}.sidebar.collapsed .sidebar-logo{padding:0;justify-content:center;gap:0}.sidebar.collapsed .sidebar-logo-img{display:none}.sidebar.collapsed .sidebar-logo-mono{display:flex!important}.sidebar.collapsed .sidebar-footer{padding:8px 0}.sidebar.collapsed .user-row{justify-content:center;padding:8px 0;gap:0;width:60px}.sidebar.collapsed .user-row>div:not(.avatar){flex:0;width:0;overflow:hidden}.sidebar.collapsed .toggle-chevron{transform:rotate(180deg)}.toggle-chevron{transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .nav-item,.sidebar.project-mode .nav-item{position:relative}.sidebar.collapsed .nav-tooltip,.sidebar.project-mode .nav-tooltip{display:block;position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-8px);background:#152e2b;border:1px solid rgba(255,255,255,.13);color:var(--text-1);font-size:12.5px;font-weight:500;white-space:nowrap;padding:7px 13px;border-radius:8px;box-shadow:0 6px 20px #0006;opacity:0;pointer-events:none;transition:opacity .14s,transform .14s;z-index:9999}.sidebar.collapsed .nav-tooltip:before,.sidebar.project-mode .nav-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#ffffff21}.sidebar.collapsed .nav-tooltip:after,.sidebar.project-mode .nav-tooltip:after{content:"";position:absolute;right:calc(100% - 1px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#152e2b}.sidebar.collapsed .nav-item:hover .nav-tooltip,.sidebar.project-mode .nav-item:hover .nav-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.sidebar.collapsed .nav-item.active .nav-tooltip,.sidebar.project-mode .nav-item.active .nav-tooltip{background:#1a3828;border-color:#f5a62347;color:var(--amber)}.sidebar.collapsed .nav-item.active .nav-tooltip:after,.sidebar.project-mode .nav-item.active .nav-tooltip:after{border-right-color:#1a3828}.sidebar.project-mode{width:56px;overflow:visible}.sidebar.project-mode .sidebar-label,.sidebar.project-mode .nav-label,.sidebar.project-mode .nav-item span:not(.nav-ic),.sidebar.project-mode .user-name,.sidebar.project-mode .user-role,.sidebar.project-mode .active-project-card,.sidebar.project-mode .sidebar-section>div:not(.nav-item){display:none}.sidebar.project-mode .nav-item{padding:10px 0;justify-content:center;gap:0}.sidebar.project-mode .nav-ic{opacity:.5;margin:0}.sidebar.project-mode .nav-item.active .nav-ic{opacity:1}.sidebar.project-mode .sidebar-logo{padding:0;justify-content:center;gap:0}.sidebar.project-mode .sidebar-logo-img{display:none}.sidebar.project-mode .sidebar-logo-mono{display:flex!important}.sidebar.project-mode .sidebar-footer{padding:8px 0}.sidebar.project-mode .user-row{padding:8px 0;justify-content:center;gap:0}.sidebar.project-mode .nav-badge{display:none}.sidebar.project-mode .sidebar-section{padding:0 8px}.sidebar.project-mode .sidebar-toggle{display:none}.sidebar-logo{height:60px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.logo-icon{width:34px;height:34px;background:var(--amber);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--teal-800);flex-shrink:0;letter-spacing:-.5px}.logo-name{font-size:17px;font-weight:700;color:var(--text-1);letter-spacing:-.3px}.logo-name em{color:var(--amber);font-style:normal}.sidebar-section{padding:0 8px;margin-top:8px}.sidebar-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-4);padding:10px 8px 5px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-3);font-size:13.5px;font-weight:400;transition:all .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:visible;position:relative}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .15s}.nav-tooltip{display:none}.nav-item:hover{background:#ffffff0d;color:var(--text-2)}.nav-item.active{background:var(--amber-dim);color:var(--amber);font-weight:500}.nav-item.active .nav-ic{opacity:1}.nav-ic{width:17px;height:17px;flex-shrink:0;opacity:.55}.nav-badge{margin-left:auto;background:var(--amber);color:var(--teal-800);font-size:10px;font-weight:700;padding:1px 5px;border-radius:99px;font-family:var(--font-mono)}.sidebar-spacer{flex:1}.sidebar-footer{padding:10px 8px 12px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.user-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.user-row:hover{background:#ffffff0d}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--teal-500),var(--teal-300));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.avatar.amber{background:linear-gradient(135deg,var(--amber),#e67e22);color:var(--teal-800)}.user-name{font-size:13px;font-weight:500;color:var(--text-1)}.user-role{font-size:11px;color:var(--text-3)}.topbar{height:60px;background:var(--teal-800);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 28px;gap:12px;flex-shrink:0}.topbar-logo{height:32px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.topbar-divider{width:1px;height:22px;background:var(--border-med)}.topbar-title{font-size:15px;font-weight:600;color:var(--text-1);letter-spacing:-.2px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card:hover{border-color:var(--border-med)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:14px;font-weight:600;color:var(--text-1);letter-spacing:-.1px}.card-body{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;cursor:default}.kpi-card:hover{border-color:var(--border-med);transform:translateY(-1px)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kpi-color, var(--amber))}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:8px}.kpi-value{font-size:28px;font-weight:700;color:var(--text-1);line-height:1;letter-spacing:-.5px}.kpi-sub{font-size:12px;color:var(--text-3);margin-top:6px;display:flex;align-items:center;gap:4px}.kpi-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ffffff0a}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--amber);color:var(--teal-800)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--shadow-amber)}.btn-teal{background:var(--teal-600);color:var(--text-1);border:1px solid var(--border-med)}.btn-teal:hover{background:var(--teal-500)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-med)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-1)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover{background:#f871712e}.btn-success{background:var(--green-bg);color:var(--green);border:1px solid rgba(74,222,128,.2)}.btn-success:hover{background:#4ade802e}.btn-sm{padding:5px 12px;font-size:12px;border-radius:5px}.btn-icon{padding:7px;border-radius:7px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:500}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-active,.badge-on-track,.badge-completed-t{background:var(--green-bg);color:var(--green)}.badge-at-risk,.badge-in-progress,.badge-pending{background:var(--amber-dim);color:var(--amber)}.badge-delayed,.badge-rejected{background:var(--red-bg);color:var(--red)}.badge-not-started,.badge-planning{background:#ffffff12;color:var(--text-2)}.badge-completed{background:var(--violet-bg);color:var(--violet)}.badge-approved{background:var(--green-bg);color:var(--green)}.badge-submitted{background:var(--blue-bg);color:var(--blue)}.badge-under-review{background:var(--amber-dim);color:var(--amber)}.badge-paid{background:var(--violet-bg);color:var(--violet)}.badge-synced{background:var(--green-bg);color:var(--green)}.badge-pending-sync{background:var(--amber-dim);color:var(--amber)}.prog-track{height:4px;background:var(--surface-4);border-radius:99px;overflow:hidden}.prog-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.23,1,.32,1)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 16px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-3)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#ffffff08}.data-table tfoot td{background:var(--surface-3);padding:12px 16px;font-weight:600;border-top:1px solid var(--border-med)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:5px}.form-input{width:100%;background:var(--surface-3);border:1px solid var(--border-med);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;color:var(--text-1);font-family:var(--font-sans);outline:none;transition:border-color .15s}.form-input.input-error{border-color:var(--red)!important;box-shadow:0 0 0 2px #f871711f}.form-input:focus{border-color:var(--teal-400)}.form-input::placeholder{color:var(--text-4)}select.form-input{cursor:pointer}textarea.form-input{resize:vertical;min-height:80px}.tab-bar{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{padding:9px 16px;font-size:13px;font-weight:500;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;white-space:nowrap}.tab:hover{color:var(--text-2)}.tab.active{color:var(--amber);border-bottom-color:var(--amber)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.modal{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:520px;overflow:hidden;animation:modalIn .2s ease}.modal-lg{max-width:680px}@keyframes modalIn{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal-hd{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:700;color:var(--text-1)}.modal-bd{padding:24px}.modal-ft{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.dropzone{border:2px dashed var(--border-med);border-radius:var(--radius-md);padding:32px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface-3)}.dropzone:hover,.dropzone.over{border-color:var(--amber);background:var(--amber-dim)}.dropzone-icon{font-size:30px;margin-bottom:8px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.project-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .2s}.project-card:hover{border-color:var(--border-med);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card.sel{border-color:var(--amber);box-shadow:var(--shadow-amber)}.gantt-sync-scroll{overflow-y:auto}.kanban{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.kboard-col{flex-shrink:0;width:270px}.kboard-col-hd{display:flex;align-items:center;justify-content:space-between;padding:8px 0 10px;border-bottom:2px solid var(--col-color, var(--border));margin-bottom:10px}.kboard-col-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.kboard-count{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.task-card{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;margin-bottom:8px;cursor:pointer;transition:all .15s}.task-card:hover{border-color:var(--border-med);background:var(--surface-4)}.trade-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-3{margin-bottom:12px}.mt-auto{margin-top:auto}.text-sm{font-size:12px}.text-muted{color:var(--text-3)}.text-secondary{color:var(--text-2)}.text-amber{color:var(--amber)}.text-green{color:var(--green)}.text-red{color:var(--red)}.fw-600{font-weight:600}.fw-700{font-weight:700}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--text-1)}.divider{height:1px;background:var(--border);margin:20px 0}.empty{text-align:center;padding:48px 24px;color:var(--text-3)}.empty-icon{font-size:36px;margin-bottom:10px;opacity:.5}.empty-title{font-size:14px;font-weight:500;color:var(--text-2);margin-bottom:4px}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-2)}.qb-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.qb-synced{color:var(--green)}.qb-pending{color:var(--amber)}.qb-none{color:var(--text-4)}.overflow-x-auto{overflow-x:auto}.login-wrap{display:flex;height:100vh}.login-left{width:45%;background:var(--teal-700);display:flex;flex-direction:column;padding:48px;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(245,166,35,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(60,158,146,.12) 0%,transparent 50%)}.login-left-content{position:relative;z-index:1}.login-right{flex:1;background:var(--surface-1);display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:100%;max-width:400px}.login-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(245,166,35,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,166,35,.04) 1px,transparent 1px);background-size:44px 44px}.reg-wrap{display:flex;height:100vh;overflow:hidden}.reg-left{width:42%;background:var(--teal-700);display:flex;flex-direction:column;padding:48px;position:relative;overflow:hidden;flex-shrink:0}.reg-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 40%,rgba(245,166,35,.1) 0%,transparent 55%),radial-gradient(ellipse at 85% 75%,rgba(60,158,146,.14) 0%,transparent 50%)}.reg-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(245,166,35,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,166,35,.04) 1px,transparent 1px);background-size:44px 44px}.reg-left-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.reg-right{flex:1;background:var(--surface-1);display:flex;align-items:flex-start;justify-content:center;padding:0 48px;overflow-y:auto}.reg-box{width:100%;max-width:460px;padding:48px 0}.reg-steps{display:flex;align-items:center;gap:0;margin-bottom:36px}.reg-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;transition:all .2s}.reg-step-dot.done{background:var(--teal-500);color:#fff}.reg-step-dot.active{background:var(--amber);color:#0c0e14;box-shadow:0 0 0 3px #f5a62340}.reg-step-dot.idle{background:var(--surface-4);color:var(--text-4);border:1px solid var(--border-med)}.reg-step-line{flex:1;height:2px;background:var(--border);margin:0 4px}.reg-step-line.done{background:var(--teal-500)}.reg-plan-card{border:1.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .15s;position:relative}.reg-plan-card:hover{border-color:var(--amber);background:#f5a6230a}.reg-plan-card.selected{border-color:var(--amber);background:#f5a62312}.reg-plan-card.selected:after{content:"✓";position:absolute;top:10px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--amber);color:#0c0e14;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.reg-strength-bar{height:4px;border-radius:2px;transition:width .3s,background .3s}.reg-feature-check{display:flex;align-items:flex-start;gap:10;margin-bottom:10px}@keyframes regSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.reg-step-panel{animation:regSlideIn .22s ease}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;animation:fadeIn .18s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:95vw;background:var(--surface-1);border-left:1px solid var(--border-strong);display:flex;flex-direction:column;z-index:901;animation:slideIn .22s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px #0006}.drawer-wide{width:680px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-hd{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.drawer-title{font-size:16px;font-weight:700;color:var(--text-1);flex:1;letter-spacing:-.2px}.drawer-subtitle{font-size:12px;color:var(--text-3);margin-top:1px}.drawer-body{flex:1;overflow-y:auto;padding:24px}.drawer-ft{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;background:var(--surface-2)}.form-section{margin-bottom:28px}.form-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.form-row{display:grid;gap:14px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.tag-input-wrap{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--surface-3);border:1px solid var(--border-med);border-radius:var(--radius-sm);min-height:42px;align-items:center;cursor:text}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--teal-600);color:var(--text-1);font-size:11.5px;padding:2px 8px 2px 9px;border-radius:99px}.tag-chip button{background:none;border:none;color:var(--text-3);cursor:pointer;padding:0 1px;font-size:14px;line-height:1;display:flex;align-items:center}.tag-chip-input{background:none;border:none;outline:none;color:var(--text-1);font-size:13px;font-family:var(--font-sans);min-width:80px;flex:1}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resource-check{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-3);cursor:pointer;transition:all .15s}.resource-check:hover,.resource-check.selected{border-color:var(--amber);background:var(--amber-dim)}.resource-check input{display:none}.wizard-steps{display:flex;gap:0;margin-bottom:28px}.wizard-step{flex:1;display:flex;align-items:center;gap:0;position:relative}.wizard-step:not(:last-child):after{content:"";position:absolute;left:32px;right:0;top:16px;height:1px;background:var(--border);z-index:0}.wizard-step.done:after{background:var(--teal-400)}.wizard-step-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-3);position:relative;z-index:1;flex-shrink:0;transition:all .2s}.wizard-step.active .wizard-step-dot{border-color:var(--amber);background:var(--amber);color:var(--teal-800)}.wizard-step.done .wizard-step-dot{border-color:var(--teal-400);background:var(--teal-600);color:var(--text-1)}.wizard-step-label{font-size:11px;color:var(--text-3);margin-top:6px;text-align:center}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);transition:background .1s;cursor:pointer}.notif-item:hover{background:#ffffff08}.notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.notif-unread{background:var(--surface-3)}.chat-wrap{display:flex;height:100%}.chat-sidebar{width:240px;border-right:1px solid var(--border);flex-shrink:0}.chat-thread{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.chat-thread:hover{background:#ffffff08}.chat-thread.active{background:var(--amber-dim)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:70%;padding:10px 14px;border-radius:12px 12px 12px 4px;background:var(--surface-3);color:var(--text-2);font-size:13.5px}.chat-bubble.own{background:var(--teal-600);color:var(--text-1);border-radius:12px 12px 4px;margin-left:auto}.chat-input-row{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px}.ocr-field{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.ocr-field:last-child{border-bottom:none}.ocr-label{color:var(--text-3);font-size:11.5px}.ocr-value{color:var(--text-1);font-weight:500}.ocr-conf{font-size:10px;padding:1px 6px;border-radius:99px}.ocr-high{background:var(--green-bg);color:var(--green)}.ocr-med{background:var(--amber-dim);color:var(--amber)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .22s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}