@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700;800&display=swap";:root{--navy: #0a1424;--navy-2: #152741;--ink: #334155;--green: #2563eb;--green-dark: #1d4ed8;--green-bright:#22d3ee;--soft: #f8fafc;--line: #e2e8f0;--navy-grad: radial-gradient(130% 120% at 80% -10%, #16315a 0%, #0a1424 58%);--green-grad: linear-gradient(100deg, #3b82f6 0%, #22d3ee 100%);--green-glow: 0 12px 30px -10px rgba(34, 211, 238, .5);--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-50: #eff6ff;--blue-100: #bfdbfe;--gray-900: #111827;--gray-700: #334155;--gray-500: #64748b;--gray-200: #e2e8f0;--gray-100: #f1f5f9;--white: #ffffff;--text-on-dark: #0a1424;--text-on-dark-dim: #64748b;--green-500:#34d399;--amber-500:#f59e0b;--red-500: #ef4444;--radius: 12px;--shadow: 0 1px 2px rgba(8,18,35,.04), 0 18px 40px -18px rgba(8,18,35,.22);--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Sora", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:#0a1424}body{font-family:var(--font-body);background:transparent;color:var(--ink);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:#0a1424;background-image:radial-gradient(130% 110% at 80% -10%,#16315a,#0a142400 55%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 100%,54px 54px,54px 54px}h1,h2,h3,h4,.card-title,.logo-mark,.landing-title,.invoice-preview-title{font-family:var(--font-display);letter-spacing:-.02em}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--navy-grad);border-bottom:1px solid rgba(255,255,255,.06);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:baseline;gap:.5rem}.logo-mark{font-weight:800;font-size:1.25rem;color:var(--green-bright);letter-spacing:-.5px}.logo-sub{font-size:.85rem;color:#ffffff9e;font-weight:500}.portal-name{font-family:var(--font-display);color:var(--green-bright);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;white-space:nowrap}.header-badge{font-size:.75rem;color:#ffffffb3;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:.25rem .75rem}.header-user{display:flex;align-items:center;gap:.5rem}.header-username{font-size:.85rem;font-weight:600;color:#ffffffe6;margin-left:.5rem}.app-header .btn-ghost{color:#ffffffd1}.app-header .btn-ghost:hover{background:#ffffff1a;color:#fff}.app-header .btn-ghost.nav-active{background:#ffffff24;color:#fff}.app-main{flex:1;max-width:860px;margin:2rem auto;padding:0 1.5rem;width:100%}.step-indicator{display:flex;align-items:flex-start;gap:0;margin-bottom:2rem}.step-item{display:flex;flex-direction:column;align-items:center;flex:1}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid var(--line);background:var(--white);color:var(--gray-500);transition:all .2s;position:relative;z-index:1}.step-dot.done{background:var(--green);border-color:var(--green);color:#fff}.step-dot.active{background:var(--white);border-color:var(--green);color:var(--green-dark);box-shadow:0 0 0 4px var(--blue-50)}.step-label{font-size:.7rem;color:var(--gray-500);margin-top:.4rem;text-align:center;max-width:72px;line-height:1.3}.step-label.active{color:var(--green-dark);font-weight:700}.step-connector{flex:1;height:2px;background:var(--line);margin-top:15px}.step-connector.done{background:var(--green)}.wizard-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.wizard-nav-label{font-size:.8rem;color:var(--gray-500);font-weight:600}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:2rem}.card-title{font-size:1.3rem;font-weight:700;color:var(--navy);margin-bottom:.4rem}.card-subtitle{font-size:.9rem;color:var(--gray-500);margin-bottom:1.5rem;line-height:1.5}.upload-zone{display:flex;flex-direction:column;align-items:center;border:2px dashed var(--line);border-radius:var(--radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--soft)}.upload-zone:hover,.upload-zone.drag{border-color:var(--green);background:var(--blue-50)}.upload-zone .upload-icon{font-size:2.5rem;margin-bottom:.75rem}.upload-zone .upload-text{color:var(--gray-700);font-size:.95rem}.upload-zone .upload-hint{color:var(--gray-500);font-size:.8rem;margin-top:.35rem}.upload-zone input[type=file]{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.3rem;border-radius:12px;font-family:var(--font-display);font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s,color .25s}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn-primary{background:var(--green-grad);color:#fff;box-shadow:0 10px 22px -10px #3b82f699}.btn-primary:hover{box-shadow:0 16px 28px -10px #3b82f6b3}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--white);color:var(--navy);border:1px solid var(--line)}.btn-secondary:hover{background:var(--soft);border-color:#c4d2dd}.btn-ghost{background:transparent;color:var(--green-dark);padding:.45rem .8rem}.btn-ghost:hover{background:var(--blue-50)}.btn-danger{background:var(--red-500);color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger-ghost{background:transparent;color:var(--red-500);padding:.45rem .8rem}.btn-danger-ghost:hover{background:#fef2f2}.btn-sm{padding:.35rem .7rem;font-size:.8rem;min-height:0}.btn-lg{padding:.85rem 1.8rem;font-size:1rem}.form-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-label{font-size:.85rem;font-weight:600;color:var(--gray-700)}.form-select,.form-input{padding:.6rem .85rem;border:1px solid var(--line);border-radius:var(--radius);font-family:inherit;font-size:.9rem;background:var(--white);color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.form-select:focus,.form-input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--blue-50)}.mapper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.map-progress{flex-shrink:0;font-size:.76rem;font-weight:700;color:var(--gray-500);background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:.32rem .8rem;white-space:nowrap}.map-progress.done{color:var(--green-dark);background:#eff6ff;border-color:#bfdbfe}.map-progress-count{font-family:var(--font-mono)}.mapper-grid{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:1.25rem;margin:1.5rem 0;align-items:start}@media (max-width: 720px){.mapper-grid{grid-template-columns:1fr}}.mapper-panel-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);margin-bottom:.55rem}.mapper-panel-title .mono{text-transform:none;letter-spacing:0;color:var(--gray-700)}.accent-code{--ac: #2563eb;--ac-soft: rgba(37,99,235,.1)}.accent-desc{--ac: #3f6fb0;--ac-soft: rgba(63,111,176,.1)}.accent-price{--ac: #c98a2b;--ac-soft: rgba(201,138,43,.13)}.col-palette{display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start;padding:.85rem;background:var(--soft);border:1px solid var(--line);border-radius:12px}.col-palette-empty{color:var(--gray-500);font-size:.85rem;font-style:italic}.col-token{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;background:var(--white);border:1px solid var(--line);border-radius:8px;font-size:.84rem;font-weight:600;color:var(--navy);cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #07182d0d;transition:transform .12s,box-shadow .12s,border-color .12s,opacity .12s}.col-token:hover{transform:translateY(-1px);border-color:var(--green);box-shadow:0 5px 14px #07182d1f}.col-token:active{cursor:grabbing;transform:none}.col-token.assigned{opacity:.38;box-shadow:none}.col-token .grip{color:#9aa7b5;letter-spacing:-2px;font-size:.8rem}.mapper-targets{display:flex;flex-direction:column;gap:.75rem}.map-slot{position:relative;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem .85rem 1.15rem;transition:border-color .15s,box-shadow .15s,background .15s}.map-slot:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--ac);opacity:.85}.map-slot.over{border-color:var(--ac);box-shadow:0 0 0 4px var(--ac-soft)}.map-slot.filled{border-color:var(--ac)}.map-slot-title{font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:.92rem}.map-slot-desc{font-size:.76rem;color:var(--gray-500);line-height:1.35}.map-slot-target{margin-top:.65rem}.map-slot-empty{border:1.5px dashed var(--line);border-radius:8px;padding:.55rem .7rem;text-align:center;font-size:.82rem;color:var(--gray-500);font-style:italic;transition:border-color .15s,color .15s,background .15s}.map-slot.over .map-slot-empty{border-color:var(--ac);color:var(--ac);font-style:normal;background:var(--ac-soft)}.map-slot-filled{display:flex;align-items:center;gap:.6rem;background:var(--ac-soft);border:1px solid var(--ac);border-radius:8px;padding:.4rem .4rem .4rem .7rem}.map-slot-col{font-weight:700;color:var(--navy);font-size:.9rem;flex-shrink:0}.map-slot-samples{font-family:var(--font-mono);font-size:.72rem;color:#5f7284;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-slot-warn{font-size:.74rem;color:#b45309;margin-top:.45rem}.assigned-chip-x{margin-left:auto;flex-shrink:0;background:#07182d0f;border:none;border-radius:6px;width:24px;height:24px;cursor:pointer;color:var(--gray-700);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .12s,color .12s}.assigned-chip-x:hover{background:#ef444424;color:var(--red-500)}.mapping-result{margin-bottom:1.5rem;overflow:hidden;animation:mappingExpand 1.6s cubic-bezier(.16,1,.3,1)}@keyframes mappingExpand{0%{opacity:0;max-height:0;transform:translateY(-8px);margin-bottom:0}to{opacity:1;max-height:460px;transform:translateY(0);margin-bottom:1.5rem}}.preview-wrap{border:1px solid var(--line);border-radius:12px}.preview-wrap .data-table th{background:var(--white)}.preview-wrap .data-table th,.preview-wrap .data-table td{white-space:nowrap}th.col-code,td.col-code{background:#2563eb14}th.col-desc,td.col-desc{background:#3f6fb014}th.col-price,td.col-price{background:#c98a2b1c}th.col-code{box-shadow:inset 0 2px #2563eb}th.col-desc{box-shadow:inset 0 2px #3f6fb0}th.col-price{box-shadow:inset 0 2px #c98a2b}.mapping-result-summary{display:flex;flex-wrap:wrap;gap:.5rem}.mapping-result-summary>span{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--gray-700);background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:.3rem .7rem}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ac, var(--line))}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.25rem}.dash-actions{display:flex;gap:.6rem;flex-wrap:wrap}.kanban{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;align-items:stretch}.kanban-col{flex:1 0 200px;min-width:200px;display:flex;flex-direction:column;background:var(--soft);border:1px solid var(--line);border-radius:12px;border-top:3px solid var(--kc, var(--line));overflow:hidden}.kanban-col.k-new{--kc: #2563eb}.kanban-col.k-resub{--kc: #3f6fb0}.kanban-col.k-sent{--kc: #c98a2b}.kanban-col.k-inv{--kc: #667085}.kanban-col-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:.9rem}.kanban-count{font-size:.74rem;font-weight:700;color:var(--gray-500);background:var(--white);border:1px solid var(--line);border-radius:20px;padding:.05rem .5rem;min-width:24px;text-align:center}.kanban-cards{display:flex;flex-direction:column;gap:.55rem;padding:0 .6rem .7rem;min-height:40px}.kanban-empty{color:var(--gray-500);font-size:.8rem;text-align:center;padding:.6rem 0}.kanban-card{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:.65rem .7rem;box-shadow:0 1px 2px #07182d0d}.kanban-card-title{font-weight:700;color:var(--navy);font-size:.86rem;line-height:1.25}.kanban-card-meta{font-size:.72rem;color:var(--gray-500);margin-top:.2rem}.kanban-card-fb{font-size:.74rem;color:#8a5a12;background:#fdf3e2;border-radius:6px;padding:.3rem .45rem;margin-top:.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kanban-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.kanban-card-actions .btn{padding:.3rem .55rem;font-size:.76rem}.setup-steps{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.setup-step{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--gray-500);background:var(--white);border:1px solid var(--line);border-radius:20px;padding:.35rem .8rem}.setup-step-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--soft);border:1px solid var(--line);font-size:.72rem}.setup-step.active{color:var(--navy);border-color:var(--green)}.setup-step.active .setup-step-n{background:var(--green);color:#fff;border-color:var(--green)}.setup-step.done{color:var(--green-dark)}.setup-step.done .setup-step-n{background:#eff6ff;color:var(--green-dark);border-color:#bfdbfe}.photo-grid{display:flex;flex-wrap:wrap;gap:.6rem}.photo-thumb{position:relative;width:92px;height:92px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--soft);flex-shrink:0;display:block}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:6px;background:#07182d9e;color:#fff;cursor:pointer;font-size:.72rem;display:flex;align-items:center;justify-content:center}.photo-remove:hover{background:var(--red-500)}.photo-add{width:92px;height:92px;border-radius:10px;flex-shrink:0;cursor:pointer;border:1.5px dashed var(--line);background:var(--soft);color:var(--gray-500);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;transition:border-color .15s,color .15s}.photo-add:hover{border-color:var(--green);color:var(--green-dark)}.rec-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red-500);margin-right:.4rem;vertical-align:middle;animation:recPulse 1s ease-in-out infinite}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.25}}.job-row{border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:var(--white)}.preview-photos{margin-top:1.1rem}.preview-photo-main{position:relative;display:flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:180px}.preview-photo-main img{max-width:100%;max-height:340px;object-fit:contain;display:block}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:#07182d99;color:#fff;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .12s}.photo-nav:hover{background:#07182dd9}.photo-nav.prev{left:8px}.photo-nav.next{right:8px}.preview-photo-meta{font-size:.76rem;color:var(--gray-500);margin-top:.45rem;text-align:center}.preview-photo-meta a{color:var(--green-dark)}.preview-thumbs{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.55rem}.preview-thumbs img{width:52px;height:52px;object-fit:cover;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:border-color .12s}.preview-thumbs img:hover{border-color:var(--line)}.preview-thumbs img.active{border-color:var(--green)}.work-item-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.work-item-head{font-size:.72rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.task-row{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}.task-header{background:var(--soft);padding:.75rem 1rem;font-size:.9rem;font-weight:600;color:var(--navy)}.match-options{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.match-option{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:var(--radius);border:1px solid var(--line);cursor:pointer;transition:all .15s}.match-option:hover,.match-option.selected{border-color:var(--green);background:var(--blue-50)}.confidence-bar{flex:1;height:4px;background:var(--line);border-radius:2px;overflow:hidden}.confidence-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--amber-500),var(--green))}.conf-label{font-family:var(--font-mono);font-size:.75rem;color:var(--gray-500);min-width:38px}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{text-align:left;padding:.6rem .8rem;font-size:.78rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--line)}.data-table td{padding:.65rem .8rem;border-bottom:1px solid var(--soft)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--soft)}.mono{font-family:var(--font-mono)}.tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700}.tag-blue{background:var(--blue-50);color:var(--green-dark)}.tag-green{background:#d1fae5;color:#065f46}.tag-amber{background:#fef3c7;color:#92400e}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border-radius:var(--radius);font-size:.88rem;margin-bottom:1rem;line-height:1.5}.alert-info{background:var(--blue-50);border:1px solid var(--blue-100);color:var(--green-dark)}.alert-success{background:#e6f6ef;border:1px solid #BFE3D2;color:#0f7f5b}.empty-state{text-align:center;padding:3rem 1rem}.btn-ghost.nav-active{background:var(--blue-50);color:var(--green-dark)}.star-row{display:flex;gap:.25rem}.star{background:none;border:none;cursor:pointer;padding:0;font-size:1.5rem;line-height:1;color:var(--line);transition:color .12s}.star:hover,.star.on{color:var(--amber-500)}.table-scroll{width:100%;overflow-x:auto}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;flex-wrap:wrap}.row-actions .btn{white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07182d8c;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem;overflow-y:auto;z-index:50}.modal{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.75rem;width:100%;max-width:760px}.invoice-preview-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--line);padding-bottom:1rem;margin-bottom:1rem}.invoice-preview-title{font-size:1.6rem;font-weight:800;color:var(--navy);letter-spacing:-.5px}.invoice-preview-company{font-size:.95rem;color:var(--gray-500);margin-top:.15rem}.invoice-preview-meta{font-size:.82rem;color:var(--gray-700);text-align:right;line-height:1.7}.invoice-preview-summary{margin-top:1.25rem;margin-left:auto;max-width:280px;font-size:.9rem;color:var(--gray-700);display:flex;flex-direction:column;gap:.4rem}.invoice-preview-total{border-top:2px solid var(--line);padding-top:.6rem;margin-top:.2rem;font-weight:800;font-size:1.05rem;color:var(--green-dark)}.landing{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:1}.landing-hero{text-align:center;max-width:760px;width:100%;background:linear-gradient(135deg,#0a1424d6,#0c1828d1 48%,#16315acc);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:3rem 2.5rem;box-shadow:0 22px 60px #07182d73;position:relative;overflow:hidden}.landing-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);pointer-events:none}.landing-badge{display:inline-block;font-size:.75rem;color:var(--green-bright);background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:100px;padding:.4rem 1rem;margin-bottom:1.25rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.landing-title{font-size:clamp(2rem,5vw,3.1rem);font-weight:800;letter-spacing:-1px;color:#fff;margin-bottom:.75rem;line-height:1.08}.landing-tagline{font-size:1.05rem;line-height:1.6;color:#ffffffc7;margin-bottom:1.5rem}.landing-points{list-style:none;text-align:left;display:inline-flex;flex-direction:column;gap:.75rem;margin:0 auto;font-size:.95rem;color:#ffffffe6}.landing-points li{display:flex;align-items:center;gap:.6rem}.step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:linear-gradient(140deg,var(--green-bright),var(--green));color:#06203a;font-size:.8rem;font-weight:800}.landing-login{width:100%;max-width:420px}.landing-intro{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;transition:opacity .8s ease,transform .8s ease}.landing-intro.fade-leave{opacity:0;transform:translateY(-14px);pointer-events:none}.landing-choose-heading{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:#fff;text-align:center;text-shadow:0 2px 12px rgba(7,24,45,.5);animation:choiceIn .5s ease both}.landing-choices{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:600px;animation:choiceIn .55s ease both}.login-choice{flex:1 1 200px;max-width:280px}@keyframes choiceIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.login-card{width:100%}.login-card.card{background:linear-gradient(135deg,#0a1424e0,#0c1828db 48%,#16315ad6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 60px #07182d73;color:#fff}.login-card .card-title{color:#fff}.login-card .card-subtitle{color:#ffffffb8}.login-card .form-label{color:#ffffffd9}.login-card .btn-secondary{background:#ffffff14;border-color:#fff6;color:#fff}.login-card .btn-secondary:hover{background:#ffffff29;border-color:#fff9}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex:none;position:sticky;top:0;height:100vh;z-index:10;display:flex;flex-direction:column;color:#fff;background-color:var(--navy);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;border-right:1px solid rgba(255,255,255,.07)}.sidebar__brand{display:flex;align-items:center;gap:.65rem;width:100%;cursor:pointer;text-align:left;padding:1.05rem 1.1rem;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__badge{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center;color:#06203a;background:var(--green-grad);box-shadow:0 6px 16px -6px #22d3ee99}.sidebar__wordmark{display:flex;flex-direction:column;line-height:1.15}.sidebar__wordmark b{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.02em}.sidebar__wordmark span{font-size:.72rem;color:#ffffff8c;font-weight:500}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:3px;padding:.9rem .7rem;overflow-y:auto}.sidebar__item{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;cursor:pointer;text-decoration:none;font-family:var(--font-display);font-size:.86rem;font-weight:500;color:#fff9;background:transparent;border:1px solid transparent;border-radius:10px;padding:.62rem .75rem;transition:color .15s,background .15s,border-color .15s}.sidebar__item:hover{color:#fff;background:#ffffff0d}.sidebar__item--active{color:#fff;font-weight:600;background:#3b82f629;border-color:#3b82f647}.sidebar__item svg{flex:none;opacity:.95}.sidebar__foot{padding:.75rem .7rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar__who{display:flex;align-items:center;gap:.45rem;padding:.25rem .75rem .6rem;font-family:var(--font-display);font-size:.72rem;color:#ffffff80}.sidebar__who-dot{width:6px;height:6px;border-radius:50%;background:var(--green-bright);flex:none}.sidebar__logout{display:flex;align-items:center;gap:.7rem;width:100%;cursor:pointer;font-family:var(--font-display);font-size:.86rem;font-weight:500;color:#fff9;background:transparent;border:none;border-radius:10px;padding:.62rem .75rem;transition:color .15s,background .15s}.sidebar__logout:hover{color:#fff;background:#ffffff0d}.shell-main{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column;background-color:var(--soft);background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:54px 54px}.shell-main__inner{width:100%;max-width:1080px;margin:0 auto;padding:2rem 1.75rem 3rem}@media (max-width: 860px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__brand{width:auto;border-bottom:none;padding:.7rem .9rem}.sidebar__nav{flex:1;flex-direction:row;flex-wrap:wrap;overflow:visible;padding:.5rem}.sidebar__foot{display:flex;align-items:center;gap:.5rem;border-top:none;margin-left:auto;padding:.5rem .9rem}.sidebar__who{display:none}.shell-main__inner{padding:1.25rem 1rem 2rem}}.mt1{margin-top:.5rem}.mt2{margin-top:1rem}.mt3{margin-top:1.5rem}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap1{gap:.5rem}.gap2{gap:1rem}