:root{--primary:#1d4ed8;--primary-hover:#1e40af;--primary-soft:#e0e7ff;--primary-ring:#1d4ed82e;--on-primary:#fff;--accent:#f59e0b;--sidebar-bg:#1e3a8a;--sidebar-text:#fff;--sidebar-muted:#ffffff9e;--sidebar-hover:#ffffff1a;--sidebar-border:#ffffff1f;--bg:#f4f6f9;--surface:#fff;--surface-alt:#f8fafc;--surface-hover:#f1f5f9;--border:#0f172a14;--border-strong:#d5dbe5;--text:#1f2937;--text-muted:#6b7280;--text-faint:#9ca3af;--success:#15803d;--success-soft:#dcfce7;--warning:#b45309;--warning-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--info:#0369a1;--info-soft:#e0f2fe;--purple:#7c3aed;--purple-soft:#ede9fe;--teal:#0f766e;--teal-soft:#ccfbf1;--orange:#c2410c;--orange-soft:#ffedd5;--neutral:#475569;--neutral-soft:#e2e8f0;--shadow-sm:0 1px 4px #0f172a0f;--shadow-md:0 6px 20px #0f172a14;--shadow-lg:0 20px 60px #0f172a40;--overlay:#0f172a73;--radius:12px;--radius-sm:8px;--sidebar-width:260px;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--primary:#3b82f6;--primary-hover:#60a5fa;--primary-soft:#3b82f629;--primary-ring:#3b82f64d;--on-primary:#fff;--accent:#fbbf24;--sidebar-bg:#0b1220;--sidebar-text:#e2e8f0;--sidebar-muted:#94a3b8;--sidebar-hover:#94a3b81f;--sidebar-border:#94a3b824;--bg:#0f172a;--surface:#111827;--surface-alt:#1f2937;--surface-hover:#1e293b;--border:#273244;--border-strong:#334155;--text:#e5e7eb;--text-muted:#9ca3af;--text-faint:#6b7280;--success:#22c55e;--success-soft:#22c55e24;--warning:#f59e0b;--warning-soft:#f59e0b24;--danger:#f87171;--danger-soft:#f8717124;--info:#38bdf8;--info-soft:#38bdf824;--purple:#a78bfa;--purple-soft:#a78bfa26;--teal:#2dd4bf;--teal-soft:#2dd4bf24;--orange:#fb923c;--orange-soft:#fb923c24;--neutral:#94a3b8;--neutral-soft:#94a3b826;--shadow-sm:0 1px 3px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 24px 60px #0009;--overlay:#020617a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5;transition:background-color .2s,color .2s}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0;line-height:1.25}p{margin:0}code,.mono{font-family:var(--mono);font-size:.85em}code{background:var(--surface-alt);color:var(--text);border-radius:4px;padding:.1em .4em}hr{border:0;border-top:1px solid var(--border);margin:1.25rem 0}::selection{background:var(--primary-soft)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:.82rem}.xsmall{font-size:.74rem}.bold{font-weight:600}.strong{font-weight:700}.right{text-align:right}.center{text-align:center}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.text-primary{color:var(--primary)}.upper{text-transform:uppercase;letter-spacing:.5px}.row{align-items:center;gap:.5rem;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.start{align-items:flex-start}.stack{flex-direction:column;gap:.75rem;display:flex}.stack.tight{gap:.35rem}.stack.loose{gap:1.5rem}.grow{flex:1;min-width:0}.grid{gap:1rem;display:grid}.grid.g-lg{gap:1.5rem}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.cols-main-side{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.cols-side-main{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.span-2{grid-column:span 2}.span-all{grid-column:1/-1}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media (width<=1440px){.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1200px){.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=992px){.cols-4,.cols-main-side,.cols-side-main{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-main-side>*,.cols-side-main>*{grid-column:1/-1}}@media (width<=640px){.cols-2,.cols-3,.cols-4,.cols-5,.cols-6{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}}.shell{min-height:100vh}.sidebar{width:var(--sidebar-width);z-index:40;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);flex-direction:column;transition:transform .3s,background-color .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);padding:1.2rem 1.5rem}.sidebar-brand h2{color:var(--sidebar-text);letter-spacing:-.4px;align-items:center;gap:.55rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-brand small{color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:2px;margin-top:.2rem;font-size:.66rem;display:block}.sidebar-nav{scrollbar-width:thin;flex:1;padding:.6rem 0 1.2rem;overflow-y:auto}.nav-section{text-transform:uppercase;letter-spacing:2px;color:var(--sidebar-muted);opacity:.85;padding:.9rem 1.5rem .3rem;font-size:.64rem}.nav-link{color:var(--sidebar-muted);border-left:3px solid #0000;align-items:center;gap:.7rem;padding:.55rem 1.5rem;font-size:.87rem;font-weight:500;transition:all .15s;display:flex}.nav-link:hover,.nav-link.active{color:var(--sidebar-text);background:var(--sidebar-hover);border-left-color:var(--accent)}.nav-link.active{font-weight:600}.nav-link svg{opacity:.95;flex-shrink:0}.nav-badge{background:var(--accent);color:#1f2937;border-radius:999px;margin-left:auto;padding:.1rem .45rem;font-size:.64rem;font-weight:700}.sidebar-backdrop{display:none}.main{margin-left:var(--sidebar-width);flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:saturate(180%)blur(6px);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.5rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:.75rem;min-width:0;display:flex}.topbar-right{align-items:center;gap:.75rem;display:flex}.hamburger{display:none}.content{flex:1;padding:1.5rem;animation:.25s ease-out page-in}.footer{background:var(--surface);border-top:1px solid var(--border);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;font-size:.76rem;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=992px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:none}.sidebar-backdrop.open{background:var(--overlay);z-index:35;animation:.2s fade-in;display:block;position:fixed;inset:0}.main{margin-left:0}.hamburger{display:inline-flex}.content{padding:1rem}.topbar{padding:.6rem 1rem}}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;font-size:.8rem;display:flex}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .current{color:var(--text);font-weight:500}.avatar{background:var(--primary);width:34px;height:34px;color:var(--on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.avatar.sm{width:30px;height:30px;font-size:.75rem}.avatar.lg{width:64px;height:64px;font-size:1.4rem}.avatar.xl{width:96px;height:96px;font-size:2rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header h1{font-size:1.35rem;font-weight:700}.page-header .subtitle{color:var(--text-muted);margin-top:.15rem;font-size:.85rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);min-width:0}.card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.25rem;font-size:.93rem;font-weight:600;display:flex}.card-header .title{align-items:center;gap:.5rem;display:flex}.card-body{padding:1.25rem}.card-body.flush{padding:0}.card-footer{border-top:1px solid var(--border);padding:.75rem 1.25rem}.card.hoverable{transition:transform .15s,box-shadow .15s}.card.hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat{align-items:center;gap:.9rem;padding:1rem 1.1rem;display:flex}.icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.metric-value{color:var(--text);overflow-wrap:anywhere;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:700;line-height:1.15}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem;font-size:.74rem}.tone-primary{background:var(--primary-soft);color:var(--primary)}.tone-success{background:var(--success-soft);color:var(--success)}.tone-warning{background:var(--warning-soft);color:var(--warning)}.tone-danger{background:var(--danger-soft);color:var(--danger)}.tone-info{background:var(--info-soft);color:var(--info)}.tone-purple{background:var(--purple-soft);color:var(--purple)}.tone-teal{background:var(--teal-soft);color:var(--teal)}.tone-orange{background:var(--orange-soft);color:var(--orange)}.tone-neutral{background:var(--neutral-soft);color:var(--neutral)}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;background:var(--surface-alt);color:var(--text);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.86rem;font-weight:600;line-height:1.2;transition:background-color .15s,color .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);color:var(--on-primary);box-shadow:0 4px 12px var(--primary-ring)}.btn-outline{border-color:var(--primary);color:var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary);color:var(--on-primary)}.btn-secondary{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-outline-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-outline-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-outline-success{border-color:var(--success);color:var(--success);background:0 0}.btn-outline-success:hover:not(:disabled){background:var(--success);color:#fff}.btn-outline-warning{border-color:var(--warning);color:var(--warning);background:0 0}.btn-outline-warning:hover:not(:disabled){background:var(--warning);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-sm{padding:.32rem .65rem;font-size:.78rem}.btn-lg{padding:.75rem 1.25rem;font-size:.98rem}.btn-block{width:100%}.btn-icon{width:32px;height:32px;padding:.35rem}.btn-icon.btn-sm{width:28px;height:28px;padding:.25rem}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.btn-group .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.btn-group .btn+.btn{margin-left:-1px}.btn.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.spinner.lg{border-width:3px;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.22em .65em;font-size:.71rem;font-weight:600;line-height:1.4;display:inline-flex}.badge.square{border-radius:6px}.badge-outline{border:1px solid var(--border-strong);color:var(--text-muted);background:0 0}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.86rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-alt);padding:.7rem 1rem;font-size:.72rem;font-weight:600}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text)}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.7rem 1rem}.table tbody tr{transition:background-color .12s}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table .actions{text-align:right;white-space:nowrap}.table .actions .btn+.btn{margin-left:.25rem}.table tfoot td{background:var(--surface-alt);font-weight:700}.table.compact td,.table.compact th{padding:.45rem .75rem}.cell-link{color:var(--text);font-weight:600}.cell-link:hover{color:var(--primary)}.kv{border-collapse:collapse;width:100%}.kv th{text-align:left;color:var(--text-muted);vertical-align:top;width:42%;padding:.45rem 0;font-size:.8rem;font-weight:500}.kv td{padding:.45rem 0;font-size:.88rem}.field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.field>label,.label{color:var(--text-muted);font-size:.8rem;font-weight:600}.field .req{color:var(--danger);margin-left:2px}.field .hint{color:var(--text-faint);font-size:.75rem}.field .error{color:var(--danger);font-size:.76rem}.input,.select,.textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.52rem .75rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--danger)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-alt);color:var(--text-muted)}.input-sm{padding:.35rem .6rem;font-size:.8rem}.input-lg{padding:.75rem 1rem;font-size:1.05rem}.textarea{resize:vertical;min-height:84px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:2rem}.select[multiple]{background-image:none;min-height:110px;padding-right:.75rem}.input-group{align-items:stretch;display:flex}.input-group .addon{background:var(--surface-alt);border:1px solid var(--border-strong);color:var(--text-muted);align-items:center;padding:0 .7rem;font-size:.85rem;display:inline-flex}.input-group .addon:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:0}.input-group .addon:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:0}.input-group .input:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group .input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-icon{position:relative}.input-icon>svg{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.input-icon>.input{padding-left:2.1rem}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:.86rem;display:inline-flex}.switch input{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:38px;height:22px;margin:0;transition:background-color .2s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch input:checked{background:var(--primary)}.switch input:checked:after{transform:translate(16px)}.check{cursor:pointer;align-items:center;gap:.5rem;font-size:.86rem;display:inline-flex}.check input{accent-color:var(--primary);width:16px;height:16px}.form-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:.45rem;margin:.25rem 0;font-size:.82rem;font-weight:700;display:flex}.form-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:minmax(0,1fr)}}.filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.filters .field{flex:160px;min-width:150px;max-width:260px}.filters .field.wide{flex-basis:240px;max-width:360px}.pills{flex-wrap:wrap;gap:.35rem;display:flex}.pill{cursor:pointer;color:var(--text-muted);border:1px solid var(--border-strong);background:0 0;border-radius:999px;padding:.38rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s}.pill:hover{color:var(--text);background:var(--surface-hover)}.pill.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.pill .count{opacity:.8;margin-left:.35rem}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex;overflow-x:auto}.tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem .95rem;font-size:.86rem;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.pagination{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1.25rem;font-size:.8rem;display:flex}.pagination .pages{gap:.25rem;display:flex}.page-btn{border:1px solid var(--border-strong);background:var(--surface);min-width:30px;height:30px;color:var(--text);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.8rem;display:inline-flex}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.empty .empty-icon{background:var(--surface-alt);width:54px;height:54px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.empty h4{margin-bottom:.25rem;font-size:.95rem}.skeleton{background:linear-gradient(90deg, var(--surface-alt) 25%, var(--surface-hover) 50%, var(--surface-alt) 75%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-block{color:var(--text-muted);justify-content:center;align-items:center;gap:.6rem;padding:3rem 1rem;display:flex}.fullscreen-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.alert{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:.65rem;padding:.8rem 1rem;font-size:.86rem;display:flex}.alert svg{flex-shrink:0;margin-top:2px}.alert-info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb, var(--info) 25%, transparent)}.alert-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb, var(--success) 25%, transparent)}.alert-warning{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 25%, transparent)}.alert-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:500;display:flex}.banner.warning{background:var(--warning-soft);color:var(--warning)}.banner.danger{background:var(--danger-soft);color:var(--danger)}.banner.info{background:var(--primary-soft);color:var(--primary)}.modal-backdrop{background:var(--overlay);z-index:60;justify-content:center;align-items:center;padding:1rem;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 2rem);animation:.18s ease-out pop-in;display:flex}.modal.sm{max-width:400px}.modal.lg{max-width:780px}.modal.xl{max-width:1040px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h3{align-items:center;gap:.5rem;font-size:1.02rem;display:flex}.modal-body{padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.dropdown{position:relative}.dropdown-menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow-md);max-height:70vh;padding:.35rem;animation:.12s ease-out pop-in;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.dropdown-item{width:100%;font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:.55rem;padding:.5rem .65rem;font-size:.85rem;display:flex}.dropdown-item:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.dropdown-item:disabled{color:var(--text-faint);cursor:not-allowed}.dropdown-item.danger{color:var(--danger)}.dropdown-header{text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);padding:.45rem .65rem;font-size:.72rem;font-weight:600}.dropdown-divider{background:var(--border);height:1px;margin:.3rem 0}.toasts{z-index:80;flex-direction:column;gap:.5rem;max-width:min(380px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{background:var(--surface);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);align-items:flex-start;gap:.65rem;padding:.75rem .9rem;font-size:.86rem;animation:.22s ease-out toast-in;display:flex}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.timeline{flex-direction:column;display:flex}.timeline-item{gap:.85rem;padding:.75rem 0;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:46px;bottom:-6px;left:18px}.timeline-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1.25rem;display:flex}.list-row:last-child{border-bottom:0}.progress{background:var(--surface-alt);border-radius:999px;height:6px;overflow:hidden}.progress>span{background:var(--primary);border-radius:inherit;height:100%;display:block}.divider-text{color:var(--text-faint);align-items:center;gap:.75rem;font-size:.78rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.swatch.selected{outline:3px solid var(--primary);outline-offset:2px}.color-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.thumb{object-fit:cover;background:var(--surface-alt);width:40px;height:40px;color:var(--text-faint);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.global-search{width:min(340px,34vw);position:relative}.global-search .input{height:36px;padding-left:2rem;padding-right:2rem}.global-search-icon{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.global-search-kbd{font-family:var(--mono);color:var(--text-faint);border:1px solid var(--border);pointer-events:none;border-radius:4px;padding:0 .35rem;font-size:.7rem;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.global-search-panel{width:max(100%,360px);max-width:calc(100vw - 2rem);left:0;right:auto}.dropdown-item.highlighted{background:var(--surface-hover)}@media (width<=640px){.global-search{width:40px}.global-search:focus-within{z-index:40;width:auto;position:absolute;left:.75rem;right:.75rem}.global-search .input{padding-right:.5rem}.global-search:not(:focus-within) .input{color:#0000;cursor:pointer;padding:0}.global-search:not(:focus-within) .input::placeholder{color:#0000}.global-search-kbd{display:none}.global-search-panel{width:100%}}.bell{position:relative}.bell-count{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:.62rem;font-weight:700;line-height:17px;position:absolute;top:2px;right:2px}.bell-menu{width:min(360px,100vw - 2rem)}.bell-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.35rem .4rem .5rem .65rem;display:flex}.bell-empty{text-align:center;padding:1.25rem .65rem}.bell-item{border-radius:6px;align-items:flex-start;gap:.25rem;display:flex}.bell-item.unread{background:var(--primary-soft)}.bell-item-main{min-width:0;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;align-items:flex-start;gap:.6rem;padding:.55rem .5rem;display:flex}.bell-item-main:hover{background:var(--surface-hover)}.unread-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;display:inline-block}.icon-circle.sm{border-radius:8px;width:30px;height:30px}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.currency-amount{white-space:nowrap;flex-direction:column;line-height:1.25;display:inline-flex}.nav-link.locked{opacity:.6}.nav-link.locked:hover{opacity:.9}.nav-lock{margin-left:auto}.upgrade-card{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem .25rem;display:flex}.upgrade-card h3{font-size:1.1rem;font-weight:700}.upgrade-card p{max-width:440px;margin:0}.upgrade-usage{flex-direction:column;gap:.35rem;width:100%;max-width:320px;display:flex}.locked-page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:560px;box-shadow:var(--shadow-sm);margin:2.5rem auto;padding:2rem 1.5rem}.auth-page{background:var(--auth-bg) center / cover no-repeat, #0b1220;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.auth-page:before{content:"";background:linear-gradient(135deg,#0b1220b8,#1e3a8a8c);position:fixed;inset:0}[data-theme=dark] .auth-page:before{background:linear-gradient(135deg,#020617db,#0b1220bf)}.auth-card{background:color-mix(in srgb, var(--surface) 94%, transparent);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;width:100%;max-width:430px;padding:2.4rem 2rem;animation:.5s ease-out fade-up;position:relative;box-shadow:0 20px 60px #00000059}.auth-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto .85rem;display:flex;box-shadow:0 6px 16px #1d4ed859}.auth-card h1{text-align:center;font-size:1.4rem;font-weight:700}.auth-card .subtitle{text-align:center;color:var(--text-muted);margin:.3rem 0 1.5rem;font-size:.86rem}.auth-links{justify-content:space-between;margin-top:1rem;font-size:.85rem;font-weight:500;display:flex}.otp-field .input{text-align:center;letter-spacing:.5em;font-size:1.4rem;font-weight:700}.auth-links a{align-items:center;gap:.3rem;display:inline-flex}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (width<=480px){.auth-card{padding:2rem 1.4rem}}.receipt{color:#333;width:320px;max-width:100%;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dee2e6;margin:0 auto;padding:1rem;font-family:Courier New,monospace;font-size:12px}.receipt hr{border-top:1px dashed #bbb;margin:.5rem 0}@media print{.sidebar,.topbar,.footer,.no-print,.sidebar-backdrop,.toasts,.banner{display:none!important}.main{margin-left:0!important}.content{padding:0!important}.card{box-shadow:none!important;border:0!important}body{color:#000!important;background:#fff!important}}