@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=DM+Sans:wght@300;400;500;600;700;900&display=swap";:root{--navy: #0A1628;--navy-2: #0F1E35;--navy-3: #152A45;--teal: #1D9E75;--teal-2: #5DCAA5;--teal-3: #9FE1CB;--teal-soft: rgba(29,158,117,.08);--teal-hover: rgba(29,158,117,.14);--gold: #D4AF37;--gold-2: #E5C860;--gold-soft: rgba(212,175,55,.1);--cream: #FAFAF7;--cream-2: #F5F3EE;--cream-3: #EFEBE2;--bg: #F5F3EE;--surface: #FAFAF7;--card: #FFFFFF;--card-2: #FAFAF7;--input: #FFFFFF;--border: #E7E1D3;--border-2: #EFEBE2;--text: #0A1628;--text-2: #2A3A52;--muted: #7A8697;--muted-2: #A8B0BD;--success: #1D9E75;--success-bg: rgba(29,158,117,.1);--danger: #C4453A;--danger-bg: rgba(196,69,58,.08);--warning: #C48A1C;--warning-bg: rgba(196,138,28,.1);--info: #2E5C8A;--info-bg: rgba(46,92,138,.08);--shadow-xs: 0 1px 2px rgba(10,22,40,.04);--shadow-sm: 0 2px 8px rgba(10,22,40,.05), 0 1px 2px rgba(10,22,40,.03);--shadow-md: 0 6px 20px rgba(10,22,40,.06), 0 2px 6px rgba(10,22,40,.03);--shadow-lg: 0 18px 48px rgba(10,22,40,.1), 0 4px 12px rgba(10,22,40,.04);--shadow-gold:0 8px 24px rgba(212,175,55,.18);--shadow-teal:0 8px 24px rgba(29,158,117,.18);--radius-sm: 6px;--radius: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--sidebar-w: 248px;--titlebar-h: 38px;--tabbar-h: 34px;--toolbar-h: 40px;--statusbar-h: 26px;--mobile-header-h: 58px;--font-serif: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-main: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--gold-dim: #B8941F;--card2: var(--card-2)}@font-face{font-family:Syne;src:local("Playfair Display"),local("Playfair Display Bold");font-weight:100 1000;font-style:normal}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);font-optical-sizing:auto;background:var(--bg);color:var(--text);line-height:1.55;letter-spacing:-.005em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 12% 8%,rgba(29,158,117,.035),transparent 42%),radial-gradient(circle at 92% 92%,rgba(212,175,55,.03),transparent 42%)}a{text-decoration:none;color:inherit}a:hover{color:var(--teal)}button{font-family:var(--font-main);cursor:pointer}input,select,textarea{font-family:var(--font-main)}h1,h2,h3,h4,h5,h6,.page-title,.modal-title,.table-title,.stat-value,.stat-val,.sb-rate-val,.hero-title,.display{font-family:var(--font-serif);font-weight:600;letter-spacing:-.015em;color:var(--text);line-height:1.15}h1{font-size:2rem;font-weight:700}h2{font-size:1.55rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.05rem;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cream-3);border-radius:4px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}::selection{background:var(--teal-3);color:var(--navy)}.layout{display:flex;min-height:100vh;padding-top:calc(var(--titlebar-h) + var(--tabbar-h));position:relative;z-index:1}.sidebar{width:var(--sidebar-w);background:var(--cream);border-right:1px solid var(--border);position:fixed;top:calc(var(--titlebar-h) + var(--tabbar-h));bottom:var(--statusbar-h);left:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto;transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:1px 0 0 var(--border-2)}.main{margin-left:var(--sidebar-w);flex:1;padding:2rem 2.25rem;padding-top:calc(var(--toolbar-h) + 2rem);padding-bottom:calc(var(--statusbar-h) + 1.5rem);min-width:0;background:var(--bg)}.sb-logo{padding:1.15rem 1.15rem .95rem;border-bottom:1px solid var(--border-2);position:relative}.sb-logo:after{content:"";position:absolute;left:1.15rem;right:1.15rem;bottom:-.5px;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);opacity:.35}.sb-logo-text{font-family:var(--font-serif);font-size:1.35rem;font-weight:800;color:var(--navy);letter-spacing:-.03em;display:flex;align-items:center;gap:.55rem;line-height:1}.sb-logo-sub{font-size:.6rem;color:var(--teal);margin-top:.35rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;opacity:.85}.brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-2) 100%);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif);font-weight:900;font-size:1rem;position:relative;box-shadow:0 2px 8px #1d9e7540;flex-shrink:0}.brand-mark:after{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.9}.sb-rate{margin:.85rem .85rem .4rem;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);border-radius:12px;padding:.85rem 1rem;position:relative;overflow:hidden;color:#fff;box-shadow:var(--shadow-sm)}.sb-rate:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--teal-2),var(--gold))}.sb-rate:after{content:"";position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.75}.sb-rate-lbl{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--teal-2);margin-bottom:2px}.sb-rate-val{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--gold);line-height:1.1;letter-spacing:-.01em}.sb-nav{flex:1;overflow-y:auto;padding:.5rem .65rem 1rem}.sb-section{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--teal);padding:1rem .65rem .3rem;opacity:.8;position:relative}.sb-section:before{content:"";position:absolute;left:.65rem;right:.65rem;bottom:.15rem;height:1px;background:linear-gradient(to right,var(--border),transparent)}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;border-radius:8px;font-size:.82rem;font-weight:500;color:var(--text-2);transition:background .18s ease,color .18s ease,transform .18s ease;cursor:pointer;text-decoration:none;position:relative;margin:1px 0}.nav-item:hover{background:var(--teal-soft);color:var(--teal)}.nav-item.active{background:var(--teal);color:#fff;font-weight:600;box-shadow:0 2px 8px #1d9e7547}.nav-item.active:before{content:"";position:absolute;left:-.65rem;top:8px;bottom:8px;width:3px;background:var(--gold);border-radius:0 2px 2px 0}.nav-icon{font-size:.9rem;flex-shrink:0;width:18px;display:inline-flex;align-items:center;justify-content:center;opacity:.85}.nav-item.active .nav-icon{opacity:1}.sb-footer{padding:.9rem 1rem;border-top:1px solid var(--border-2);background:var(--cream-2)}.sb-shop{font-size:.78rem;color:var(--text);font-weight:600;margin-bottom:3px;line-height:1.4}.sb-shop strong{display:block;font-family:var(--font-serif);font-size:.88rem;font-weight:700;color:var(--navy);letter-spacing:-.01em}.btn-logout{width:100%;padding:.55rem;font-size:.78rem;font-weight:600;font-family:var(--font-main);background:#fff;border:1px solid var(--border);color:var(--danger);border-radius:8px;cursor:pointer;transition:all .18s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-logout:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-header-h);background:var(--cream);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 1.1rem;z-index:200;box-shadow:var(--shadow-xs)}.mobile-logo{font-family:var(--font-serif);font-size:1.15rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:all .25s ease}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a162873;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99;animation:fadeIn .2s ease}.sidebar-overlay.show{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.4rem;box-shadow:var(--shadow-xs);transition:box-shadow .25s ease,transform .25s ease;position:relative}.card:hover{box-shadow:var(--shadow-sm)}.card.card-accent{overflow:hidden}.card.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--teal),var(--gold) 40%,var(--teal) 100%);opacity:.5}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.1rem;margin-bottom:1.8rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.3rem 1.4rem;box-shadow:var(--shadow-xs);position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal);opacity:.7;transition:opacity .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card:hover:before{opacity:1}.stat-label,.stat-lbl{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:.55rem}.stat-value,.stat-val{font-family:var(--font-serif);font-size:1.85rem;font-weight:700;color:var(--navy);line-height:1.15;letter-spacing:-.02em}.stat-val.gold,.stat-value.gold{color:var(--gold)}.stat-sub{font-size:.72rem;color:var(--muted);margin-top:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem 1.2rem;border-radius:9px;font-family:var(--font-main);font-size:.87rem;font-weight:600;letter-spacing:.005em;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-teal,.btn-primary{background:var(--teal);color:#fff;box-shadow:0 1px 2px #1d9e7540}.btn-teal:hover,.btn-primary:hover{background:#17875f;box-shadow:var(--shadow-teal);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-2) 100%);color:var(--navy);box-shadow:0 1px 2px #d4af3759;font-weight:700}.btn-gold:hover{filter:brightness(1.04);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-3)}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn-ghost:hover{background:var(--cream-3);color:var(--text)}.btn-danger{background:#fff;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:.4rem .85rem;font-size:.78rem;border-radius:7px}.btn-lg{padding:.85rem 1.6rem;font-size:.95rem;border-radius:11px}.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);padding:.95rem 1.1rem;border-bottom:1px solid var(--border);background:var(--cream-2);white-space:nowrap}th:first-child{border-top-left-radius:var(--radius-md)}th:last-child{border-top-right-radius:var(--radius-md)}td{padding:.95rem 1.1rem;border-bottom:1px solid var(--border-2);color:var(--text);font-weight:400;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s ease}tbody tr:hover td{background:var(--cream-2)}td a{color:var(--teal);font-weight:600}td a:hover{color:#17875f;text-decoration:underline}.table-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--card);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.table-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;color:var(--navy);letter-spacing:-.01em}.table-scroll{overflow-x:auto}.form-group{margin-bottom:1.1rem}label{display:block;font-size:.78rem;font-weight:600;color:var(--text-2);margin-bottom:.4rem;letter-spacing:.01em}input[type=text],input[type=email],input[type=number],input[type=password],input[type=date],input[type=tel],input[type=search],input[type=url],input[type=time],input[type=datetime-local],input:not([type]),select,textarea{width:100%;background:var(--input);border:1px solid var(--border);border-radius:9px;padding:.68rem .95rem;color:var(--text);font-size:.9rem;font-family:var(--font-main);font-weight:400;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A8697' stroke-width='2' stroke-linecap='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .85rem center;background-size:14px;padding-right:2.2rem}textarea{resize:vertical;min-height:92px;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1d9e751f;background:#fff}input::placeholder,textarea::placeholder{color:var(--muted-2);font-weight:400}input:disabled,select:disabled,textarea:disabled{background:var(--cream-2);color:var(--muted);cursor:not-allowed}input[type=checkbox],input[type=radio]{width:auto;margin-right:.4rem;accent-color:var(--teal)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.05rem}.form-full{grid-column:1 / -1}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:3px 10px;border-radius:100px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-main);line-height:1.3;border:1px solid transparent}.badge-gold{background:var(--gold-soft);color:#9b7f1a;border-color:#d4af3740}.badge-teal{background:var(--teal-soft);color:var(--teal);border-color:#1d9e7540}.badge-yellow,.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:#c48a1c40}.badge-blue,.badge-info{background:var(--info-bg);color:var(--info);border-color:#2e5c8a40}.badge-green,.badge-success,.badge-paid{background:var(--success-bg);color:var(--success);border-color:#1d9e7547}.badge-red,.badge-danger,.badge-unpaid,.badge-overdue{background:var(--danger-bg);color:var(--danger);border-color:#c4453a38}.badge-muted,.badge-pending,.badge-draft{background:var(--cream-3);color:var(--muted);border-color:var(--border)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.8rem;flex-wrap:wrap;gap:1rem;position:relative;padding-bottom:1.1rem;border-bottom:1px solid var(--border-2)}.page-header:after{content:"";position:absolute;left:0;bottom:-.5px;width:56px;height:2px;background:linear-gradient(to right,var(--teal),var(--gold));border-radius:2px}.page-title{font-family:var(--font-serif);font-size:1.85rem;font-weight:700;color:var(--navy);letter-spacing:-.025em;line-height:1.15;display:flex;align-items:center;gap:.75rem}.empty{text-align:center;padding:4rem 1.5rem;color:var(--muted);background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-md)}.empty-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--muted-2);opacity:.7}.empty-text{font-family:var(--font-serif);font-size:1.05rem;color:var(--text-2);font-weight:500}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a16288c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.85rem;width:100%;max-width:540px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;animation:modalIn .28s cubic-bezier(.4,0,.2,1)}.modal:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:2px;background:linear-gradient(to right,var(--teal),var(--gold));border-radius:0 0 2px 2px;opacity:.6}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--navy);margin-bottom:1.35rem;letter-spacing:-.015em}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border-2)}.alert{padding:.9rem 1.15rem;border-radius:var(--radius);font-size:.88rem;margin-bottom:1.1rem;border:1px solid transparent;display:flex;align-items:center;gap:.6rem;line-height:1.5}.alert strong{font-weight:700}.alert-success{background:var(--success-bg);border-color:#1d9e7540;color:#136a4f}.alert-danger{background:var(--danger-bg);border-color:#c4453a38;color:#8a302a}.alert-warning{background:var(--warning-bg);border-color:#c48a1c40;color:#7a5710}.alert-info{background:var(--info-bg);border-color:#2e5c8a40;color:#1f4264}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--cream);position:relative}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2.5rem;background:var(--cream);position:relative;overflow-y:auto}.auth-form-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(29,158,117,.04),transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,175,55,.04),transparent 50%);pointer-events:none}.auth-card{background:transparent;width:100%;max-width:420px;padding:0;position:relative;z-index:1}.auth-brand-row{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.auth-brand-name{font-family:var(--font-serif);font-size:1.45rem;font-weight:800;color:var(--navy);letter-spacing:-.025em;line-height:1}.auth-brand-sub{font-size:.6rem;color:var(--teal);margin-top:3px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}.auth-eyebrow{font-size:.68rem;color:var(--teal);letter-spacing:.26em;text-transform:uppercase;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.auth-eyebrow:before{content:"";width:28px;height:1px;background:var(--teal)}.auth-title{font-family:var(--font-serif);font-size:2.4rem;font-weight:700;color:var(--navy);letter-spacing:-.03em;line-height:1.1;margin-bottom:.7rem}.auth-title em{font-style:italic;color:var(--teal);font-weight:500}.auth-subtitle{font-size:.95rem;color:var(--muted);line-height:1.55;margin-bottom:2.25rem;max-width:340px}.auth-form label{font-size:.76rem;color:var(--text-2);margin-bottom:.45rem}.auth-form input{background:#fff;padding:.8rem 1rem;border-radius:10px}.auth-actions-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;font-size:.85rem}.auth-link{color:var(--teal);font-weight:600;transition:color .15s}.auth-link:hover{color:#17875f;text-decoration:underline}.auth-muted-link{color:var(--muted);font-size:.83rem}.auth-muted-link:hover{color:var(--teal)}.auth-cta{width:100%;padding:.9rem;font-size:.95rem;font-weight:600;justify-content:center}.auth-footer-text{text-align:center;margin-top:1.75rem;color:var(--muted);font-size:.88rem}.auth-showcase{background:var(--navy);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:3rem 3rem 2.5rem;color:#fff}.auth-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 15%,rgba(29,158,117,.22),transparent 48%),radial-gradient(circle at 85% 85%,rgba(212,175,55,.12),transparent 45%),repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 14px)}.auth-showcase-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--teal),var(--gold));z-index:2}.auth-showcase-mark{font-family:var(--font-serif);font-size:20rem;font-weight:900;color:#ffffff0a;position:absolute;top:-3rem;left:-2rem;line-height:.85;letter-spacing:-.08em;pointer-events:none;-webkit-user-select:none;user-select:none}.auth-showcase-gold-dot{position:absolute;top:2rem;right:2rem;width:10px;height:10px;border-radius:50%;background:var(--gold);opacity:.85;box-shadow:0 0 24px #d4af3799}.auth-showcase-inner{position:relative;z-index:1}.auth-showcase-kicker{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--teal-2);font-weight:600;margin-bottom:1.25rem;display:flex;align-items:center;gap:.85rem}.auth-showcase-kicker:before{content:"";width:32px;height:1px;background:var(--teal-2)}.auth-showcase-headline{font-family:var(--font-serif);font-size:2.9rem;font-weight:500;line-height:1.08;letter-spacing:-.025em;margin-bottom:1.5rem;color:#fff;max-width:460px}.auth-showcase-headline em{font-style:italic;color:var(--teal-2);font-weight:400}.auth-showcase-body{font-size:.98rem;color:#ffffffb3;line-height:1.65;max-width:420px;margin-bottom:2.25rem}.auth-feature-list{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.auth-feature{display:flex;align-items:flex-start;gap:.9rem;font-size:.9rem;color:#ffffffd9;line-height:1.5}.auth-feature-bullet{width:26px;height:26px;border-radius:8px;background:#1d9e752e;border:1px solid rgba(93,202,165,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal-2);margin-top:1px}.auth-feature strong{color:#fff;font-weight:600;margin-right:.25rem}.auth-showcase-footer{position:relative;z-index:1;font-size:.75rem;letter-spacing:.16em;color:#fff6;text-transform:uppercase;font-weight:500;border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between}.auth-error{background:var(--danger-bg);border:1px solid rgba(196,69,58,.25);color:#8a302a;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.1rem;font-size:.86rem;font-weight:500;display:flex;align-items:center;gap:.55rem}.auth-success-box{background:var(--success-bg);border:1px solid rgba(29,158,117,.25);color:#136a4f;padding:1rem 1.15rem;border-radius:10px;font-size:.9rem;line-height:1.55}.auth-info-box{background:var(--info-bg);border:1px solid rgba(46,92,138,.22);color:#1f4264;padding:.7rem .95rem;border-radius:10px;font-size:.85rem;margin-bottom:.9rem;text-align:center}@media (max-width: 960px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-form-panel{padding:2.25rem 1.25rem;min-height:100vh}}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.text-gold{color:var(--gold)}.text-teal{color:var(--teal)}.text-navy{color:var(--navy)}.text-muted{color:var(--muted)}@media (max-width: 1024px){.main{padding:1.5rem 1.25rem;padding-top:calc(var(--toolbar-h) + 1.5rem)}}@media (max-width: 768px){.mobile-header{display:flex}.sidebar{top:var(--mobile-header-h);transform:translate(-100%);z-index:150;width:280px}.sidebar.open{transform:translate(0)}.main{margin-left:0;padding-top:calc(var(--mobile-header-h) + 1.25rem)}.layout{padding-top:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:1.5rem}.page-header{align-items:flex-start}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.main{padding:1rem;padding-top:calc(var(--mobile-header-h) + 1rem)}.modal{padding:1.4rem 1.1rem}.auth-title{font-size:1.9rem}}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--teal);color:#fff;padding:.65rem 1.25rem;border-radius:0 0 10px 10px;font-weight:600;font-size:.875rem;text-decoration:none;z-index:9999;transition:top .2s}.skip-link:focus{top:0;outline:3px solid var(--gold)}a:focus-visible,button:focus-visible,.nav-item:focus-visible,.btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--whatsapp: #25D366}.page-search-input{background:var(--card);border:1px solid var(--border);color:var(--text);padding:.6rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-main);font-size:.9rem;width:100%;max-width:320px;display:block;margin-bottom:1.25rem;transition:border-color .15s,box-shadow .15s;outline:none}.page-search-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.page-search-input::placeholder{color:var(--muted-2)}.date-input,input[type=date],input[type=time],input[type=month]{background:var(--card);border:1px solid var(--border);color:var(--text);padding:.45rem .75rem;border-radius:var(--radius-sm);font-family:var(--font-main);font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}input[type=date]:focus,input[type=time]:focus,input[type=month]:focus,.date-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.page-loading{display:flex;align-items:center;justify-content:center;padding:3rem;min-height:200px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled,.btn[disabled]{opacity:.52;cursor:not-allowed;pointer-events:none}.filter-group{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;margin-bottom:1.25rem}.stat-val-num{font-family:var(--font-main);font-weight:800;font-size:clamp(1rem,2vw,1.5rem);line-height:1.1;color:var(--text)}.stat-val-num.gold{color:var(--gold)}.stat-val-num.green{color:var(--success)}.stat-val-num.red{color:var(--danger)}.stat-val-num.teal{color:var(--teal)}tbody tr{transition:background .12s}tbody tr:hover{background:var(--cream-2)}input:focus,select:focus,textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--teal)!important;box-shadow:0 0 0 3px var(--teal-soft)!important}.page-sub{font-size:.875rem;color:var(--muted);margin-top:.2rem;line-height:1.4}.badge-cached{font-size:.72rem;color:var(--warning);background:var(--warning-bg);border:1px solid rgba(196,138,28,.3);padding:.2rem .6rem;border-radius:100px;display:inline-flex;align-items:center;gap:.3rem}@media (max-width: 600px){.page-search-input{max-width:100%}}.sa-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--sa-text, #1F1B2E)}@media (max-width: 768px){.sa-sidebar-wrap{position:fixed!important;top:0!important;left:0!important;bottom:0!important;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:200}.sa-sidebar-wrap.open{transform:translate(0)}.sa-main-wrap{margin-left:0!important}}.btn-danger-outline{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger-outline:hover{background:var(--danger-bg)}.btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.table-wrap .page-loading{min-height:160px;padding:2rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-2);margin-bottom:.4rem;letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--input);border:1px solid var(--border);color:var(--text);padding:.65rem .875rem;border-radius:var(--radius-sm);font-family:var(--font-main);font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.input-error,input.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px var(--danger-bg)!important}.error-text{font-size:.78rem;color:var(--danger);margin-top:.3rem;display:block}.search-input-wrap{position:relative;display:inline-flex;align-items:center;margin-bottom:1.25rem;width:100%;max-width:320px}.search-input-icon{position:absolute;left:.75rem;color:var(--muted);pointer-events:none;flex-shrink:0}.search-input-field{padding-left:2.25rem!important;padding-right:2rem!important;margin-bottom:0!important;max-width:100%!important;width:100%!important}.search-input-clear{position:absolute;right:.6rem;background:none;border:none;color:var(--muted);cursor:pointer;padding:.15rem;display:flex;align-items:center;border-radius:4px;transition:color .12s,background .12s}.search-input-clear:hover{color:var(--danger);background:var(--danger-bg)}@media (max-width: 600px){.search-input-wrap{max-width:100%}}.statusbar{height:var(--statusbar-h, 26px);background:var(--navy);border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 12px;gap:0;position:fixed;bottom:0;left:0;right:0;z-index:150;overflow:hidden}.statusbar-left{display:flex;align-items:center;gap:0;flex:1;overflow:hidden}.statusbar-right{display:flex;align-items:center;gap:0;flex-shrink:0}.sb-divider{width:1px;height:14px;background:#ffffff1a;margin:0 10px;flex-shrink:0}.sb-text{font-size:10.5px;color:#fff9;white-space:nowrap;flex-shrink:0;font-weight:500}.sb-muted{color:#ffffff59}.sb-gold{color:var(--gold);font-weight:600;font-family:var(--font-serif),serif;letter-spacing:-.01em}.sb-clock{font-family:var(--font-mono);color:#ffffff8c;letter-spacing:.06em;font-size:10.5px}.sb-page{color:#ffffff73;text-overflow:ellipsis;overflow:hidden;max-width:240px;text-transform:capitalize;font-size:10.5px}.sb-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 7px;border-radius:4px;white-space:nowrap;flex-shrink:0;font-weight:600;letter-spacing:.04em}.sb-chip-green{background:#1d9e7533;color:var(--teal-2)}.sb-chip-red{background:#c4453a38;color:#e58077}.sb-chip-amber{background:#d4af372e;color:var(--gold)}.sb-chip-trial{background:#d4af3726;color:var(--gold)}.sb-chip-basic{background:#5dcaa52e;color:var(--teal-2)}.sb-chip-pro{background:#d4af3733;color:var(--gold)}.sb-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sb-dot-green{background:var(--teal-2);box-shadow:0 0 4px #5dcaa599}.sb-dot-red{background:#e58077;animation:blink 1.5s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.sb-kbd{display:inline-block;padding:1px 5px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:3px;font-family:var(--font-mono);font-size:9.5px;color:var(--gold)}@media (max-width: 768px){.statusbar{display:none}}.toolbar{height:var(--toolbar-h, 40px);background:var(--cream);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:6px;position:fixed;top:calc(var(--titlebar-h, 38px) + var(--tabbar-h, 34px));left:var(--sidebar-w, 248px);right:0;z-index:140;box-shadow:0 1px #0a162808}.toolbar-left{display:flex;align-items:center;gap:4px;flex:1}.toolbar-right{display:flex;align-items:center;gap:4px}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;height:28px;font-size:12px;font-family:var(--font-main),sans-serif;font-weight:500;background:#fff;border:1px solid var(--border);color:var(--text-2);border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.toolbar-btn:hover{background:var(--teal-soft);color:var(--teal);border-color:#1d9e754d}.toolbar-btn-primary{background:var(--teal);color:#fff;border-color:var(--teal);font-weight:600}.toolbar-btn-primary:hover{background:#17875f;border-color:#17875f;color:#fff}.toolbar-btn-icon,.toolbar-btn-label{font-size:12px}.toolbar-btn-icon-only{padding:4px 8px;font-size:13px}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 6px;flex-shrink:0}.toolbar-filters{display:flex;align-items:center;gap:2px}.toolbar-filter{padding:3px 10px;height:24px;font-size:11px;font-family:var(--font-main),sans-serif;font-weight:500;background:none;border:1px solid transparent;color:var(--muted);border-radius:5px;cursor:pointer;transition:all .15s;white-space:nowrap}.toolbar-filter:hover{color:var(--text);background:var(--cream-3)}.toolbar-filter.active{color:var(--teal);background:var(--teal-soft);border-color:#1d9e7540;font-weight:600}.toolbar-search{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:3px 10px;height:28px;min-width:200px;transition:border-color .15s,box-shadow .15s}.toolbar-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #1d9e751a}.toolbar-search-icon{font-size:12px;color:var(--muted)}.toolbar-search-input{background:none;border:none;outline:none;font-size:12px;color:var(--text);font-family:var(--font-main),sans-serif;flex:1;min-width:0}.toolbar-search-input::placeholder{color:var(--muted-2)}.toolbar-search-clear{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:0;line-height:1;transition:color .15s}.toolbar-search-clear:hover{color:var(--danger)}@media (max-width: 768px){.toolbar{left:0;top:var(--mobile-header-h, 58px);padding:0 10px}.toolbar-search{min-width:140px}}.shortcut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.shortcut-modal{background:var(--navy);border:1px solid #2e2518;border-radius:14px;width:100%;max-width:640px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px #000000b3}.shortcut-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2e2518;flex-shrink:0}.shortcut-title{font-size:14px;font-weight:700;color:#f5f0e8}.shortcut-close{background:none;border:none;color:#6b5a2e;font-size:18px;cursor:pointer;line-height:1;padding:0 4px}.shortcut-close:hover{color:#ef4444}.shortcut-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;overflow-y:auto;padding:12px;gap:12px}.shortcut-group-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#6b5a2e;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #2e2518}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;gap:8px}.shortcut-label{font-size:11px;color:#c8b89a;flex:1}.shortcut-keys{display:flex;align-items:center;gap:2px;flex-shrink:0}.shortcut-plus{font-size:10px;color:#4a3f32}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;background:#0d0a07;border:1px solid #3d3020;border-bottom:2px solid #3d3020;border-radius:4px;font-size:10px;font-family:monospace;color:#d4af37;white-space:nowrap}.shortcut-footer{padding:10px 18px;border-top:1px solid #2e2518;font-size:11px;color:#4a3f32;text-align:center;flex-shrink:0}@media (max-width: 600px){.shortcut-body{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.shortcut-body{grid-template-columns:1fr}}.tabbar{height:var(--tabbar-h, 34px);background:var(--cream-2);border-bottom:1px solid var(--border);display:flex;align-items:flex-end;padding:0 10px;gap:3px;position:fixed;top:var(--titlebar-h, 38px);left:0;right:0;z-index:150;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:6px;padding:6px 12px 5px;font-size:11.5px;font-family:var(--font-main),sans-serif;color:var(--muted);border-radius:6px 6px 0 0;cursor:pointer;border:1px solid transparent;border-bottom:none;white-space:nowrap;flex-shrink:0;position:relative;top:1px;max-width:170px;transition:all .15s ease;-webkit-user-select:none;user-select:none;font-weight:500}.tab:hover{color:var(--teal);background:var(--teal-soft)}.tab.active{color:var(--navy);background:var(--bg);border-color:var(--border);border-bottom-color:var(--bg);font-weight:600}.tab.active:before{content:"";position:absolute;left:8px;right:8px;top:0;height:2px;background:var(--teal);border-radius:0 0 2px 2px}.tab-icon{font-size:10px;flex-shrink:0;opacity:.8}.tab-label{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;max-width:105px}.tab-close{background:none;border:none;color:var(--muted-2);font-size:14px;line-height:1;padding:0 1px;cursor:pointer;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:all .12s}.tab-close:hover{color:var(--danger);background:var(--danger-bg)}@media (max-width: 768px){.tabbar{display:none}}.titlebar{height:var(--titlebar-h, 38px);background:var(--navy);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 14px;gap:8px;position:fixed;top:0;left:0;right:0;z-index:200;-webkit-user-select:none;user-select:none;box-shadow:0 1px #0000000d}.titlebar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent,rgba(29,158,117,.5) 25%,rgba(212,175,55,.5) 75%,transparent);opacity:.4}.titlebar-logo{display:flex;align-items:center;gap:8px}.titlebar-gem{font-size:13px}.titlebar-name{font-family:var(--font-serif),serif;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.titlebar-divider{width:1px;height:16px;background:#ffffff14;margin:0 6px;flex-shrink:0}.titlebar-menus{display:flex;align-items:center;gap:2px}.tmenu-wrap{position:relative}.tmenu-btn{padding:4px 11px;font-size:12px;font-family:var(--font-main),sans-serif;background:none;border:none;color:#ffffffb3;border-radius:5px;cursor:pointer;transition:all .15s ease;font-weight:500}.tmenu-btn:hover,.tmenu-btn.active{background:#1d9e7538;color:#fff}.tmenu-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:5px;box-shadow:0 12px 32px #0a16282e,0 2px 6px #0a16280f;z-index:300;animation:dropdownIn .18s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tmenu-item{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;font-size:12.5px;color:var(--text-2);border-radius:6px;cursor:pointer;transition:all .12s;font-weight:500}.tmenu-item:hover{background:var(--teal-soft);color:var(--teal)}.tmenu-label{flex:1}.tmenu-shortcut{font-size:10px;color:var(--muted);font-family:var(--font-mono);margin-left:18px;letter-spacing:.02em}.tmenu-sep{height:1px;background:var(--border-2);margin:4px 6px}.titlebar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.titlebar-rate{display:flex;align-items:center;gap:5px}.titlebar-rate-label{font-size:10px;color:#ffffff80;letter-spacing:.1em;font-weight:500}.titlebar-rate-val{font-family:var(--font-serif),serif;font-size:12px;font-weight:700;color:var(--gold);letter-spacing:-.01em}.titlebar-status{display:flex;align-items:center;gap:5px}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--teal-2);box-shadow:0 0 6px #5dcaa5b3}.status-dot.offline{background:#e58077}.status-label{font-size:10px;color:#ffffff8c;font-weight:500;letter-spacing:.04em}.titlebar-plan{padding:3px 8px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.titlebar-shop{font-size:11.5px;color:#ffffffb8;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.titlebar-clock{font-size:11px;color:#ffffff8c;font-family:var(--font-mono);letter-spacing:.06em;min-width:68px}@media (max-width: 768px){.titlebar{display:none}}.sa-theme{--sa-violet: #6D28D9;--sa-violet-dark: #5B21B6;--sa-violet-light: #8B5CF6;--sa-violet-pale: #EDE9FE;--sa-violet-faint: #F5F3FF;--sa-bg: #F5F3FF;--sa-surface: #FFFFFF;--sa-surface-alt: #FAF9FF;--sa-border: #E5E1F5;--sa-text: #1F1B2E;--sa-text-muted: #6B6485;--sa-text-subtle: #9A93B8;--sa-success: #10B981;--sa-success-pale: #D1FAE5;--sa-warn: #F59E0B;--sa-warn-pale: #FEF3C7;--sa-danger: #EF4444;--sa-danger-pale: #FEE2E2;--sa-info: #3B82F6;--sa-info-pale: #DBEAFE;--sa-gradient-main: linear-gradient(135deg, #6D28D9 0%, #5B21B6 100%);--sa-gradient-soft: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);--sa-gradient-header: linear-gradient(180deg, #1F1A36 0%, #2B2348 100%);--bg: var(--sa-bg);--surface: var(--sa-surface);--card: var(--sa-surface);--card-2: var(--sa-surface-alt);--input: var(--sa-surface);--border: var(--sa-border);--border-2: var(--sa-border);--text: var(--sa-text);--text-2: #4B4468;--muted: var(--sa-text-muted);--muted-2: var(--sa-text-subtle);--gold: var(--sa-violet);--gold-2: var(--sa-violet-light);--gold-soft: var(--sa-violet-pale);--gold-dim: var(--sa-violet-dark);--teal: var(--sa-violet);--teal-2: var(--sa-violet-light);--teal-soft: var(--sa-violet-pale);--teal-hover: var(--sa-violet-pale);--success: var(--sa-success);--success-bg: var(--sa-success-pale);--danger: var(--sa-danger);--danger-bg: var(--sa-danger-pale);--warning: var(--sa-warn);--warning-bg: var(--sa-warn-pale);--info: var(--sa-info);--info-bg: var(--sa-info-pale);color:var(--sa-text);background:var(--sa-bg)}.sa-theme .sa-btn-primary{background:var(--sa-gradient-main);color:#fff;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600;font-size:.88rem;cursor:pointer;font-family:inherit;transition:filter .15s,transform .05s;box-shadow:0 1px 2px #6d28d92e}.sa-theme .sa-btn-primary:hover{filter:brightness(1.08)}.sa-theme .sa-btn-primary:active{transform:translateY(1px)}.sa-theme .sa-btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:none}.sa-theme .sa-btn-outline{background:transparent;color:var(--sa-violet);border:1px solid var(--sa-violet);border-radius:8px;padding:.5rem 1rem;font-weight:600;font-size:.85rem;cursor:pointer;font-family:inherit;transition:background .15s}.sa-theme .sa-btn-outline:hover{background:var(--sa-violet-pale)}.sa-theme .sa-btn-ghost{background:transparent;color:var(--sa-text-muted);border:1px solid var(--sa-border);border-radius:8px;padding:.5rem 1rem;font-weight:500;font-size:.85rem;cursor:pointer;font-family:inherit}.sa-theme .sa-btn-ghost:hover{background:var(--sa-surface-alt)}.sa-theme .sa-card{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:14px;padding:1.25rem;box-shadow:0 1px 3px #1f1b2e0a}.sa-theme .sa-card-gradient{background:var(--sa-gradient-main);color:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 4px 12px #6d28d940}.sa-theme .sa-badge{display:inline-flex;align-items:center;padding:2px 10px;background:var(--sa-violet-pale);color:var(--sa-violet);border-radius:100px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.sa-theme .sa-badge-success{background:var(--sa-success-pale);color:#065f46}.sa-theme .sa-badge-warn{background:var(--sa-warn-pale);color:#92400e}.sa-theme .sa-badge-danger{background:var(--sa-danger-pale);color:#991b1b}.sa-theme .sa-badge-info{background:var(--sa-info-pale);color:#1e40af}.sa-theme input,.sa-theme select,.sa-theme textarea{background:var(--sa-surface);border:1px solid var(--sa-border);color:var(--sa-text);border-radius:8px;padding:.55rem .75rem;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.sa-theme input:focus,.sa-theme select:focus,.sa-theme textarea:focus{border-color:var(--sa-violet);box-shadow:0 0 0 3px #6d28d91f}.sa-theme table{width:100%;border-collapse:collapse;background:var(--sa-surface);border-radius:10px;overflow:hidden}.sa-theme table th{text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sa-text-muted);background:var(--sa-violet-faint);padding:.75rem 1rem;border-bottom:1px solid var(--sa-border)}.sa-theme table td{padding:.75rem 1rem;border-bottom:1px solid var(--sa-border);font-size:.88rem;color:var(--sa-text)}.sa-theme table tbody tr:hover{background:var(--sa-violet-faint)}.sa-theme table tbody tr:last-child td{border-bottom:none}.sa-theme a{color:var(--sa-violet);text-decoration:none}.sa-theme a:hover{color:var(--sa-violet-dark);text-decoration:underline}.sa-theme *::-webkit-scrollbar{width:8px;height:8px}.sa-theme *::-webkit-scrollbar-track{background:transparent}.sa-theme *::-webkit-scrollbar-thumb{background:var(--sa-border);border-radius:10px}.sa-theme *::-webkit-scrollbar-thumb:hover{background:var(--sa-violet-light)}@media (max-width: 768px){.sa-theme [style*="marginLeft:220"]{margin-left:0!important}}.sa-theme table{width:100%;border-collapse:collapse}.sa-theme thead th{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sa-text-muted);padding:.7rem .875rem;border-bottom:1px solid var(--sa-border);background:var(--sa-surface-alt)}.sa-theme tbody td{padding:.75rem .875rem;border-bottom:1px solid var(--sa-border);font-size:.875rem;vertical-align:middle}.sa-theme tbody tr:hover{background:var(--sa-surface-alt)}.sa-theme .spinner{border-color:var(--sa-border);border-top-color:var(--sa-violet)}.sa-theme .page-header{margin-bottom:1.5rem}.sa-theme .page-title{font-size:1.5rem;color:var(--sa-text)}