@layer base,components,utilities;
@layer base{
:root{--bg:#f5f4f0;--surface:#fff;--ink:#24252b;--muted:#70717a;--line:#e5e5df;--accent:#ff7438;--accent-dark:#a7370b;--sidebar:#20242e;--radius:22px;--font:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin:0}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}svg{width:22px;height:22px;flex-shrink:0}a:focus-visible,button:focus-visible{outline:3px solid #b64514;outline-offset:4px}input{width:100%;min-width:0;border:1px solid #d9d9d5;border-radius:12px;background:#fff;padding:15px 16px;color:var(--ink)}input:focus{outline:none;border-color:#c34b16;box-shadow:0 0 0 4px #ff74381a}input[aria-invalid=true]{border-color:#b42318}input::placeholder{color:#92929a}
}
@layer components{
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px 20px;border-radius:10px}.skip-link:focus{top:16px}.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1}.brand img{flex-shrink:0}.brand-light{color:#fff}.brand-product{display:block;font-size:9px;letter-spacing:3.5px;font-weight:500;margin-top:7px}.eyebrow{display:block;color:var(--accent-dark);font-size:10px;letter-spacing:2.3px;font-weight:750}.eyebrow.light{color:#f6b18c}.muted{color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;padding:13px 19px;font-weight:650;transition:background .2s,transform .2s;min-height:44px}.button-primary{background:var(--accent);color:#27221e}.button-primary:hover{background:#ff8854;transform:translateY(-1px)}.button-ghost{background:#eeede8;color:#46454a}.button-ghost:hover{background:#e0dfd7}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink);flex-shrink:0}.status-dot{width:7px;height:7px;border-radius:50%;background:#488561;display:inline-block;flex-shrink:0}.outline-tag{display:inline-flex;border:1px solid #deded6;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:650;color:#65656c;white-space:nowrap}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.toast-fallback{position:fixed;right:20px;top:20px;max-width:min(420px,calc(100vw - 40px));padding:16px 22px;border-radius:14px;box-shadow:0 10px 40px #0002;z-index:100;background:#334155;color:white}.toast-fallback[data-type=error]{background:#a02727}.toast-fallback[data-type=success]{background:#286344}
.auth-layout{min-height:100dvh;display:grid;grid-template-columns:48% 52%}.auth-story{background:var(--sidebar);color:white;position:relative;overflow:hidden;padding:46px 56px;display:flex;flex-direction:column}.auth-story:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,#ba5c3430,transparent 65%);right:-290px;bottom:-260px;pointer-events:none}.story-copy{margin-top:clamp(64px,10vh,130px);z-index:1}.story-copy h1{font-size:clamp(42px,5.6vw,83px);line-height:1.04;letter-spacing:-4px;font-weight:650;margin:22px 0 28px}.story-copy h1 span{color:#fbae84}.story-copy p{color:#b5b8c2;max-width:280px;line-height:1.8;font-size:14px}.story-art{height:160px;position:relative;margin:35px 0 30px}.art-orbit{position:absolute;width:280px;height:280px;border:1px solid #ffffff17;border-radius:50%;left:40px;top:-70px;transform:rotate(-28deg) scaleY(.55)}.art-tile{position:absolute;border-radius:27px;transform:rotate(-18deg);border:1px solid #ffffff1a}.tile-one{width:105px;height:105px;left:88px;top:10px;background:linear-gradient(130deg,#4a4548,#252933);box-shadow:15px 20px 45px #0003;display:grid;place-items:center}.tile-one span{font-size:56px;font-weight:900;color:#ff9c65}.tile-two{width:70px;height:70px;left:228px;top:45px;background:linear-gradient(135deg,#ed9569,#935c49);transform:rotate(12deg)}.art-dot{width:13px;height:13px;background:#ff9c65;border-radius:50%;position:absolute;left:22px;top:75px}.story-footer{display:flex;gap:20px;justify-content:space-between;font-size:10px;color:#b8b9c0;margin-top:auto;z-index:1}.auth-content{padding:35px 48px 23px;display:flex;flex-direction:column;justify-content:space-between}.auth-topline{display:flex;gap:12px;justify-content:space-between;align-items:center}.quiet-label{font-size:9px;font-weight:750;letter-spacing:1.8px;color:#787980}.environment-label{font-size:11px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;background:#ffffff80}.auth-form-wrap{width:100%;max-width:385px;margin:70px auto 50px}.auth-heading h2{font-size:34px;line-height:1.2;letter-spacing:-1.3px;margin:15px 0 13px}.auth-heading p{color:var(--muted);font-size:13px;margin-bottom:30px}.form-field{margin:20px 0}.form-field label{display:block;font-weight:650;font-size:12px;margin-bottom:8px}.password-wrap{position:relative}.password-wrap input{padding-right:56px}.password-toggle{border:0;background:transparent;position:absolute;right:5px;top:5px;width:44px;height:44px;display:grid;place-items:center;color:#70717a;border-radius:8px}.password-toggle:hover{background:#f4f4ef}.auth-submit{width:100%;justify-content:space-between;margin-top:8px}.auth-help{text-align:center;font-size:11px;color:#767780;line-height:1.7;margin-top:20px}.access-switch{margin-top:38px;padding-top:25px;border-top:1px solid var(--line)}.access-switch>span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#787980}.access-switch>div{display:flex;justify-content:space-between;gap:18px;margin-top:12px}.access-switch a{font-size:12px;color:#4f5058;padding:10px 0}.access-switch a:hover{color:var(--accent-dark)}.access-switch a span{margin-left:7px;color:var(--accent-dark)}.auth-bottom{display:flex;justify-content:space-between;font-size:10px;color:#85858b;gap:20px}.form-error{background:#fff0ed;color:#a62b24;border:1px solid #f1c9c1;padding:12px 14px;border-radius:10px;font-size:12px}.field-error{display:block;color:#a62b24;font-size:11px;margin-top:5px}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--sidebar);color:#d5d6dc;padding:30px 21px 18px;display:flex;flex-direction:column;z-index:40;transition:width .2s,transform .2s}.sidebar>.brand{padding:0 10px}.workspace-card{display:flex;gap:10px;align-items:center;padding:15px 11px;margin-top:37px;background:#ffffff07;border:1px solid #ffffff0e;border-radius:13px}.workspace-icon{height:34px;width:34px;border-radius:9px;border:1px solid #ffffff20;display:grid;place-items:center;font-size:10px;font-weight:700;color:#f3b28d;flex-shrink:0}.workspace-card strong{font-size:12px;display:block}.workspace-card small{font-size:9px;color:#9296a3;display:block;margin-top:3px}.nav-label{color:#8f94a1;font-size:9px;letter-spacing:1.8px;font-weight:650;margin:32px 14px 13px}.nav-item{display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:12px;font-size:12px}.nav-item.active{background:#ff743819;color:#ffc6a7}.nav-mark{width:5px;height:5px;background:#ff9b65;border-radius:50%;margin-left:auto}.sidebar-note{margin-top:auto;margin-bottom:27px;padding:19px 14px;border-top:1px solid #ffffff12}.sidebar-note .eyebrow{font-size:8px}.sidebar-note p{font-size:11px;color:#a8abb5;line-height:1.8;margin:12px 0 16px}.phase-pill{font-size:9px;color:#c0c3ca;border:1px solid #ffffff1e;border-radius:20px;padding:6px 9px}.sidebar-user{display:flex;gap:10px;align-items:center;padding:16px 5px 0;border-top:1px solid #ffffff12}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.avatar-dark{background:#44464f;color:#f3c8ae}.sidebar-user>div{min-width:0;flex:1}.sidebar-user strong{display:block;font-size:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar-user small{font-size:9px;color:#a3a7b2}.sidebar-collapse{background:#ffffff0a;border-color:#ffffff15;color:#c1c4ce;font-size:22px}.admin-shell{margin-left:252px;transition:margin-left .2s}.topbar{height:82px;background:#ffffff94;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:17px}.breadcrumb{font-size:12px;color:#85858c}.breadcrumb span{margin:0 12px;color:#b5b5b9}.breadcrumb strong{font-weight:500;color:#45454b}.topbar-account{font-size:11px;color:#797980;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu{display:none}.dashboard-content{max-width:1440px;margin:0 auto;padding:41px 42px 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading h1{font-size:35px;letter-spacing:-1.5px;font-weight:650;margin:8px 0}.heading-dot{color:var(--accent)}.page-heading p{font-size:12px;color:var(--muted)}.welcome-panel{position:relative;overflow:hidden;background:linear-gradient(110deg,#f0e5da,#f8eee5 62%,#f0e1d3);border:1px solid #e6d9cd;border-radius:var(--radius);padding:33px 36px;display:flex;justify-content:space-between;gap:25px;align-items:center}.welcome-panel h2{font-size:29px;line-height:1.22;letter-spacing:-1px;font-weight:600;margin:13px 0 16px}.welcome-panel p{max-width:470px;font-size:12px;color:#74675e;line-height:1.8}.welcome-symbol{height:145px;width:145px;display:grid;place-items:center;background:#ffffff6b;backdrop-filter:blur(8px);border:1px solid #ffffffd0;box-shadow:14px 18px 35px #ad764618;border-radius:35px;transform:rotate(-12deg);flex-shrink:0;margin:0 35px}.welcome-symbol span{font-size:88px;font-weight:900;letter-spacing:-7px;color:#b95b31;transform:rotate(12deg)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #26242902}.metric-card,.session-card{padding:23px 27px}.section-kicker{display:flex;align-items:center;justify-content:space-between;letter-spacing:1.5px;font-size:9px;font-weight:700;color:#888890}.metric-icon{font-size:20px;color:#a9aaa9}.metric-number{font-size:47px;font-weight:600;letter-spacing:-2px;line-height:1.3;margin-top:13px}.metric-card h2,.session-card h2{font-size:15px;font-weight:650;margin-bottom:6px}.session-card h2{font-size:23px;letter-spacing:-.5px;margin-top:19px}.metric-card .tenant-title{margin-top:22px;font-size:22px}.session-detail{border-top:1px solid #eee;padding-top:13px;margin-top:16px}.session-detail span{display:block;font-size:10px;color:#81818a}.session-detail strong{display:block;font-size:11px;font-weight:500;margin-top:4px;overflow-wrap:anywhere}.tenant-section{overflow:hidden}.section-heading{padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:19px;margin-top:6px;letter-spacing:-.4px}.count-badge{font-size:10px;background:#f3f3ef;border-radius:8px;padding:7px 10px;color:#77787c}.empty-state{text-align:center;padding:38px 22px 42px}.empty-icon{display:grid;place-items:center;height:59px;width:59px;border-radius:18px;margin:0 auto 16px;background:#f7f3ec;color:#a8714e}.empty-icon svg{width:30px;height:30px}.empty-state h3{font-size:14px;font-weight:600}.empty-state p{font-size:12px;color:#85858c;max-width:350px;margin:9px auto 0;line-height:1.7}.tenant-row{display:flex;align-items:center;gap:14px;padding:20px 28px;border-bottom:1px solid #eee}.tenant-row:last-child{border-bottom:0}.tenant-avatar{height:38px;width:38px;background:#f5eee7;border-radius:12px;display:grid;place-items:center;color:#a6502c;flex-shrink:0}.tenant-row>div{flex:1;min-width:0}.tenant-row h3{font-size:13px;font-weight:650}.tenant-row p{font-size:11px;color:#85858c;overflow-wrap:anywhere}.dashboard-footer{display:flex;justify-content:space-between;gap:20px;padding-top:28px;color:#8d8d94;font-size:10px}.sidebar-overlay{position:fixed;inset:0;background:#15192180;z-index:35;backdrop-filter:blur(3px)}.sidebar-collapsed .sidebar{width:90px;padding-left:17px;padding-right:17px}.sidebar-collapsed .admin-shell{margin-left:90px}.sidebar-collapsed .brand{padding:0 8px}.sidebar-collapsed .brand-name,.sidebar-collapsed .workspace-card,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item>span,.sidebar-collapsed .sidebar-note,.sidebar-collapsed .sidebar-user>div,.sidebar-collapsed .sidebar-user>.avatar{display:none}.sidebar-collapsed .sidebar nav{margin-top:44px}.sidebar-collapsed .nav-item{justify-content:center;padding:15px}.sidebar-collapsed .sidebar-user{margin-top:auto;justify-content:center}.sidebar-collapsed .sidebar-collapse{transform:rotate(180deg)}
.error-page{min-height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(at top right,#f3ddca,transparent 60%),var(--bg)}.error-card{max-width:500px;width:100%;background:#ffffffb8;border:1px solid #fff;padding:48px;border-radius:28px;box-shadow:0 20px 60px #26242908}.error-card img{margin-bottom:25px}.error-card h1{font-size:30px;letter-spacing:-1px;line-height:1.25;margin:15px 0}.error-card p{color:var(--muted);margin-bottom:27px;line-height:1.8}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.auth-story{padding:35px}.auth-content{padding:30px}.story-copy h1{letter-spacing:-2.5px}.story-footer{flex-direction:column;gap:5px}.topbar{padding:0 25px}.dashboard-content{padding:30px 25px}.welcome-symbol{margin:0 10px;width:115px;height:115px}.welcome-symbol span{font-size:70px}.topbar-account{display:none}}
@media(max-width:899px){.sidebar{transform:translateX(-100%);width:252px!important}.menu-open .sidebar{transform:translateX(0)}.menu-open{overflow:hidden}.admin-shell,.sidebar-collapsed .admin-shell{margin-left:0}.mobile-menu{display:inline-flex}}
@media(max-width:760px){.auth-layout{display:block}.auth-story{min-height:auto;padding:25px 26px}.auth-story .brand{font-size:24px}.story-copy{margin-top:30px}.story-copy h1{font-size:38px;letter-spacing:-1.5px;line-height:1.15;margin:14px 0 15px}.story-copy h1 br{display:none}.story-copy h1 span{display:block}.story-copy p{max-width:320px;font-size:12px}.story-art,.story-footer{display:none}.auth-content{padding:25px 26px;min-height:65dvh}.auth-form-wrap{margin:35px auto;max-width:440px}.auth-topline{flex-wrap:wrap}.auth-heading h2{font-size:29px}.auth-bottom{padding-top:10px}.overview-grid{gap:15px}.welcome-symbol{width:88px;height:88px;border-radius:25px;margin:0}.welcome-symbol span{font-size:52px}.welcome-panel h2{font-size:25px}.welcome-panel p{max-width:340px}.page-heading h1{font-size:30px}.dashboard-content{padding:27px 22px}.topbar{padding:0 22px;height:72px}.metric-card,.session-card{padding:22px}.session-card h2{font-size:20px}}
@media(max-width:560px){.overview-grid{grid-template-columns:1fr}.welcome-symbol{display:none}.welcome-panel{padding:25px}.page-heading{align-items:flex-start}.page-heading>.outline-tag{font-size:9px;padding:6px 9px;margin-top:7px}.page-heading p{line-height:1.8}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.topbar-left{gap:10px}.topbar-actions .button{padding:9px 12px;font-size:12px}.dashboard-content{padding:25px 17px}.topbar{padding:0 17px}.section-heading{padding:21px}.count-badge{font-size:9px}.tenant-row{padding:18px 21px;flex-wrap:wrap}.tenant-row>.outline-tag{margin-left:52px}.dashboard-footer{flex-direction:column;gap:5px}.auth-story{padding:23px}.auth-content{padding:22px}.quiet-label{font-size:8px}.environment-label{font-size:10px}.access-switch>div{gap:13px}.access-switch a{font-size:11px}.error-card{padding:30px 25px}.error-card h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
}

@layer components{.brand{flex-direction:column;align-items:flex-start;gap:0}.brand-wordmark{width:170px;height:auto;max-width:100%}.brand .brand-product{margin-top:10px;letter-spacing:4px;padding-left:3px}.brand-icon{display:none}.sidebar>.brand{padding:0 10px}.sidebar-collapsed .brand .brand-wordmark,.sidebar-collapsed .brand .brand-product{display:none}.sidebar-collapsed .brand .brand-icon{display:block;width:40px;height:40px;border-radius:11px}.error-brand{display:inline-flex;background:var(--sidebar);padding:14px 18px;border-radius:14px;margin-bottom:25px}.error-brand img{margin:0;height:auto;width:170px}.tile-one{background:#fff}.tile-one img{border-radius:14px}.welcome-symbol{background:#fff}.welcome-symbol img{width:100px;height:100px;border-radius:22px;transform:rotate(12deg)}@media(max-width:760px){.welcome-symbol img{width:64px;height:64px;border-radius:15px}.auth-story .brand-wordmark{width:150px}}}