:root{--bg:#f4f6fa;--surface:#fff;--surface-2:#edf1f7;--text:#182238;--muted:#69758a;--line:#dce2eb;--primary:#e4542f;--primary-dark:#bd3b1d;--accent:#235ee7;--success:#168664;--danger:#c53d52;--warning:#b36a08;--sidebar:#101a2d;--sidebar-text:#cbd5e6;--shadow:0 18px 55px rgba(24,40,72,.11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
:root[data-theme=dark]{--bg:#07101d;--surface:#101c2e;--surface-2:#14243a;--text:#edf3fd;--muted:#a2b0c5;--line:#263950;--primary:#ff7654;--primary-dark:#ff967d;--accent:#7297ff;--success:#39cea4;--danger:#ff8194;--warning:#ffc56d;--sidebar:#050b14;--sidebar-text:#c7d5e8;--shadow:0 18px 55px rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}button,input,select,textarea{font:inherit}a{color:var(--accent)}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;background:var(--text);color:var(--bg);padding:.7rem 1rem;border-radius:9px}.skip-link:focus{top:1rem}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:11px;padding:.75rem 1.05rem;background:var(--primary);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;transition:.2s;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 22%,transparent)}.button:hover{background:var(--primary-dark);transform:translateY(-1px)}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:3px}.button-ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}.button-danger{background:transparent;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));box-shadow:none}.button-large{padding:.95rem 1.3rem}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);color:var(--sidebar-text);padding:1.2rem;z-index:40;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:.7rem;color:#fff;font-size:1.08rem;margin:.2rem .4rem 1.5rem}.sidebar-brand img{width:42px}.sidebar-brand strong{color:#ff7959}.sidebar nav{display:grid;gap:.2rem;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:.8rem;color:var(--sidebar-text);text-decoration:none;padding:.68rem .8rem;border-radius:10px;font-size:.93rem;font-weight:620}.sidebar nav a:hover{background:#ffffff0e;color:#fff}.sidebar nav a span{font-size:1.2rem;color:#ff8b70;width:22px;text-align:center}.sidebar form{margin-top:auto}.logout-button{width:100%;padding:.7rem;border:1px solid #ffffff20;background:transparent;color:var(--sidebar-text);border-radius:10px;cursor:pointer}.page-shell{margin-left:260px;min-height:100vh}.app-top{height:68px;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0 2rem;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.app-top>div{display:grid;text-align:right}.app-top small{color:var(--muted)}.tenant-name{font-weight:800}.theme-button,.menu-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.menu-button{display:none}.content{padding:2rem;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin:0 0 1.8rem}.page-heading h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:.3rem 0}.page-heading p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:850;color:var(--primary)}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1rem}.metric-grid.two{grid-template-columns:repeat(2,1fr)}.metric-grid article,.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.3rem;box-shadow:0 5px 18px color-mix(in srgb,var(--shadow) 35%,transparent)}.metric-grid article span{display:block;color:var(--muted);font-size:.82rem}.metric-grid article strong{font-size:clamp(1.25rem,2.4vw,2rem);letter-spacing:-.04em}.metric-grid article.attention{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.metric-grid article.attention strong{color:var(--danger)}.panel{margin-top:1rem}.panel-heading{display:flex;justify-content:space-between;align-items:center}.filter-bar{display:flex;gap:.7rem;margin-bottom:1rem;background:var(--surface);border:1px solid var(--line);padding:.8rem;border-radius:14px}.filter-bar input{flex:1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1050px}.form-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;margin-bottom:1rem}.form-title,.full{grid-column:1/-1}.form-grid label,.login-card label{display:grid;gap:.35rem;font-size:.88rem;font-weight:720}.form-grid input,.form-grid select,.form-grid textarea,.filter-bar input,.filter-bar select,.login-card input,.page-heading select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);padding:.65rem .75rem}.form-grid textarea{min-height:100px;resize:vertical}.form-grid small{color:var(--muted);font-weight:400}.checkbox{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.checkbox input{width:18px!important;min-height:auto!important}.alert,.trial-banner{padding:.85rem 1rem;border-radius:11px;margin-bottom:1rem}.alert-success{background:color-mix(in srgb,var(--success) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 30%,var(--line));color:var(--success)}.alert-error{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));color:var(--danger)}.alert-secret{background:color-mix(in srgb,var(--warning) 14%,var(--surface));border:2px solid var(--warning);color:var(--text);font-size:1.05rem;font-weight:800}.trial-banner{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));color:var(--accent)}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:15px}.table-wrap table{width:100%;border-collapse:collapse;font-size:.9rem}.table-wrap th,.table-wrap td{text-align:left;padding:.78rem .85rem;border-bottom:1px solid var(--line);white-space:nowrap}.table-wrap th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2)}.table-wrap tr:last-child td{border-bottom:0}.empty-state{text-align:center;padding:4rem 1rem;color:var(--muted)}.empty-state h1,.empty-state h2{color:var(--text)}.sale-items{display:grid;gap:.7rem}.sale-item{display:grid;grid-template-columns:2fr repeat(3,1fr) 1.5fr auto;gap:.6rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);align-items:end}.bars{height:260px;display:flex;align-items:end;gap:1rem;padding:2rem 1rem 1rem;overflow:auto}.bars>div{height:100%;min-width:52px;display:flex;flex-direction:column;justify-content:end;text-align:center}.bars i{height:var(--h);min-height:4px;background:linear-gradient(var(--primary),var(--accent));border-radius:7px 7px 2px 2px}.bars span{font-size:.68rem;white-space:nowrap}.bars small{color:var(--muted);font-size:.68rem}.public-page{background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--primary) 12%,transparent),transparent 38%),var(--bg)}.public-page .page-shell{margin:0}.public-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,6vw,6rem);border-bottom:1px solid var(--line)}.public-header>div{display:flex;gap:.7rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text);font-weight:850}.brand img{width:40px}.brand strong{color:var(--primary)}.auth-layout{display:grid;grid-template-columns:1fr minmax(400px,620px);gap:5vw;align-items:start;max-width:1350px;margin:auto;padding:4rem clamp(1rem,5vw,5rem)}.auth-intro{position:sticky;top:120px}.auth-intro h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1;letter-spacing:-.055em}.auth-intro p,.auth-intro li{color:var(--muted);font-size:1.05rem}.auth-intro ul{padding-left:1.2rem}.login-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:2rem}.login-card{width:min(100%,440px);display:grid;gap:1rem;padding:2rem}.login-card h1{font-size:2.3rem;margin:.2rem 0}.login-card hr{width:100%;border:0;border-top:1px solid var(--line)}.muted{color:var(--muted)}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.sale-item{grid-template-columns:repeat(3,1fr)}.sale-item label:first-child{grid-column:1/-1}.form-grid.compact{grid-template-columns:repeat(2,1fr)}.auth-layout{grid-template-columns:1fr}.auth-intro{position:static}.auth-intro h1{font-size:3.4rem}}
@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:var(--shadow)}.page-shell{margin-left:0}.menu-button{display:block;margin-right:auto}.app-top{padding:0 1rem}.content{padding:1rem}.metric-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:start}.table-wrap{border:0;background:transparent;overflow:visible}.table-wrap thead{display:none}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block}.table-wrap tr{margin-bottom:.8rem;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:.55rem}.table-wrap td{display:grid;grid-template-columns:42% 58%;white-space:normal;border-bottom:1px solid var(--line);padding:.55rem}.table-wrap td:before{content:attr(data-label);font-size:.73rem;text-transform:uppercase;color:var(--muted);font-weight:800}.table-wrap td:last-child{border:0}.form-grid,.form-grid.compact{grid-template-columns:1fr}.sale-item{grid-template-columns:1fr 1fr}.sale-item label:first-child{grid-column:1/-1}.auth-layout{padding:2rem 1rem}.auth-intro h1{font-size:2.6rem}}
@media(max-width:480px){.metric-grid,.metric-grid.two{grid-template-columns:1fr}.page-heading{display:block}.page-heading>.button{margin-top:1rem}.filter-bar{display:grid}.sale-item{grid-template-columns:1fr}.public-header{padding:0 1rem}.public-header .brand span{display:none}.login-card{padding:1.3rem}.auth-layout{padding:1.5rem .8rem}.card{padding:1rem}}
.sidebar nav{flex:1;min-height:0}.filter-bar input{flex:1 1 320px;min-width:180px}.filter-bar select{flex:0 1 280px}@media(max-width:480px){.filter-bar input{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}