.dashboard-body{
background:#f4f6f5}
.sidebar{
position:fixed;
z-index:40;
inset:0 20% 0 0;
background:var(--ink);
color:white;
padding:25px;
display:flex;
flex-direction:column;
min-height:0;
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-width:thin;
scrollbar-color:#555 transparent;
transform:translateX(-105%);
transition:.25s}
.sidebar::-webkit-scrollbar{
width:7px}
.sidebar::-webkit-scrollbar-thumb{
border-radius:99px;
background:#555}
.sidebar.open{
transform:none}
.sidebar .brand{
margin-bottom:45px}
.store-identity{
padding:14px;
border:1px solid #ffffff20;
border-radius:12px}
.store-identity small{
color:#aeb8c4}
.sidebar nav{
display:grid;
gap:6px}
.dash-link{
border:0;
background:transparent;
color:#bec7d1;
text-align:left;
padding:12px;
border-radius:9px}
.dash-link.active,.dash-link:hover{
background:#ffffff12;
color:white}
.view-store{
margin-top:auto;
color:#76dbc7}
.dash-header{
height:70px;
background:white;
border-bottom:1px solid var(--line);
display:flex;
align-items:center;
gap:15px;
padding:0 18px;
position:sticky;
top:0;
z-index:30}
.dash-header>div{
display:grid}
.dash-header small{
color:var(--muted)}
.dash-menu{
border:0;
background:transparent;
font-size:1.4rem}
.avatar{
margin-left:auto;
border:0;
border-radius:50%;
background:#ead1dc;
color:#71374f;
width:38px;
height:38px;
font-weight:900}
.dash-main{
padding:25px 18px;
max-width:1500px}
.dash-panel{
display:none}
.dash-panel.active{
display:block}
.panel-title{
display:flex;
align-items:end;
justify-content:space-between;
gap:15px;
margin-bottom:25px}
.panel-title h1{
font-size:2rem;
margin:0}
.panel-title .eyebrow{
margin:0}
.stat-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
margin-bottom:18px}
.stat,.dash-card{
background:white;
border:1px solid var(--line);
border-radius:15px;
padding:18px}
.stat{
display:grid}
.stat span,.stat small{
color:var(--muted)}
.stat b{
font-size:1.55rem}
.dash-grid{
display:grid;
gap:18px}
.dash-card h2{
font-size:1.15rem;
letter-spacing:-.02em}
.card-title{
display:flex;
align-items:center;
justify-content:space-between}
.order-row{
display:grid;
grid-template-columns:1fr auto;
gap:5px;
padding:13px 0;
border-bottom:1px solid var(--line)}
.order-row:last-child{
border:0}
.order-row small{
color:var(--muted)}
.task-list{
list-style:none;
padding:0}
.task-list li{
display:flex;
gap:12px;
margin:17px 0}
.task-list li>span{
display:grid;
place-items:center;
width:30px;
height:30px;
border-radius:50%;
background:var(--soft);
color:var(--brand);
font-weight:900}
.task-list div{
display:grid}
.task-list small{
color:var(--muted)}
.table-wrap{
overflow:auto;
padding:5px 18px}
table{
border-collapse:collapse;
width:100%;
min-width:580px}
th,td{
text-align:left;
padding:15px 10px;
border-bottom:1px solid var(--line)}
th{
color:var(--muted);
font-size:.78rem;
text-transform:uppercase}
.delete-button{
border:0;
background:#fff0f0;
color:#b33131;
border-radius:7px;
padding:6px 10px}
.design-form{
display:grid;
gap:16px;
max-width:700px}
.design-form input[type=color]{
height:52px;
width:100%;
padding:4px;
cursor:pointer;
background:#fff}
.design-form input[type=color]::-webkit-color-swatch-wrapper{
padding:0}
.design-form input[type=color]::-webkit-color-swatch{
border:0;
border-radius:9px}
.design-form input[type=color]::-moz-color-swatch{
border:0;
border-radius:9px}
.toggle-label{
grid-template-columns:auto 1fr!important;
align-items:center}
.settings-list>div{
padding:20px 0;
border-bottom:1px solid var(--line)}
.settings-list>div:last-child{
border:0}
.settings-list p{
color:var(--muted);
margin:6px 0 0}
.status{
float:right;
border-radius:99px;
padding:4px 10px;
font-size:.72rem;
font-weight:800}
.status.planned{
background:#fff4dc;
color:#996300}
.status.demo{
background:#e1f6f0;
color:#087563}
@media(min-width:800px){
.sidebar{
inset:0 auto 0 0;
width:245px;
transform:none}
.dash-header{
margin-left:245px;
padding:0 35px}
.dash-menu{
display:none}
.dash-main{
margin-left:245px;
padding:35px}
.stat-grid{
grid-template-columns:repeat(4,1fr)}
.dash-grid{
grid-template-columns:1.4fr .8fr}
}