:root{--ink:#132238;--muted:#66758a;--line:#dce3ec;--paper:#fff;--bg:#f3f6fa;--blue:#246bce;--amber:#e8a12b;--green:#18794e;--red:#b42318;--nav:#111d30}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.side{background:var(--nav);color:#eef4ff;padding:25px 17px;position:sticky;top:0;height:100vh}.brand{font-weight:850;font-size:1.1rem;line-height:1.25;margin:0 8px 26px}.brand small{display:block;color:#9eb0c7;font-size:.72rem;margin-top:5px}.nav a{display:block;text-decoration:none;padding:10px 12px;border-radius:8px;margin:3px 0;color:#c8d3e2}.nav a:hover,.nav a.active{background:#203450;color:#fff}.main{padding:30px;min-width:0}.top{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.top h1{font-size:1.8rem;margin:0}.demo{background:#fff4d9;border:1px solid #f0ca78;color:#744d00;padding:8px 12px;border-radius:8px;font-size:.88rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 5px 22px #192d4a0d;margin-bottom:16px}.metric strong{font-size:1.8rem;display:block}.metric span{color:var(--muted);font-size:.9rem}.two{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.78rem;background:#eaf1fb}.status.green{background:#e7f6ee;color:var(--green)}.status.amber{background:#fff3dc;color:#8a5700}.status.red{background:#feeceb;color:var(--red)}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 14px;background:var(--blue);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.btn.green{background:var(--green)}.btn.small{padding:6px 10px;font-size:.84rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{font-weight:700;font-size:.9rem;display:block;margin:8px 0}input,select,textarea{width:100%;padding:10px 11px;margin-top:5px;border:1px solid #bcc8d7;border-radius:7px;background:#fff;font:inherit}.notice{padding:12px 14px;border-radius:8px;margin-bottom:15px;background:#e8f6ee;border-left:4px solid var(--green)}.notice.error{background:#fff0ef;border-color:var(--red)}.shop-head{background:linear-gradient(120deg,#10223a,#214c7d);color:white;padding:32px;border-radius:15px;margin-bottom:20px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.product .price{font-size:1.35rem;font-weight:850;margin:12px 0}.code{font-family:ui-monospace,Consolas,monospace}.login{max-width:430px;margin:10vh auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 18px 60px #14264024}.login h1{margin-top:0}.login .btn{width:100%;margin-top:15px}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:static;height:auto}.nav{display:flex;overflow:auto;gap:4px}.nav a{white-space:nowrap}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.main{padding:18px}.grid,.products,.form-grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}