.admin-body{background:#f4f5f1}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#102f27;color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:60}.admin-sidebar>.brand{padding:0 10px 26px}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px;flex:1;overflow:auto}.admin-sidebar nav small{color:rgba(255,255,255,.32);font-size:9px;font-weight:700;letter-spacing:.14em;padding:22px 13px 7px}.admin-sidebar nav a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.63);padding:10px 13px;border-radius:9px;font-size:13px;font-weight:600}.admin-sidebar nav a span{width:21px;text-align:center;font-size:16px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.09);color:#fff}.admin-user{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.12);padding:19px 8px 0}.admin-user>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--amber);color:var(--green);font-weight:700}.admin-user div{display:flex;flex-direction:column;font-size:11px}.admin-user small{color:rgba(255,255,255,.46)}.admin-main{margin-left:260px;min-height:100vh}.admin-top{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between}.admin-top h1{font:700 26px "Fraunces",serif;margin:0}.admin-top p{margin:2px 0;color:var(--muted);font-size:11px}.admin-top-actions{display:flex;align-items:center;gap:18px}.notification{color:var(--amber);font-size:21px}.admin-main>.alert{margin:16px 32px}.admin-content{padding:30px 34px 60px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;gap:14px;align-items:flex-start}.metric-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;font-weight:700;flex:none}.metric-icon.green{background:#e4f0e6;color:#367143}.metric-icon.amber{background:#fff0c5;color:#7c5a00}.metric-icon.blue{background:#e5eef5;color:#386482}.metric-icon.red{background:#fae5e2;color:#98443a}.metric-grid article div{display:flex;flex-direction:column}.metric-grid small{color:var(--muted);font-size:11px}.metric-grid b{font:700 23px "Fraunces",serif;margin:2px 0}.metric-grid em{font-style:normal;font-size:10px;color:#98a09b}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.span-2{grid-column:span 2}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;min-width:0}.panel h2{font:700 19px "Fraunces",serif;margin:0 0 18px}.panel>p{color:var(--muted)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{margin:0}.panel-head p{margin:2px 0;color:var(--muted);font-size:11px}.panel-head>a:not(.btn){color:var(--green);font-size:12px;font-weight:700}.table-wrap{overflow:auto;margin:0 -22px -22px}.table-wrap table{border-collapse:collapse;width:100%;font-size:12px}.table-wrap th{text-align:left;padding:10px 16px;color:#89918c;background:#f7f8f5;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.table-wrap td{padding:13px 16px;border-top:1px solid #edf0eb;white-space:nowrap}.table-wrap td>small,.table-wrap td span>small{display:block;color:var(--muted);margin-top:2px}.table-wrap td>a{color:var(--green);font-weight:700}.table-product{display:flex;align-items:center;gap:10px}.table-product img{width:38px;height:38px;border-radius:8px;object-fit:cover}.table-product span{display:flex;flex-direction:column}.stock{display:inline-grid;place-items:center;min-width:28px;padding:4px 7px;border-radius:6px;background:#edf4ea;color:#357140;font-weight:700}.stock.low{background:#fbe4e0;color:#973e34}.best-list>div{display:grid;grid-template-columns:27px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.best-list>div:first-child{border:0}.best-list>div>span{font:700 12px "Fraunces",serif;color:var(--amber)}.best-list div div{display:flex;flex-direction:column}.best-list small{color:var(--muted);font-size:10px}.best-list strong{font-size:11px}.tabs{display:flex;gap:5px;margin-bottom:16px;overflow:auto}.tabs a{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700;white-space:nowrap}.tabs a.active{background:var(--green);color:#fff}.admin-form{display:flex;flex-direction:column;gap:20px}.admin-fields{padding-top:8px}.admin-fields label{font-size:11px}.check-label{flex-direction:row!important;align-items:center!important;padding-top:28px}.check-label input{width:auto!important}.panel form{display:flex;flex-direction:column;gap:13px}.panel form.inline-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end}.order-admin-items>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line)}.order-admin-items>div span{display:flex;flex-direction:column}.order-admin-items small{color:var(--muted)}.totals{display:flex;justify-content:flex-end;gap:25px;border-top:1px solid var(--line);padding-top:17px;font-size:12px}.totals span{display:flex;flex-direction:column;color:var(--muted)}.totals b{color:var(--ink);font-size:15px}.integration-box{display:flex;align-items:center;gap:14px;padding:18px;background:#fbf8ee;border-radius:12px}.integration-box div{flex:1}.integration-box p{color:var(--muted);font-size:12px;margin:3px 0}.admin-top .mobile-menu{margin:0 14px 0 0}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr 1fr}.panel form.inline-form{grid-template-columns:1fr 1fr}.panel form.inline-form button{align-self:end}.admin-top-actions .btn{display:none}}
@media(max-width:800px){.admin-sidebar{transform:translateX(-100%);transition:.25s}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.admin-top{padding:0 18px}.admin-top .mobile-menu{display:block}.admin-content{padding:20px 15px}.admin-main>.alert{margin:14px}.admin-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.panel form.inline-form{grid-template-columns:1fr}.panel{padding:18px}.table-wrap{margin:0 -18px -18px}}
@media(max-width:500px){.metric-grid{grid-template-columns:1fr}.admin-top h1{font-size:21px}.admin-top-actions{display:none}.form-grid.admin-fields{grid-template-columns:1fr}.admin-fields .wide{grid-column:1}.totals{justify-content:flex-start;flex-wrap:wrap}}