:root{--navy:#0b1730;--blue:#2563eb;--bg:#f5f7fb;--card:#fff;--text:#182235;--muted:#69748a;--line:#dbe3ef;--good:#10b981;--warn:#f97316}*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans",Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#d9e6ff;padding:22px;display:flex;flex-direction:column;gap:10px}.brand{font-weight:800;font-size:22px;color:#fff;margin-bottom:18px}.sidebar a{text-decoration:none;padding:12px 14px;border-radius:12px;color:#b9c6de}.sidebar a.active,.sidebar a:hover{background:#18345f;color:#fff}.content{margin-left:250px;padding:28px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--muted)}select,input{border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:white;font:inherit}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.cards article,.panel,.notice,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px rgba(15,23,42,.06);padding:22px}.cards span{display:block;color:var(--muted);font-size:13px}.cards strong{font-size:26px}.notice{border-color:#fed7aa;background:#fff7ed}.auth-card{max-width:430px;margin:8vh auto}.auth-card h1{margin-bottom:8px}.auth-card label{display:block;margin:14px 0}.auth-card input,.toolbar input{width:100%}.primary,button{border:0;background:var(--blue);color:white;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px}.toolbar{display:flex;gap:10px;margin-bottom:16px}.table-wrap{background:white;border:1px solid var(--line);border-radius:18px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;background:#f8fafc}.product-cell{display:flex;gap:12px;min-width:420px}.product-cell img{width:54px;height:54px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:white}small{display:block;color:var(--muted);margin-top:4px}.actions form{display:flex;gap:6px;flex-wrap:wrap}.actions button{background:#e8eefb;color:#18345f;padding:8px 10px}@media(max-width:900px){.sidebar{position:static;width:auto}.content{margin-left:0;padding:16px}.cards{grid-template-columns:1fr}.topbar{display:block}.table-wrap{font-size:14px}}