:root{--navy:#0a1730;--bg:#f6f8fb;--card:#fff;--border:#dfe5ee;--muted:#667085;--text:#101828;--good-bg:#e9f8ef;--good:#087443;--warn-bg:#fff6df;--warn:#9a6700;--shadow:0 14px 38px rgba(16,24,40,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:278px 1fr}.sidebar{background:linear-gradient(180deg,var(--navy),#071122);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-weight:800;letter-spacing:-.04em}.brand strong{display:block;font-size:21px}.brand span{display:block;color:rgba(255,255,255,.66);font-size:12px;margin-top:2px}.nav a,.nav button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.88);display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 10px;border-radius:9px;text-decoration:none;cursor:pointer;text-align:left}.nav a.active,.nav a:hover,.nav button:hover{background:rgba(255,255,255,.1);color:#fff}.nav button b{margin-left:auto;color:rgba(255,255,255,.5)}.nav-group{margin-top:4px}.nav-group a{padding-left:38px;min-height:28px;font-size:14px;color:rgba(255,255,255,.78)}.main{min-width:0}.topbar{height:72px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:18px;padding:0 28px}.topbar h1{font-size:24px;margin:0;letter-spacing:-.03em}.menu-button,.ghost-button{border:1px solid var(--border);background:#fff;border-radius:10px;height:38px;padding:0 13px;cursor:pointer}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.admin-user{color:var(--muted)}.content{padding:28px}.search-panel,.stat-card,.panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.search-panel{border-radius:16px;padding:18px;margin-bottom:18px}.search-panel label{display:block;font-weight:700;margin-bottom:10px}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.search-row input{width:100%;border:1px solid #cfd7e3;border-radius:11px;padding:13px 15px}.search-row button,.panel-header button{border:0;background:var(--navy);color:#fff;border-radius:11px;padding:0 18px;min-height:44px;cursor:pointer;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{border-radius:16px;padding:20px}.stat-card span,.stat-card small{color:var(--muted)}.stat-card strong{display:block;font-size:28px;margin:6px 0 5px;color:var(--navy);letter-spacing:-.04em}.panel{border-radius:16px;overflow:hidden;margin-bottom:18px}.panel-header{padding:18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-header h2{margin:0;font-size:18px;letter-spacing:-.02em}.panel-header p{margin:4px 0 0;color:var(--muted);font-size:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:950px}th,td{padding:14px 18px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{font-size:13px;color:#344054;background:#f9fafb}.actions-col{width:240px}.small{border:1px solid #cfd7e3;background:#fff;color:var(--navy);border-radius:9px;min-height:34px;padding:0 12px;cursor:pointer;margin-right:6px}.small.dark{border-color:var(--navy);background:var(--navy);color:#fff}.pill{display:inline-flex;min-height:26px;align-items:center;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800}.good{background:var(--good-bg);color:var(--good)}.warn{background:var(--warn-bg);color:var(--warn)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.product-list,.status-list{padding:4px 18px 18px}.product-row,.status-list div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.product-row:last-child,.status-list div:last-child{border-bottom:0}.product-row span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.status-list div{grid-template-columns:1fr auto}.ok{color:var(--good)}.pending{color:var(--warn)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.stats-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr}}