:root{--ink:#242127;--muted:#817b84;--line:#e9e5e9;--paper:#fbfafb;--white:#fff;--violet:#7659c7;--violet-soft:#eee9fb;--mint:#dff1e7;--sand:#f6ead8;--rose:#f6e2e4;--shadow:0 12px 32px rgba(48,38,58,.055)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:30px 20px 22px;background:#272329;color:#d6d0d7;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font:600 25px 'Playfair Display',serif;color:var(--ink)}.sidebar .brand{color:#fff;padding:0 14px 32px}.brand span{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-size:20px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;gap:14px;align-items:center;padding:13px 15px;border-radius:9px;font-weight:600}.sidebar nav a:first-letter{font-size:18px}.sidebar nav a:hover,.sidebar nav a.active{background:#3a343c;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #443e45;padding:20px 5px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.sidebar-foot .avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#8067c5;color:white;font-weight:700}.sidebar-foot strong,.sidebar-foot small{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis}.sidebar-foot small{font-size:10px;color:#928b94;margin-top:2px}.sidebar-foot form button{background:none;border:0;color:#aaa2ab;cursor:pointer;font-size:18px}.main{width:calc(100% - 244px);margin-left:244px;padding:35px 42px 60px}.top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.top p{margin:0 0 4px;color:var(--muted);font-size:12px}.top h1{font:600 31px 'Playfair Display',serif;margin:0}.date{color:var(--muted);text-transform:capitalize}.notice,.error-box{border-radius:8px;padding:12px 15px;margin:0 0 18px}.notice{color:#276245;background:#e5f4eb}.error-box{color:#963c45;background:#fbe9eb}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;gap:14px;box-shadow:var(--shadow)}.metric-icon,.quick>a>span{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;font-size:18px;flex:none}.violet{background:var(--violet-soft);color:#674db3}.mint{background:var(--mint);color:#46755b}.sand{background:var(--sand);color:#8c673b}.rose{background:var(--rose);color:#99565c}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font:600 24px 'Playfair Display',serif;margin:3px 0}.metrics small{font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.table-card{overflow:hidden}.card-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.card h2{font:600 18px 'Playfair Display',serif;margin:0}.card-head p,.quick>p{color:var(--muted);font-size:11px;margin:4px 0 0}.card-head a{color:var(--violet);font-size:12px;font-weight:600}.quick{padding:21px}.quick>a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.quick>a:last-child{border:0}.quick>a div strong,.quick>a div small{display:block}.quick>a div small{color:var(--muted);font-size:10px;margin-top:3px}.quick>a b{color:#aaa;font-size:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#fdfcfd}td{font-size:12px}td small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.status{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700}.status.active,.status.paid,.status.shipped{background:#e2f2e8;color:#367050}.status.draft,.status.pending{background:#f6ead8;color:#896438}.status.archived,.status.cancelled,.status.refunded{background:#f2ecee;color:#806d74}.status.preparing{background:#eee9fb;color:#674db3}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty.tall{padding:85px 20px}.empty div{font-size:28px}.empty h3{font:600 18px 'Playfair Display',serif;color:var(--ink);margin:8px 0}.empty p{margin:0 0 20px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.search{width:min(390px,55%);position:relative}.search span{position:absolute;left:14px;top:9px;font-size:21px;color:var(--muted)}.search input{width:100%;padding:11px 14px 11px 42px;border:1px solid var(--line);border-radius:9px;background:#fff;outline:none}.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--violet);color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:600;cursor:pointer}.wide{width:100%}.product-cell{display:flex;align-items:center;gap:11px}.product-cell img,.product-image{width:37px;height:37px;border-radius:7px;object-fit:cover}.product-image{display:grid;place-items:center;background:#f1eef2;color:#888}.stock.low{color:#a14a4f;font-weight:700}.actions{display:flex;gap:10px;justify-content:flex-end}.actions a,.actions button{border:0;background:none;color:var(--violet);font-size:11px;cursor:pointer;padding:0}.actions button{color:#a26b70}.product-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.8fr);gap:22px}.form-main{display:grid;gap:20px}.form-side{display:flex;flex-direction:column;gap:18px}.form-card{padding:23px}.form-card h2{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.form-card label,.login-card label{display:block;font-size:12px;font-weight:600;margin-top:17px}.form-card input,.form-card textarea,.form-card select,.login-card input{display:block;width:100%;border:1px solid #ddd7de;border-radius:7px;background:#fff;padding:11px 12px;margin-top:7px;outline:none}.form-card input:focus,.form-card textarea:focus,.form-card select:focus,.login-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.form-card textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card label small{float:right;color:var(--muted);font-weight:400}.hint{font-size:10px;color:var(--muted);line-height:1.5}.cancel{text-align:center;color:var(--muted);font-size:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-art{position:relative;margin:18px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,rgba(44,35,47,.65),rgba(36,29,39,.93)),url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1400&q=80') center/cover}.art-content{height:100%;padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:center}.brand.light{color:#fff;position:absolute;top:40px}.art-content>p{color:#d6cdd8;margin:0 0 15px}.art-content>h1{font:600 clamp(38px,4vw,62px)/1.08 'Playfair Display',serif;margin:0;letter-spacing:-.02em}.art-stat{position:absolute;left:48px;bottom:42px;display:grid;gap:5px}.art-stat span{font-size:11px;color:#c4b9c7}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(380px,100%)}.eyebrow{color:var(--violet);font-size:11px;font-weight:700;letter-spacing:.14em}.login-card h2{font:600 35px 'Playfair Display',serif;margin:10px 0 7px}.muted{color:var(--muted);margin:0 0 28px}.login-card .primary{margin-top:24px}.secure{display:block;text-align:center;color:#aaa;margin-top:18px}.error-page{min-height:100vh;display:grid;place-content:center;text-align:center;gap:10px}.error-page .brand{justify-content:center}.error-page h1{font:600 40px 'Playfair Display',serif;margin:25px 0 0}.error-page p{color:var(--muted)}@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.sidebar{width:78px;padding:30px 12px}.sidebar .brand{padding:0 9px 30px;font-size:0}.sidebar nav a span,.sidebar-foot>div:not(.avatar),.sidebar-foot form{display:none}.sidebar nav a{justify-content:center}.main{width:calc(100% - 78px);margin-left:78px;padding:30px}.sidebar-foot{display:block}.sidebar-foot .avatar{margin:auto}}@media(max-width:700px){.main{padding:22px 16px}.metrics{grid-template-columns:1fr}.product-form{grid-template-columns:1fr}.login-page{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:28px}.top .date{display:none}.form-row{grid-template-columns:1fr}.toolbar{align-items:stretch}.search{width:100%}.toolbar .primary{font-size:0}.toolbar .primary:first-letter{font-size:16px}}