:root{--bg: #0c0e12;--bg-elevated: #141820;--bg-card: #171c26;--bg-card-hover: #1c2230;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 200, 80, .22);--text: #f4f1ea;--text-muted: #9a9488;--gold: #f5a623;--gold-bright: #ffc107;--gold-soft: rgba(245, 166, 35, .14);--gold-glow: rgba(245, 166, 35, .28);--ink-on-gold: #1a1200;--accent-2: #6b8cae;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--success: #3dd68c;--success-soft: rgba(61, 214, 140, .14);--info: #7aa2ff;--info-soft: rgba(122, 162, 255, .14);--radius: 16px;--radius-sm: 11px;--font: "Inter", "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--shadow: 0 24px 60px rgba(0, 0, 0, .45);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .25);--auth-bg: #f4f5f7;--auth-ink: #0a0a0b;--auth-muted: #5c6370;--auth-border: #e6e8ec;--auth-card: #ffffff;--auth-brand: #0c0e12;--auth-accent: #c48a12}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1000px 520px at 8% -8%,rgba(245,166,35,.11),transparent 55%),radial-gradient(800px 480px at 100% 0%,rgba(107,140,174,.08),transparent 50%),radial-gradient(600px 400px at 50% 100%,rgba(245,166,35,.04),transparent 45%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.mono{font-family:var(--mono)}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,#14161cf5,#0c0e12fa);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.35rem 1rem 1.25rem;display:flex;flex-direction:column;gap:1.35rem;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:.85rem;padding:.35rem .5rem .85rem;border-bottom:1px solid var(--border)}.brand-logo{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #f5a62359,0 8px 20px #00000059;flex-shrink:0}.brand-logo.company{border-radius:12px;object-fit:contain;background:#fff;padding:2px}.brand-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,var(--gold-bright),var(--gold));color:var(--ink-on-gold);display:grid;place-items:center;font-weight:800;font-size:.85rem;flex-shrink:0;letter-spacing:.02em}.powered-by{display:flex;align-items:center;gap:.45rem;margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted)}.powered-by img{width:18px;height:18px;border-radius:50%;object-fit:cover}.powered-by strong{color:var(--text-muted);font-weight:600}.invoice-company-avatar{width:48px;height:48px;border-radius:10px;background:linear-gradient(145deg,var(--gold-bright),var(--gold));color:var(--ink-on-gold);display:grid;place-items:center;font-weight:800;font-size:.9rem;flex-shrink:0}.brand h1{margin:0;font-size:1.08rem;letter-spacing:-.03em;font-weight:700}.brand p{margin:.15rem 0 0;color:var(--text-muted);font-size:.72rem;letter-spacing:.02em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:.3rem;padding:0 .2rem}.nav a{padding:.72rem .9rem;border-radius:var(--radius-sm);color:var(--text-muted);transition:.16s ease;font-weight:500;font-size:.94rem;display:flex;align-items:center;gap:.55rem}.nav a:hover{background:#ffffff0a;color:var(--text)}.nav a.active{background:var(--gold-soft);color:var(--gold-bright);font-weight:600;box-shadow:inset 0 0 0 1px #f5a62333}.nav-icon{opacity:.85;font-size:.95rem;width:1.25rem;text-align:center}.sidebar-foot{margin-top:auto;padding:.95rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);font-size:.8rem;box-shadow:var(--shadow-soft)}.sidebar-foot strong{display:block;margin-bottom:.3rem;font-size:.88rem}.main{padding:1.75rem 2.1rem 3.5rem;max-width:1120px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.6rem}.page-head h2{margin:0;font-size:1.7rem;letter-spacing:-.035em;font-weight:700}.page-head p{margin:.4rem 0 0;color:var(--text-muted);font-size:.95rem;max-width:36rem;line-height:1.45}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.5rem}.card{background:linear-gradient(165deg,rgba(28,32,42,.95),var(--bg-card));border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:var(--shadow-soft);transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:#ffffff1a}.card-metric{position:relative;overflow:hidden}.card-metric:after{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:var(--gold-soft);pointer-events:none}.card h3{margin:0;font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.card .value{margin-top:.55rem;font-size:1.55rem;font-weight:700;letter-spacing:-.03em}.card .value.mono{font-size:1.1rem;font-weight:600}.card .hint{margin-top:.35rem;font-size:.78rem;color:var(--text-muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-sm);padding:.68rem 1.1rem;font-weight:600;cursor:pointer;transition:.15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(145deg,var(--gold-bright),var(--gold) 55%,#e09410);color:var(--ink-on-gold);box-shadow:0 4px 16px var(--gold-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:#ffffff29;background:#ffffff08}.btn-sm{padding:.42rem .75rem;font-size:.84rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.95rem}.field label{font-size:.82rem;color:var(--text-muted);font-weight:500}.field input,.field select,.field textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.72rem .9rem;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f5a6238c;box-shadow:0 0 0 3px var(--gold-soft)}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.table-wrap{overflow:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.9rem 1.05rem;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;background:#00000038}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s ease}tbody tr:hover{background:#ffffff05}.badge{display:inline-flex;align-items:center;padding:.22rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge-draft{background:#9a94882e;color:#d4cfc4}.badge-sent{background:var(--info-soft);color:#b4c8ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.company-switcher{display:block;margin-top:.35rem}.company-switcher select{width:100%;max-width:11.5rem;font:inherit;font-size:.72rem;font-weight:500;color:var(--text-muted);background:#00000040;border:1px solid var(--border);border-radius:8px;padding:.28rem .4rem;cursor:pointer}.company-switcher select:focus{outline:none;border-color:#f5a62380}.tenant-brand-text h1{margin:0}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-header h2{margin:0 0 .35rem}.seat-meter{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;padding:.65rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--gold-soft);min-width:9rem}.seat-meter-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.seat-avail{font-size:.78rem}.share-banner{margin-bottom:1rem;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(61,214,140,.35);background:var(--success-soft);word-break:break-word}.share-banner strong{display:block;margin-bottom:.35rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.share-banner p{margin:0;font-size:.88rem;color:var(--text)}.team-grid{align-items:start}.stack-form{display:flex;flex-direction:column;gap:.85rem;margin-top:.75rem}.stack-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:550;color:var(--text)}.stack-form input,.stack-form select{height:42px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:0 .75rem;font:inherit}.field-hint{font-size:.75rem;font-weight:400;color:var(--text-muted)}.mode-toggle{display:flex;gap:.5rem;flex-wrap:wrap}.mode-toggle .pill{cursor:pointer;background:transparent;color:var(--text-muted)}.mode-toggle .pill.active{background:var(--gold-soft);color:var(--gold-bright);border-color:#f5a62373}.perm-preview{padding:.65rem .75rem;border-radius:10px;background:#0003;border:1px solid var(--border);font-size:.82rem}.perm-preview .role-desc{margin:0 0 .45rem;font-size:.82rem;color:var(--text);line-height:1.4}.perm-preview ul{margin:.4rem 0 0;padding-left:1.1rem;color:var(--text-muted)}.perm-preview li{margin-bottom:.2rem}.feature-list{margin:.5rem 0 0;padding-left:1.1rem;color:var(--text-muted);font-size:.9rem;line-height:1.55}.feature-list li{margin-bottom:.45rem}.feature-list strong{color:var(--text)}.status-pill{display:inline-flex;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-active,.status-pending{background:var(--success-soft);color:var(--success)}.status-suspended,.status-revoked,.status-expired{background:var(--danger-soft);color:var(--danger)}.status-accepted{background:var(--info-soft);color:var(--info)}.row-actions{white-space:nowrap;display:flex;gap:.35rem;justify-content:flex-end}.invite-preview-card{margin-bottom:1.25rem;padding:1rem 1.05rem;border-radius:12px;border:1px solid var(--auth-border);background:#f8f9fb}.invite-preview-card h3{margin:0 0 .35rem;font-size:1.15rem;color:var(--auth-ink)}.invite-kicker{margin:0 0 .25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--auth-accent)}.invite-note{margin:.5rem 0;font-size:.88rem;color:var(--auth-muted)}.invite-note.multi-co{padding:.55rem .65rem;border-radius:8px;background:#c48a121a;border:1px solid rgba(196,138,18,.25);color:var(--auth-ink)}.invite-preview-card .perm-preview{background:#fff;border-color:var(--auth-border);color:var(--auth-ink)}.invite-preview-card .perm-preview li{color:var(--auth-muted)}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:1.1rem}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.badge-paid{background:var(--success-soft);color:#8ef0bc}.badge-overdue{background:var(--danger-soft);color:#fecaca}.alert{padding:.8rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.alert-error{background:var(--danger-soft);color:#fecaca;border:1px solid rgba(248,113,113,.28)}.alert-ok{background:var(--success-soft);color:#b8f5d4;border:1px solid rgba(61,214,140,.28)}.auth-page{min-height:100vh;background:var(--auth-bg);color:var(--auth-ink);display:flex;align-items:stretch;justify-content:center}.auth-shell{flex:1;display:grid;grid-template-columns:1.05fr 1fr;max-width:1200px;margin:0 auto;min-height:100vh}.auth-panel{display:flex;flex-direction:column;min-height:100%}.auth-panel-brand{background:var(--auth-brand);color:#f5f5f4;padding:2.5rem 3rem 2rem;position:relative;overflow:hidden}.auth-panel-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 400px at 20% 10%,rgba(196,138,18,.22),transparent 55%),radial-gradient(500px 300px at 90% 80%,rgba(255,255,255,.04),transparent 50%);pointer-events:none}.auth-panel-brand>*{position:relative;z-index:1}.auth-brand-top{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.auth-brand-mark{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #ffffff1f}.auth-brand-mark.sm{width:32px;height:32px}.auth-brand-name{font-weight:600;font-size:1.05rem;letter-spacing:-.025em}.auth-mobile-brand span,.legal-brand span{letter-spacing:-.025em}.auth-eyebrow{margin:0 0 .75rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c}.auth-headline{margin:0;font-size:clamp(2rem,3.2vw,2.75rem);font-weight:700;letter-spacing:-.045em;line-height:1.12;color:#fff}.auth-lead{margin:1.15rem 0 0;font-size:1.05rem;line-height:1.6;color:#ffffffad;max-width:26rem}.auth-points{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}.auth-points li{display:flex;align-items:flex-start;gap:.65rem;font-size:.95rem;color:#ffffffd1;line-height:1.4}.auth-check{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:50%;background:#c48a1240;color:#f5c451;display:grid;place-items:center;font-size:.7rem;font-weight:700;margin-top:.1rem}.auth-brand-footer{margin-top:auto;padding-top:2.5rem}.auth-footnote{margin:0;font-size:.85rem;color:#ffffff73;line-height:1.5;max-width:22rem}.product-shot{background:#f7f8fa;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #00000059,0 18px 40px #00000059;color:#0a0a0b}.product-shot-chrome{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;background:#eceef2;border-bottom:1px solid #e0e3e8}.product-shot-dots{display:flex;gap:.3rem}.product-shot-dots span{width:7px;height:7px;border-radius:50%;background:#c5c9d1}.product-shot-dots span:nth-child(1){background:#ff5f57}.product-shot-dots span:nth-child(2){background:#febc2e}.product-shot-dots span:nth-child(3){background:#28c840}.product-shot-url{flex:1;height:18px;border-radius:6px;background:#fff;border:1px solid #e0e3e8;font-size:.62rem;color:#6b7280;display:flex;align-items:center;padding:0 .5rem;letter-spacing:.01em}.product-shot-body{display:grid;grid-template-columns:44px 1fr;min-height:168px}.product-shot-nav{background:#111318;padding:.55rem .4rem;display:flex;flex-direction:column;gap:.4rem}.product-shot-nav-brand{height:10px;border-radius:3px;background:linear-gradient(90deg,#c48a12,#e0b040);margin-bottom:.35rem}.product-shot-nav-item{height:8px;border-radius:3px;background:#ffffff1f}.product-shot-nav-item.active{background:#c48a128c}.product-shot-main{padding:.65rem .7rem .75rem;background:#f7f8fa}.product-shot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.product-shot-title-bar{width:72px;height:9px;border-radius:4px;background:#d8dbe2}.product-shot-pill{width:42px;height:14px;border-radius:999px;background:#c48a1233;border:1px solid rgba(196,138,18,.35)}.product-shot-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.5rem}.product-shot-kpi{background:#fff;border:1px solid #e6e8ec;border-radius:8px;padding:.4rem .45rem;display:flex;flex-direction:column;gap:.12rem}.product-shot-kpi-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.04em;color:#8b919c;font-weight:600}.product-shot-kpi-value{font-size:.78rem;font-weight:700;letter-spacing:-.02em;color:#0a0a0b;font-variant-numeric:tabular-nums}.product-shot-kpi-delta{font-size:.52rem;color:#8b919c}.product-shot-kpi-delta.up{color:#15803d;font-weight:600}.product-shot-chart{background:#fff;border:1px solid #e6e8ec;border-radius:8px;padding:.35rem .4rem .15rem;margin-bottom:.45rem;height:48px}.product-shot-spark{width:100%;height:100%;display:block}.product-shot-table{background:#fff;border:1px solid #e6e8ec;border-radius:8px;padding:.35rem .45rem;display:flex;flex-direction:column;gap:.28rem}.product-shot-tr{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:.35rem;align-items:center}.product-shot-tr.head span{height:5px;border-radius:2px;background:#e8eaee}.product-shot-tr span{height:6px;border-radius:3px;background:#eef0f4;display:block}.product-shot-tr span.w60{width:88%}.product-shot-tr span.w50{width:72%}.product-shot-tr span.w55{width:80%}.product-shot-tr span.w40{width:70%}.product-shot-tr span.w35{width:58%}.product-shot-tr span.w45{width:75%}.product-shot-tr span.w30{width:55%;margin-left:auto}.product-shot-tr span.w25{width:48%;margin-left:auto}.product-shot-tr span.w28{width:52%;margin-left:auto}.product-shot-tr span.gold{background:#c48a1259}.auth-panel-form{background:var(--auth-card);justify-content:center;align-items:center;padding:2.5rem 1.5rem}.auth-form-inner{width:min(400px,100%)}.auth-mobile-brand{display:none;align-items:center;gap:.6rem;margin-bottom:1.75rem;font-weight:600;color:var(--auth-ink)}.auth-form-title{margin:0;font-size:1.65rem;font-weight:700;letter-spacing:-.035em;color:var(--auth-ink)}.auth-form-sub{margin:.45rem 0 1.75rem;font-size:.95rem;line-height:1.5;color:var(--auth-muted)}.auth-alert{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:.75rem .9rem;font-size:.9rem;margin-bottom:1.15rem}.auth-form{display:flex;flex-direction:column;gap:1.05rem}.auth-field label{display:block;font-size:.82rem;font-weight:550;color:var(--auth-ink);margin-bottom:.4rem}.auth-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.auth-label-row label{margin-bottom:0}.auth-label-actions{display:flex;align-items:center;gap:.75rem}.auth-text-btn{border:none;background:none;padding:0;font:inherit;font-size:.8rem;font-weight:500;color:var(--auth-muted);cursor:pointer;text-decoration:none}.auth-text-btn:hover{color:var(--auth-ink)}a.auth-text-link{color:var(--auth-muted)}a.auth-text-link:hover{color:var(--auth-ink)}.auth-field input{width:100%;box-sizing:border-box;height:46px;padding:0 .9rem;border:1px solid var(--auth-border);border-radius:10px;background:#fff;color:var(--auth-ink);font:inherit;font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#a0a6b0}.auth-field input:focus{border-color:#c48a12;box-shadow:0 0 0 3px #c48a122e}.auth-field input:disabled{opacity:.65;background:#f9fafb}.auth-submit{margin-top:.35rem;height:48px;border:none;border-radius:10px;background:linear-gradient(180deg,#d4a017,#b8860b);color:#1a1200;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000f,0 4px 12px #b8860b40;transition:filter .15s,transform .1s}.auth-submit:hover:not(:disabled){filter:brightness(1.04)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-submit-secondary{background:#fff;color:var(--auth-ink);border:1px solid var(--auth-border);box-shadow:none;margin-top:.5rem}.auth-submit-secondary:hover:not(:disabled){filter:none;background:#f9fafb}.auth-switch{margin:1.5rem 0 0;text-align:center;font-size:.9rem;color:var(--auth-muted)}.auth-switch a{color:var(--auth-ink);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(10,10,11,.2)}.auth-switch a:hover{border-bottom-color:var(--auth-ink)}.auth-inline-link{color:var(--auth-ink);font-weight:600}.auth-dev-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem;font-size:.85rem;color:var(--auth-muted);word-break:break-all}.auth-dev-box strong{display:block;color:var(--auth-ink);margin-bottom:.35rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.auth-dev-box p{margin:0 0 .5rem}.auth-dev-box a{color:#0b57d0;font-size:.8rem}.auth-legal{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;font-size:.75rem;color:#8b919c}.auth-legal a{color:#8b919c;text-decoration:none}.auth-legal a:hover{color:var(--auth-ink);text-decoration:underline}.auth-dot{opacity:.5}.auth-shell-single{flex:0 1 440px;width:100%;max-width:440px;margin:2rem auto;grid-template-columns:1fr;box-shadow:0 12px 40px #0f121914;border-radius:20px;overflow:hidden;min-height:auto;border:1px solid var(--auth-border);background:#fff}.auth-panel-centered{min-height:auto;padding-top:2.25rem;padding-bottom:2.25rem}.auth-mobile-brand-always{display:flex!important;margin-bottom:1.75rem}.legal-page{min-height:100vh;background:var(--auth-bg);color:var(--auth-ink)}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--auth-border);background:#fff;position:sticky;top:0;z-index:10}.legal-brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--auth-ink);font-weight:600}.legal-nav{display:flex;gap:1.1rem;font-size:.88rem}.legal-nav a{color:var(--auth-muted);text-decoration:none;font-weight:500}.legal-nav a:hover,.legal-nav a[aria-current=page]{color:var(--auth-ink)}.legal-article{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.legal-kicker{margin:0 0 .35rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--auth-accent)}.legal-article h1{margin:0 0 .35rem;font-size:2rem;letter-spacing:-.03em;font-weight:700}.legal-meta{margin:0 0 1.75rem;font-size:.9rem;color:var(--auth-muted)}.legal-article h2{margin:2rem 0 .65rem;font-size:1.1rem;letter-spacing:-.02em}.legal-article p,.legal-article li{font-size:.95rem;line-height:1.65;color:#374151}.legal-article ul{padding-left:1.25rem;margin:.5rem 0 1rem}.legal-article li{margin-bottom:.4rem}.legal-article a{color:#0b57d0}.legal-back{margin-top:2.5rem!important}.legal-back a{color:var(--auth-ink)!important;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(10,10,11,.2)}.legal-back a:hover{border-bottom-color:var(--auth-ink)}.login-page{min-height:100vh}.login-card .logo-row{display:none}.pill{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--gold-soft);color:var(--gold-bright);font-size:.78rem;font-weight:600}.muted{color:var(--text-muted)}.qr-box{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--bg-elevated);border:1px dashed rgba(245,166,35,.4);word-break:break-all;font-family:var(--mono);font-size:.72rem;color:#c9b896;line-height:1.5}.panel{margin-top:1.15rem}.invoice-sheet{background:linear-gradient(180deg,#1a1f2a,var(--bg-card));border:1px solid var(--border);border-radius:20px;padding:1.5rem 1.6rem 1.75rem;box-shadow:var(--shadow)}.invoice-sheet-head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1.15rem;margin-bottom:1.15rem;border-bottom:1px solid var(--border)}.invoice-sheet-head .brand-mini{display:flex;align-items:center;gap:.65rem}.invoice-sheet-head img{width:40px;height:40px;border-radius:50%}.empty-state{text-align:center;padding:2.5rem 1.5rem}.empty-state img{width:64px;height:64px;border-radius:50%;opacity:.9;margin-bottom:1rem;box-shadow:0 0 0 3px var(--gold-soft)}.empty-state h3{margin:0 0 .4rem;font-size:1.15rem}.empty-state p{margin:0 0 1.25rem;color:var(--text-muted);max-width:28rem;margin-left:auto;margin-right:auto}.topbar-note{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:var(--gold-soft);border:1px solid rgba(245,166,35,.2);color:var(--gold-bright);font-size:.75rem;font-weight:600}@media(max-width:960px){.auth-shell{grid-template-columns:1fr}.auth-panel-brand{display:none}.auth-mobile-brand{display:flex}.auth-panel-form{padding:2rem 1.25rem 3rem;min-height:100vh}.grid-stats{grid-template-columns:1fr 1fr}}.invoice-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:.5rem}.meta-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem;font-weight:600}.invoice-totals{margin-top:1.25rem;margin-left:auto;max-width:280px;display:flex;flex-direction:column;gap:.45rem}.totals-row{display:flex;justify-content:space-between;font-size:.92rem;color:var(--text-muted)}.totals-grand{padding-top:.5rem;margin-top:.25rem;border-top:1px solid var(--border);color:var(--text);font-weight:700;font-size:1.05rem}.badge-partial{background:#fbbf242e;color:#fcd34d}.badge-void{background:#f8717126;color:#fca5a5}.settings-media-grid{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:1.25rem;align-items:start}.settings-media-preview{border-radius:16px;border:1px solid var(--border);min-height:160px;display:grid;place-items:center;padding:.75rem}.settings-media-preview.logo-preview{background:var(--bg-elevated)}.settings-media-preview.khqr-preview{background:#fff}.settings-media-preview img{max-width:100%;max-height:200px;object-fit:contain}.invoice-company-logo{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#fff;padding:2px}.khqr-pay-block{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.khqr-pay-grid{display:grid;grid-template-columns:180px 1fr;gap:1.25rem;align-items:start;margin-top:.75rem}.khqr-pay-image-wrap{background:#fff;border-radius:14px;padding:.65rem;border:1px solid var(--border)}.khqr-pay-image{width:100%;height:auto;display:block;object-fit:contain}@media(max-width:640px){.khqr-pay-grid{grid-template-columns:1fr}}@media print{body{background:#fff!important;color:#111!important}.shell{display:block}.sidebar,.no-print,.page-head .actions{display:none!important}.main{padding:0;max-width:none}.invoice-sheet{box-shadow:none;border:none;background:#fff;color:#111}.muted{color:#444!important}.mono{color:inherit}}@media(max-width:860px){.shell,.invoice-meta-grid{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}.grid-stats,.row-2{grid-template-columns:1fr}.main{padding:1.25rem}.invoice-sheet-head{flex-direction:column}}