.admin-hero,.real-panel{--admin-sidebar:#172b4d;--admin-teal:#244572;--admin-bg:#f5f6f8;--admin-border:#e8ebef;--admin-text:#172b4d;--admin-muted:#78838a;font-family:var(--font)}
.dashboard.admin-hero{display:flex;height:370px;top:38px;border-radius:12px;border:1px solid #e8ebef;background:var(--admin-bg);box-shadow:0 30px 80px #16242b22}.admin-side{width:112px;background:var(--admin-sidebar);color:#acb8be;flex:none;display:flex;flex-direction:column;padding:11px 7px;font-size:8px;min-width:0}.admin-wordmark{display:flex;gap:6px;align-items:center;margin-bottom:17px;color:white;font-size:8px;font-weight:650;line-height:1.45}.admin-wordmark>b{width:23px;height:24px;display:grid;place-items:center;border-radius:5px;background:var(--admin-teal);font-size:12px}.admin-nav{display:grid;gap:4px}.admin-nav>div{display:flex;align-items:center;gap:6px;min-height:26px;padding:7px;border-radius:5px;line-height:1}.admin-nav small{margin-left:auto;color:#748990}.admin-nav .icon{width:11px;height:11px}.admin-nav .selected{background:var(--admin-teal);color:white}.admin-bottom{margin-top:auto;display:flex;align-items:center;gap:5px;padding:7px 2px 0;border-top:1px solid #ffffff08;font-size:7px}.admin-bottom .icon{width:11px;height:11px}.admin-main{flex:1;min-width:0;color:var(--admin-text)}.admin-topbar{height:40px;background:white;border-bottom:1px solid var(--admin-border);padding:10px 13px;display:flex;justify-content:space-between;align-items:center;font-size:7px;color:var(--admin-muted);gap:10px}.admin-topbar b{font-weight:500;color:var(--admin-text);margin-left:4px}.admin-page{padding:19px 16px}.admin-page-heading{display:flex;gap:8px;justify-content:space-between;align-items:start}.admin-page-heading h3{font-size:17px;line-height:1.3;letter-spacing:-.03em;font-weight:700;color:var(--admin-text)}.admin-page-heading p{font-size:8px;line-height:1.5;color:var(--admin-muted);margin-top:4px}.admin-label{font-size:6px;color:var(--admin-muted);border:1px solid var(--admin-border);border-radius:3px;padding:2px 4px;letter-spacing:.08em}.admin-toolbar{display:flex;gap:2px;margin:13px 0;justify-content:end;align-items:center;font-size:7px}.admin-toolbar>span,.admin-toolbar>b{padding:4px 6px;background:white;border-radius:4px;font-weight:400}.admin-toolbar>b{background:var(--admin-sidebar);color:white}.admin-toolbar>strong{font-size:7px;background:var(--admin-teal);color:white;padding:5px 9px;border-radius:4px;margin-left:5px;font-weight:500}.admin-eyebrow{font-size:6px;letter-spacing:.08em;color:var(--admin-muted)}.admin-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}.admin-metrics>div{padding:10px;border:1px solid var(--admin-border);background:white;border-radius:7px;position:relative;min-width:0}.metric-icon{display:inline-grid;width:20px;height:20px;border-radius:5px;place-items:center;background:#e9edf5;color:var(--admin-teal)}.metric-icon .icon{width:12px;height:12px}.admin-metrics strong{float:right;font-size:15px;line-height:1.4}.admin-metrics p{font-size:8px;margin-top:5px;line-height:1.3;color:var(--admin-text)}.admin-metrics small{display:block;font-size:7px;color:var(--admin-teal);margin-top:4px}.admin-chart{font-size:8px;background:white;border:1px solid var(--admin-border);border-radius:7px;margin-top:9px;padding:9px}.admin-chart>small{color:var(--admin-muted);font-size:7px;float:right}.admin-chart-lines{display:grid;gap:6px;margin-top:8px}.admin-chart-lines i{height:1px;background:#f0f1f4}.store-preview{bottom:-5px}.float-note{bottom:20px}
.story-demo.real-panel{display:flex;background:var(--admin-bg);color:var(--admin-text);border-color:var(--admin-border);border-radius:13px;box-shadow:0 25px 60px #172b4d15;transform:perspective(1400px) rotateY(-2deg)}.story-demo.real-panel .admin-side{width:100px;padding:13px 7px;font-size:8px}.story-demo.real-panel .admin-nav>div{padding:8px 6px;min-height:30px;gap:5px}.story-demo.real-panel .admin-wordmark{margin-bottom:23px;font-size:7px}.story-demo.real-panel .admin-wordmark>b{width:20px;height:23px;flex:none}.admin-workspace{flex:1;min-width:0}.story-demo.real-panel .story-window-top{background:white;color:var(--admin-text);border-bottom:1px solid var(--admin-border);font-size:11px;padding:14px 17px;min-height:48px}.story-demo.real-panel .story-window-top .icon{width:15px;height:15px;color:var(--admin-teal)}.story-demo.real-panel .sample-badge{font-size:8px;color:var(--admin-muted)}.story-demo.real-panel .story-demo-body{padding:24px 20px}.product-screen-heading h4{font-size:21px;line-height:1.2;letter-spacing:-.035em;color:var(--admin-text);margin:0 0 6px;font-weight:700}.story-demo.real-panel .screen-eyebrow{color:var(--admin-muted);font-size:11px}.story-demo.real-panel .story-active{background:white;border:1px solid var(--admin-border);box-shadow:none;border-radius:9px;padding:16px 13px;margin-top:21px;gap:10px}.story-demo.real-panel .story-active-icon{width:36px;height:36px;border-radius:7px;background:#e9edf5;color:var(--admin-teal)}.story-demo.real-panel .story-active-icon>.icon{width:19px;height:19px}.story-demo.real-panel .story-active strong{font-size:18px;color:var(--admin-text)}.story-demo.real-panel .story-active small{color:var(--admin-muted);font-size:9px}.story-demo.real-panel .stage-check{background:#e9edf5;color:var(--admin-teal);width:22px;height:22px}.story-demo.real-panel .story-stepper{margin:24px 0 20px}.story-demo.real-panel .story-stepper:before{background:#dce3e5}.story-demo.real-panel .story-stepper button>span{background:var(--admin-bg);border-color:#dce3e5;width:28px;height:28px;font-size:10px}.story-demo.real-panel .story-stepper:before{top:13px}.story-demo.real-panel .story-stepper button{color:var(--admin-muted)}.story-demo.real-panel .story-stepper small{font-size:9px}.story-demo.real-panel .story-stepper button[aria-pressed=true]{color:var(--admin-teal)}.story-demo.real-panel .story-stepper button[aria-pressed=true]>span{background:var(--admin-teal);border-color:var(--admin-teal);box-shadow:0 0 0 4px #24457212;color:white}.story-demo.real-panel .story-stepper .passed>span{background:#e9edf5;border-color:#e9edf5;color:var(--admin-teal)}.story-demo.real-panel .story-rows{gap:0;border:1px solid var(--admin-border);border-radius:9px;overflow:hidden}.story-demo.real-panel .story-rows>div{background:white;border:0;border-bottom:1px solid var(--admin-border);border-radius:0;padding:12px;font-size:11px}.story-demo.real-panel .story-rows>div:last-child{border-bottom:0}.story-demo.real-panel .story-rows b{font-size:10px;color:var(--admin-teal);background:#eef1f6;padding:3px 6px;border-radius:4px}.story-demo.real-panel .story-rows .icon{color:var(--admin-muted);width:14px;height:14px}.story-demo.real-panel .story-note{font-size:10px;color:var(--admin-muted);margin-top:17px}.story-demo.real-panel .story-note .icon{color:var(--admin-teal)}
@media(max-width:1150px){.story-demo.real-panel .admin-side{width:78px}.story-demo.real-panel .admin-wordmark>span{font-size:6px}.story-demo.real-panel .admin-nav>div{font-size:7px}.story-demo.real-panel .admin-side .admin-bottom{font-size:6px}.story-demo.real-panel .story-demo-body{padding:22px 15px}.story-panel{gap:34px}}
@media(max-width:900px){.story-demo.real-panel .admin-side{width:112px}.story-demo.real-panel .admin-wordmark>span{font-size:8px}.story-demo.real-panel .admin-nav>div{font-size:9px;padding:10px 7px}.story-demo.real-panel{transform:none}.story-demo.real-panel .story-demo-body{padding:24px}.dashboard.admin-hero{height:370px}}
@media(max-width:600px){.dashboard.admin-hero{height:274px;top:25px;width:96%;border-radius:9px}.admin-hero .admin-side{width:67px;padding:8px 4px;font-size:6px}.admin-hero .admin-wordmark{gap:4px;font-size:5px;margin-bottom:12px}.admin-hero .admin-wordmark>b{width:16px;height:17px;font-size:8px;flex:none}.admin-hero .admin-nav{gap:2px}.admin-hero .admin-nav>div{padding:5px 4px;gap:4px;min-height:20px}.admin-hero .admin-nav .icon{width:8px;height:8px}.admin-hero .admin-nav small{display:none}.admin-hero .admin-bottom{font-size:5px;gap:3px}.admin-hero .admin-bottom .icon{width:8px;height:8px}.admin-topbar{height:29px;padding:7px;font-size:5px;gap:3px}.admin-topbar b{display:none}.admin-page{padding:13px 9px}.admin-page-heading h3{font-size:11px}.admin-page-heading p{font-size:6px}.admin-label{font-size:4px;padding:2px}.admin-toolbar{font-size:5px;margin:10px 0}.admin-toolbar>strong{font-size:5px;padding:4px 6px}.admin-toolbar>span,.admin-toolbar>b{padding:3px 4px}.admin-eyebrow{font-size:5px}.admin-metrics{gap:5px}.admin-metrics>div{padding:7px 6px;border-radius:5px}.metric-icon{width:15px;height:15px;border-radius:4px}.metric-icon .icon{width:9px;height:9px}.admin-metrics strong{font-size:10px}.admin-metrics p{font-size:6px;margin-top:4px}.admin-metrics small{font-size:5px;margin-top:3px}.admin-chart{font-size:6px;margin-top:6px;padding:7px}.admin-chart>small{font-size:5px}.store-preview{bottom:0}.float-note{bottom:12px}.story-demo.real-panel .admin-side{width:35px;padding:10px 4px}.story-demo.real-panel .admin-wordmark>b{width:24px;height:25px}.story-demo.real-panel .admin-wordmark{margin-bottom:17px;justify-content:center}.story-demo.real-panel .admin-wordmark>span,.story-demo.real-panel .admin-nav span,.story-demo.real-panel .admin-nav small,.story-demo.real-panel .admin-bottom span{display:none}.story-demo.real-panel .admin-nav>div{justify-content:center;padding:8px 4px;min-height:29px}.story-demo.real-panel .admin-nav .icon{width:13px;height:13px}.story-demo.real-panel .admin-bottom{justify-content:center;padding-top:10px}.story-demo.real-panel .story-window-top{font-size:9px;padding:12px 10px;gap:7px;min-height:43px}.story-demo.real-panel .story-window-top>span{gap:5px}.story-demo.real-panel .story-window-top .icon{width:12px;height:12px}.story-demo.real-panel .sample-badge{font-size:6px}.story-demo.real-panel .story-demo-body{padding:19px 11px}.product-screen-heading h4{font-size:18px}.story-demo.real-panel .screen-eyebrow{font-size:9px}.story-demo.real-panel .story-active{padding:13px 9px;gap:8px;margin-top:16px}.story-demo.real-panel .story-active strong{font-size:16px}.story-demo.real-panel .story-active small{font-size:8px}.story-demo.real-panel .story-active-icon{width:29px;height:29px;flex:none}.story-demo.real-panel .story-active-icon>.icon{width:16px;height:16px}.story-demo.real-panel .stage-check{width:18px;height:18px;flex:none}.story-demo.real-panel .stage-check .icon{width:11px;height:11px}.story-demo.real-panel .story-stepper small{font-size:8px}.story-demo.real-panel .story-stepper button>span{width:24px;height:24px}.story-demo.real-panel .story-stepper:before{top:12px}.story-demo.real-panel .story-rows>div{padding:10px 8px;gap:7px;font-size:10px}.story-demo.real-panel .story-rows b{font-size:8px;padding:2px 4px}.story-demo.real-panel .story-note{font-size:9px}.story-demo.real-panel .story-note .icon{width:13px;height:13px}}