:root{color-scheme:dark;--bg:#101014;--surface:#19191f;--surface2:#202027;--line:#303039;--muted:#8e8d9a;--text:#f4f2f7;--purple:#b49aff;--lime:#c8ff8d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--lime)}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{padding:31px 18px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;background:#141418}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{display:grid;place-items:center;background:#b49aff;border-radius:11px;width:42px;height:42px;color:#15131b;font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-3px}.brand-mark span{color:#fff}.brand b{display:block;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.08em}.brand small{display:block;font-size:9px;letter-spacing:.13em;color:#8d8b99;margin-top:5px}.nav-caption{font-size:9px;letter-spacing:.16em;color:#73717e;margin:53px 11px 13px}.nav-caption span{float:right}.sidebar nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:7px;color:#a09eaa;font-size:12px}.nav-item:hover{background:#232129;color:#fff}.nav-item.active{background:#302940;color:#e4d9ff}.nav-icon{font:500 10px 'Space Grotesk',sans-serif;color:#666574}.active .nav-icon{color:#bea7ff}.nav-dot{margin-left:auto;font-size:7px;color:#c6b4ff}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:22px 8px 0}.sidebar-footer strong,.sidebar-footer small{display:block;font-size:11px}.sidebar-footer small{color:var(--muted);font-size:10px;margin-top:4px}.status-dot,.live-dot{width:8px;height:8px;border-radius:50%;background:#d3927f}.status-dot.online,.live-dot{background:var(--lime);box-shadow:0 0 12px #b9ff8c55}.workspace{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5%}.breadcrumb{font-size:10px;letter-spacing:.11em;color:#888694}.breadcrumb span{padding:0 12px;color:#575663}.profile{display:flex;align-items:center;gap:12px;font-size:12px}.profile a:hover,.text-link:hover{text-decoration:underline}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#393043;border:1px solid #5e4d71;border-radius:50%;font-weight:700}.main{padding:51px 5% 26px;max-width:1600px;margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:37px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#a9a6b2}.dot{color:#a992ed;font-size:7px;margin:0 6px}.heading h1,.account h1{font:500 clamp(35px,4vw,52px)/1.08 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.055em;margin:12px 0 9px}.purple{color:var(--purple)}p{color:#a7a5b1;line-height:1.65}.heading p{margin:0}.heading-action{font-size:9px;font-weight:700;letter-spacing:.13em;color:#bcbac5;display:flex;align-items:center;gap:9px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric,.panel{border:1px solid var(--line);border-radius:10px;background:var(--surface)}.metric{padding:21px 21px 19px;min-height:142px}.metric-label{display:flex;justify-content:space-between;gap:5px;font-size:9px;font-weight:700;letter-spacing:.1em;color:#a3a0ad}.metric-label span{color:#777483}.metric strong{display:block;font:500 37px/1 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:22px 0 8px}.metric small{color:#83818e;font-size:11px}.metric .health-value{font-size:22px}.content-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.panel{padding:25px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel h2{font:500 22px 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:15px 0 9px}.panel p{font-size:13px}.panel .pill{font-size:9px;letter-spacing:.08em;color:#c8b8f9;border:1px solid #534667;background:#2d2639;border-radius:20px;padding:7px 10px;white-space:nowrap}.feature{position:relative;overflow:hidden;min-height:247px;background:linear-gradient(125deg,#262131,#1b1b22 60%)}.feature h2{font-size:29px;line-height:1.12}.feature p{max-width:345px}.text-link{display:inline-block;margin-top:13px;color:#cbb9ff;font-weight:700;font-size:12px}.text-link span{padding-left:12px}.feature-lines{position:absolute;width:225px;height:225px;border:1px solid #8a77b055;border-radius:50%;right:-50px;bottom:-95px;box-shadow:0 0 0 25px #24202c,0 0 0 26px #8a77b044,0 0 0 52px #24202c,0 0 0 53px #8a77b033}.status-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:15px 0;color:#a4a1ae;font-size:12px}.status-row b{color:#dddbe3;font-weight:600}.main-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:60px;color:#716f7c;letter-spacing:.11em;font-size:9px}.form-panel{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-bottom:16px}.form-panel form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.form-panel label{position:absolute;margin-top:-20px;color:#a8a5b2;font-size:10px}.form-panel select{background:#28262f;color:#fff;border:1px solid #55515d;border-radius:6px;padding:11px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:13px 16px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;border:0}.button.primary{background:#bda7ff;color:#1d162b}.button.primary:hover{background:#d0c0ff}.button.ghost{border:1px solid #56525f;color:#eee;background:transparent}.table-panel{margin-top:16px}.table-panel h2{margin-bottom:0}.records{margin-top:23px}.record{padding:17px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.record strong,.record small{display:block}.record strong{font-size:13px}.record small{margin-top:6px;color:#8e8b98;font-size:11px}.record-status{text-transform:uppercase;color:#bfaaff;font-size:10px;letter-spacing:.08em}.empty{text-align:center;color:#aaa8b3;padding:50px 10px 30px}.empty span,.empty strong{display:block}.empty span{font-size:30px;color:#a794db}.empty strong{font:500 17px 'Space Grotesk',sans-serif;margin-top:10px}.empty p{margin:5px 0;font-size:12px}.account{max-width:860px;margin:0 auto;padding:60px 25px}.account .back{display:block;color:#bab0cb;margin-bottom:80px}.account>p{max-width:550px}.account-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0}.text-button{background:none;color:#aaa6b4;border:0;padding:0;cursor:pointer}.login-body{padding:24px}.login-shell{border:1px solid var(--line);border-radius:12px;min-height:calc(100vh - 48px);position:relative;padding:40px 5%;display:flex;flex-direction:column;overflow:hidden}.login-copy{margin:auto 0;position:relative;z-index:2;padding:100px 0;max-width:600px}.login-copy h1{font:500 clamp(49px,6vw,82px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:20px 0}.login-copy h1 em{font-style:normal;color:var(--purple)}.login-copy p{max-width:430px}.login-copy .button{margin-top:22px}.login-copy .login-note{font-size:11px;max-width:310px;color:#777580;margin-top:25px}.login-art{position:absolute;right:0;top:0;bottom:0;width:48%;overflow:hidden;background:#241b33}.orb{position:absolute;border:1px solid #c4a9ff55;border-radius:50%}.orb-one{width:500px;height:500px;top:10%;right:-100px;box-shadow:0 0 0 45px #a27ede0d,0 0 0 46px #c4a9ff33,0 0 0 90px #a27ede0d,0 0 0 91px #c4a9ff22}.orb-two{width:260px;height:260px;bottom:4%;left:0;background:radial-gradient(circle,#7354ad66,transparent 70%)}.art-type{position:absolute;left:12%;top:27%;font:700 clamp(56px,7vw,100px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.08em;color:#ffffff10}.art-type span{color:#c1a1ff44}.art-caption{position:absolute;bottom:40px;left:12%;right:10%;color:#baaacb;font-size:9px;letter-spacing:.15em}.art-caption span{float:right}.login-shell footer{display:flex;justify-content:space-between;color:#797583;font-size:9px;letter-spacing:.12em;z-index:2}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.login-art{width:40%}.art-type{font-size:60px}}@media(max-width:760px){.app-shell{display:block}.sidebar{min-height:0;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin-bottom:17px}.nav-caption,.sidebar-footer{display:none}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:5px}.nav-item{white-space:nowrap}.nav-icon{display:none}.topbar{height:58px;padding:0 20px}.breadcrumb{font-size:8px}.main{padding:38px 20px}.heading{align-items:start}.heading-action{display:none}.metrics{gap:9px}.metric{padding:16px;min-height:125px}.metric strong{font-size:30px}.main-footer span{display:none}.login-art{display:none}.login-shell{padding:25px}.login-copy{padding:80px 0}.login-shell footer span{display:none}.form-panel,.account-panel{align-items:start;flex-direction:column}}
.editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:16px;margin-top:22px}.editor label{display:grid;gap:7px;color:#bebbc6;font-size:11px}.editor input:not([type=checkbox]),.editor textarea,.editor select,.inline-form select{width:100%;border:1px solid #55515d;border-radius:6px;background:#28262f;color:#fff;padding:10px}.editor textarea{min-height:75px;resize:vertical}.editor fieldset{grid-column:1/-1;border:1px solid var(--line);border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;padding:15px}.editor legend{color:#aaa;font-size:11px}.editor .check{display:flex;align-items:center;gap:8px}.editor .button{justify-self:start}.inline-form,.record-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.record-controls{justify-content:flex-end}.record-controls .button{padding:9px;font-size:11px}.record-status{display:block;margin-top:8px}.activity-chart{display:block;width:100%;height:auto;max-height:180px;margin-top:25px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{border-bottom:1px solid var(--line);padding:10px}th{color:#a9a6b2}td{color:#ddd}@media(max-width:760px){.record{align-items:flex-start;flex-direction:column}.record-controls{justify-content:flex-start}.inline-form{justify-content:flex-start}}
.brand-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-mark span{display:inline}