:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--app-bg);--app-bg: #f4f7f5;--text: #15201d;--text-strong: #07120f;--text-soft: #63736e;--surface: #ffffff;--surface-strong: #f9fbf8;--surface-muted: #eef4f0;--input-bg: #ffffff;--line: #dce5df;--line-strong: #c6d3ca;--primary: #214d40;--primary-hover: #173c32;--primary-text: #ffffff;--accent: #f4cf65;--accent-strong: #a86f16;--green: #237a5a;--green-soft: #def3e9;--blue: #2e668d;--blue-soft: #e2f0f7;--amber: #9b6a1d;--amber-soft: #f7ead0;--red: #a33342;--red-soft: #f8dfe4;--sidebar-width: 300px;--sidebar-collapsed-width: 88px;--sidebar-bg: #ffffff;--sidebar-text: #17231f;--sidebar-muted: #687873;--sidebar-active: #edf5f1;--sidebar-border: var(--line);--brand-mark-bg: #214d40;--brand-mark-text: #ffffff;--shadow: 0 18px 50px rgb(21 32 29 / 10%);--shadow-strong: 0 24px 80px rgb(21 32 29 / 16%);--landing-text: #07120f;--landing-muted: #52645f;--landing-nav-text: #15201d;--landing-ghost-bg: rgb(255 255 255 / 72%);--landing-ghost-border: #dce5df;--landing-visual-bg: linear-gradient(180deg, rgb(255 255 255 / 88%), rgb(255 255 255 / 62%)), rgb(255 255 255 / 76%);--landing-visual-card-bg: rgb(255 255 255 / 68%);--landing-visual-line: rgb(33 77 64 / 14%);--landing-bg: linear-gradient(120deg, rgb(255 255 255 / 72%), rgb(244 247 245 / 88%)), linear-gradient(135deg, #ffffff 0%, #eef6f1 52%, #dbe9e3 52%)}:root[data-theme=dark]{color-scheme:dark;--app-bg: #080e25;--text: #d9e4ff;--text-strong: #ffffff;--text-soft: #9aa9de;--surface: #111936;--surface-strong: #0d1530;--surface-muted: #162044;--input-bg: #0a122b;--line: #2a3763;--line-strong: #394b80;--primary: #755cff;--primary-hover: #8c7aff;--primary-text: #ffffff;--accent: #755cff;--accent-strong: #67d7ff;--green: #05c389;--green-soft: rgb(5 195 137 / 14%);--blue: #67d7ff;--blue-soft: rgb(103 215 255 / 15%);--amber: #aab7ff;--amber-soft: rgb(117 92 255 / 16%);--red: #ff6f91;--red-soft: rgb(255 111 145 / 16%);--sidebar-bg: #080e25;--sidebar-text: #eff3ff;--sidebar-muted: #a9b7ef;--sidebar-active: #151f44;--sidebar-border: #27345d;--brand-mark-bg: linear-gradient(135deg, #755cff 0%, #67d7ff 100%);--brand-mark-text: #ffffff;--shadow: 0 18px 50px rgb(0 0 0 / 26%);--shadow-strong: 0 24px 90px rgb(0 0 0 / 38%);--landing-text: #ffffff;--landing-muted: #e5eee9;--landing-nav-text: #ffffff;--landing-ghost-bg: rgb(255 255 255 / 10%);--landing-ghost-border: rgb(255 255 255 / 28%);--landing-visual-bg: linear-gradient(180deg, rgb(255 255 255 / 18%), rgb(255 255 255 / 8%)), rgb(255 255 255 / 10%);--landing-visual-card-bg: rgb(7 18 16 / 34%);--landing-visual-line: rgb(255 255 255 / 18%);--landing-bg: linear-gradient(120deg, rgb(8 14 37 / 88%), rgb(8 14 37 / 92%)), linear-gradient(135deg, #080e25 0%, #101a3a 52%, #070b1c 52%)}*{box-sizing:border-box}html{background:var(--app-bg);color:var(--text)}body{margin:0;min-width:320px;background:var(--app-bg)}button,input,select,textarea,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.loading-screen,.login-layout,.landing-page{min-height:100vh;min-height:100svh}.loading-screen,.login-layout{display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-muted) 56%,transparent),transparent 42%),var(--app-bg)}.landing-page{color:var(--landing-text);background:var(--landing-bg);overflow-x:hidden}.landing-nav{width:min(1180px,calc(100% - 40px));min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.landing-nav .brand-mark{background:var(--accent);color:#07120f}.landing-nav .brand-lockup p{color:var(--landing-muted)}.landing-nav-actions{display:flex;align-items:center;gap:10px;min-width:0}.landing-nav nav{display:flex;align-items:center;gap:8px}.landing-nav a{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;color:var(--landing-nav-text);text-decoration:none;font-weight:800}.landing-nav a:hover{background:color-mix(in srgb,var(--landing-ghost-bg) 64%,transparent)}.landing-hero{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:center;gap:54px;padding:28px 0 70px}.hero-copy{max-width:720px}.hero-copy h1{margin:10px 0 18px;color:var(--landing-text);font-size:64px;line-height:.98;letter-spacing:0}.hero-copy>p:not(.eyebrow){max-width:610px;margin:0;color:var(--landing-muted);font-size:18px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-actions .primary-button{background:var(--accent);color:#07120f}.hero-actions .ghost-button,.landing-nav .theme-toggle{background:var(--landing-ghost-bg);color:var(--landing-nav-text);border-color:var(--landing-ghost-border)}.landing-visual{min-height:440px;border:1px solid var(--landing-visual-line);border-radius:8px;padding:18px;background:var(--landing-visual-bg);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.visual-topline{display:flex;align-items:center;justify-content:space-between;color:var(--landing-muted)}.visual-topline strong{color:var(--accent)}.visual-chart{height:210px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;padding:28px 0 20px}.visual-chart span{display:block;min-height:24px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--accent),#78c6a3)}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.visual-grid div{min-height:122px;border:1px solid var(--landing-visual-line);border-radius:8px;background:var(--landing-visual-card-bg);padding:14px;display:grid;align-content:space-between}.visual-grid span{color:var(--landing-muted);font-size:13px}.visual-grid strong{font-size:24px}.login-card{width:min(430px,100%);border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:24px;box-shadow:var(--shadow-strong)}.admin-card{width:min(500px,100%)}.auth-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-lockup{min-width:0;display:flex;align-items:center;gap:12px}.brand-lockup strong,.brand-lockup p{margin:0}.brand-lockup strong{color:inherit}.brand-lockup p{color:var(--text-soft);font-size:13px}.brand-mark{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:8px;background:var(--brand-mark-bg);color:var(--brand-mark-text);font-weight:900}.login-actions{display:grid;gap:10px;margin-top:28px}.admin-form{display:grid;gap:14px;margin-top:24px}.admin-form label{display:grid;gap:7px;color:var(--text-soft);font-size:13px;font-weight:800}.admin-form input,.admin-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--text)}.admin-form input{min-height:44px;padding:0 12px}.admin-form textarea{min-height:104px;resize:vertical;padding:10px 12px}.admin-form input::placeholder,.admin-form textarea::placeholder{color:var(--text-soft)}.full-button{width:100%}.setup-secret{display:grid;gap:8px;margin-top:22px;padding:14px;border:1px solid color-mix(in srgb,var(--amber) 34%,var(--line));border-radius:8px;background:var(--amber-soft);color:var(--text)}.setup-secret p,.setup-secret strong{margin:0}.setup-secret code{display:block;max-width:100%;padding:10px;border-radius:6px;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text-strong);overflow-wrap:anywhere}.admin-summary{display:flex;align-items:center;gap:12px;margin:24px 0 14px;padding:14px;border:1px solid color-mix(in srgb,var(--green) 32%,var(--line));border-radius:8px;background:var(--green-soft)}.admin-summary p,.admin-summary strong{margin:0}.admin-summary p{color:var(--text-soft)}.admin-management{display:grid;gap:12px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.admin-management h2,.admin-management p{margin:0}.admin-management h2{font-size:17px}.admin-management p{color:var(--text-soft)}.admin-management.unframed{margin:0;padding:0;border:0;background:transparent}.compact-form{margin-top:0}.admin-step-note{display:grid;gap:4px;padding:12px;border-radius:8px;background:var(--blue-soft);color:var(--text)}.admin-step-note strong,.admin-step-note p{margin:0}.admin-step-note p{color:var(--text-soft)}.primary-button,.ghost-button,.nav-item,.icon-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.primary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button{background:var(--primary);color:var(--primary-text);font-weight:800}.primary-button:hover{background:var(--primary-hover)}.primary-button:disabled,.ghost-button:disabled,.nav-item:disabled,.icon-button:disabled{cursor:wait;opacity:.7;transform:none}.ghost-button{background:var(--surface-strong);color:var(--text);border-color:var(--line);font-weight:700}.app-shell{min-height:100vh;min-height:100svh;display:grid;--current-sidebar-width: var(--sidebar-width);grid-template-columns:var(--current-sidebar-width) minmax(0,1fr);background:var(--app-bg)}.app-shell.sidebar-collapsed,.admin-shell.sidebar-collapsed{--current-sidebar-width: var(--sidebar-collapsed-width)}.sidebar,.admin-sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border)}.sidebar{padding:22px;display:flex;flex-direction:column;gap:30px}.sidebar-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar .brand-lockup p,.admin-sidebar .brand-lockup p{color:var(--sidebar-muted)}.sidebar-collapse{width:34px;height:34px;min-height:34px;flex:0 0 34px;background:transparent;color:var(--sidebar-muted);border-color:transparent}.sidebar-collapse:hover{background:var(--sidebar-active);color:var(--sidebar-text)}.nav-list{display:grid;gap:8px}.nav-item{width:100%;justify-content:flex-start;background:transparent;color:var(--sidebar-muted);border-color:transparent;padding:0 12px;font-weight:750}.nav-item svg{flex:0 0 18px}.nav-item span,.brand-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item.active,.nav-item:hover{background:var(--sidebar-active);color:var(--sidebar-text)}.workspace,.admin-workspace{min-width:0;padding:32px 24px}.admin-shell{min-height:100vh;min-height:100svh;display:grid;--current-sidebar-width: var(--sidebar-width);grid-template-columns:var(--current-sidebar-width) minmax(0,1fr);background:var(--app-bg)}.admin-sidebar{position:sticky;top:0;height:100vh;height:100svh;padding:22px;display:flex;flex-direction:column;gap:30px}.sidebar-collapsed .sidebar,.sidebar-collapsed .admin-sidebar{padding-inline:18px}.sidebar-collapsed .sidebar-head{flex-direction:column;justify-content:center;gap:10px}.sidebar-collapsed .brand-lockup{justify-content:center}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-item span{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding-inline:0}.admin-logout{margin-top:auto}.admin-identity{min-height:44px;display:grid;justify-items:end;align-content:center}.admin-identity strong,.admin-identity span{display:block}.admin-identity span{color:var(--text-soft);font-size:13px}.admin-topbar-actions{align-items:center}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:14px}.admin-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-page-grid-wide{grid-template-columns:minmax(0,1fr)}.admin-account-list{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden}.admin-account-list>div{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 78%,transparent)}.admin-account-list>div:last-child{border-bottom:0}.admin-account-list strong,.admin-account-list span{display:block}.admin-account-list div div span{color:var(--text-soft);font-size:13px;overflow-wrap:anywhere}.status-admin{background:var(--blue-soft);color:var(--blue)}.dashboard-secret{margin-bottom:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h1,.topbar p{margin:0}.topbar h1{color:var(--text-strong);font-size:34px;line-height:1.1;letter-spacing:0}.eyebrow{color:var(--text-soft);font-size:13px;font-weight:800;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:10px}.tenant-select{position:relative;display:inline-flex;align-items:center}.tenant-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:42px;min-width:190px;max-width:260px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 34px 0 12px}.tenant-select svg{position:absolute;right:12px;pointer-events:none;color:var(--text-soft)}.icon-button{width:42px;height:42px;flex:0 0 42px;background:var(--surface);color:var(--text);border-color:var(--line)}.notice{border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:18px}.notice-error{background:var(--red-soft);color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--line))}.notice-success{background:var(--green-soft);color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.admin-subsection{display:grid;gap:10px}.admin-subsection h3{margin:4px 0 0;font-size:15px}.inline-action{min-height:34px;padding:0 12px;flex:0 0 auto}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.metric{min-height:112px;display:flex;align-items:center;gap:14px;padding:18px}.metric-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:8px}.metric p,.metric strong{margin:0}.metric p{color:var(--text-soft);font-size:13px}.metric strong{display:block;margin-top:4px;color:var(--text-strong);font-size:26px;line-height:1.1}.metric-green .metric-icon{background:var(--green-soft);color:var(--green)}.metric-blue .metric-icon{background:var(--blue-soft);color:var(--blue)}.metric-amber .metric-icon{background:var(--amber-soft);color:var(--amber)}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}.panel{min-width:0;padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title{display:flex;align-items:center;gap:9px;min-width:0}.panel-title h2{margin:0;color:var(--text-strong);font-size:17px}.panel-title svg{color:var(--text-soft)}.status-pill{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;font-size:13px;font-weight:800;white-space:nowrap}.status-live{background:var(--green-soft);color:var(--green)}.data-table,.settings-list{display:grid;border:1px solid var(--line);border-radius:8px;overflow:hidden}.data-table div,.settings-list div{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;border-bottom:1px solid var(--line)}.data-table div:last-child,.settings-list div:last-child{border-bottom:0}.data-table span,.settings-list span,.shadow-box p{color:var(--text-soft)}.data-table strong,.settings-list strong{color:var(--text-strong);text-align:right}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-list span{min-height:40px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--surface-strong);color:var(--text-strong);font-weight:800}.shadow-box{border:1px dashed var(--line-strong);border-radius:8px;padding:16px;background:var(--surface-strong)}.shadow-box strong,.shadow-box p{margin:0}.shadow-box p{margin-top:6px}@media(max-width:1100px){.landing-hero{grid-template-columns:1fr;gap:28px;min-height:auto}.hero-copy h1{font-size:46px}.landing-visual{min-height:360px}.content-grid,.admin-dashboard-grid{grid-template-columns:1fr}}@media(max-width:920px){.app-shell,.admin-shell{grid-template-columns:1fr}.sidebar,.admin-sidebar{position:sticky;top:0;z-index:10;height:auto;min-height:0;padding:12px 16px;gap:12px;border-right:0;border-bottom:1px solid var(--sidebar-border);box-shadow:var(--shadow)}.nav-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-item{width:auto;min-width:max-content;flex:0 0 auto;justify-content:center;padding:0 12px;font-size:14px}.admin-logout{margin-top:0}.metrics-grid,.admin-page-grid{grid-template-columns:1fr}}@media(max-width:620px){.landing-nav{width:min(100% - 28px,1180px);min-height:0;align-items:stretch;flex-direction:column;padding:16px 0}.landing-nav-actions{width:100%;align-items:stretch}.landing-nav nav{min-width:0;flex:1;flex-wrap:wrap;overflow:visible}.landing-nav a{flex:0 0 auto;min-height:36px;padding:0 10px}.landing-hero{width:min(100% - 28px,1180px);padding-top:18px}.hero-copy h1{font-size:36px;line-height:1.04}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-actions,.hero-actions a{width:100%}.landing-visual{padding:12px}.visual-grid{grid-template-columns:1fr}.login-layout{align-items:start;padding:16px}.login-card,.workspace,.admin-workspace{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:30px}.topbar-actions{width:100%;align-items:stretch}.admin-topbar-actions{justify-content:space-between}.admin-identity{justify-items:end}.tenant-select,.tenant-select select{width:100%}.icon-button{flex:0 0 42px}.metric{min-height:96px}.metric strong{font-size:24px}.check-list{grid-template-columns:1fr}.panel-header,.data-table div,.settings-list div,.admin-account-list>div{align-items:flex-start;flex-direction:column;justify-content:center}.data-table div,.settings-list div,.admin-account-list>div{padding:12px 14px}.data-table strong,.settings-list strong,.admin-account-list strong{text-align:left;overflow-wrap:anywhere}.inline-action{width:100%}}
