:root{--bg: #060506;--bg-2: #0c0b0d;--surface: rgba(255,255,255,.035);--surface-2: #141216;--border: rgba(255,255,255,.07);--text: #f5f3ef;--text-dim: #9a94a2;--text-dim-2: #6b6672;--accent: #d4af37;--accent-2: #e8d476;--accent-deep: #b59a5b;--gold: #d4af37;--gold-dim: rgba(212,175,55,.12);--gold-border: rgba(181,154,91,.3);--gold-glow: rgba(212,175,55,.16);--purple: #7c5cbf;--purple-dim: rgba(124,92,191,.12);--accent-grad: linear-gradient(120deg, #e8d476, #d4af37);--sidebar: #0a090b;--ok: #2ad78b;--warn: #e8b64a;--danger: #ff6b6b;--info: #5aa9d6;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-pill: 999px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}img{display:block;max-width:100%}.shell{display:grid;grid-template-columns:240px 1fr;height:100dvh}.shell__main{min-width:0;min-height:0;display:flex;flex-direction:column}.shell__content{padding:24px 28px 40px;flex:1;min-height:0;overflow-y:auto}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px;height:100dvh;overflow-y:auto}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.sidebar{scrollbar-width:thin}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:6px 10px 18px;font-weight:800;font-size:18px}.sidebar__logo img{width:30px;height:30px;border-radius:7px}.sidebar__tag{font-size:10px;letter-spacing:1px;color:var(--accent);text-transform:uppercase}.navlink{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-md);color:var(--text-dim);font-size:14px;font-weight:500}.navlink:hover{color:var(--text);background:var(--surface)}.navlink.is-active{color:var(--text);background:var(--gold-dim)}.navlink.is-active svg{color:var(--accent)}.sidebar__spacer{flex:1}.topbar{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border);background:var(--bg-2)}.topbar__title{font-size:20px;font-weight:800;margin:0}.topbar__spacer{flex:1}.topbar__search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:8px 14px;color:var(--text-dim);font-size:13px;min-width:220px}.topbar__search input{background:none;border:none;outline:none;color:var(--text);width:100%}.topbar__search-btn{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;color:inherit;cursor:pointer}.topbar__search-btn:hover{color:var(--accent)}.topbar__user{display:flex;align-items:center;gap:10px}.topbar__avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-grad)}.topbar__logout{color:var(--text-dim);font-size:13px}.topbar__logout:hover{color:var(--danger)}.grid{display:grid;gap:16px}.card{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.card__title{font-size:16px;font-weight:700;margin:0 0 16px}.section-title{font-size:15px;font-weight:700;color:var(--text-dim);margin:0 0 12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;display:flex;align-items:center;gap:14px}.stat__icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.stat__val{font-size:24px;font-weight:800;line-height:1}.stat__lbl{font-size:13px;color:var(--text-dim);margin-top:4px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:1px solid var(--border)}.table td{padding:12px;border-bottom:1px solid var(--border);font-size:14px}.table tr:hover td{background:var(--surface)}.badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill)}.badge--pending{background:var(--gold-dim);color:var(--gold)}.badge--approved,.badge--live,.badge--distributed,.badge--active{background:#2ad78b26;color:var(--ok)}.badge--rejected,.badge--inactive{background:#ff6b6b26;color:var(--danger)}.btn{border-radius:var(--r-md);padding:9px 16px;font-size:14px;font-weight:600}.btn--primary{background:var(--accent-grad);color:#1a1103}.btn--ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn--ok{background:var(--gold);color:#1a1103}.btn--danger{background:#ff6b6b24;color:var(--danger)}.btn:disabled{opacity:.5}.muted{color:var(--text-dim)}.icon-btn{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center}.login{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(120% 60% at 50% 0%,var(--purple-dim),transparent 40%),var(--bg)}.login__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px}.login__logo{width:52px;height:52px;border-radius:12px;margin:0 auto 16px;display:block}.login__title{text-align:center;font-size:22px;font-weight:800;margin:0 0 4px}.login__sub{text-align:center;color:var(--text-dim);font-size:13px;margin:0 0 22px}.field{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);padding:13px;color:var(--text);font-size:15px;margin-bottom:12px}.field:focus{outline:none;border-color:var(--gold-border)}.err{color:var(--danger);font-size:13px;text-align:center;margin:4px 0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:28px;background:#fff;color:#000;padding:12px 20px;border-radius:var(--r-pill);font-weight:600;font-size:14px;z-index:200}@media (max-width: 860px){.shell{grid-template-columns:1fr;height:auto;min-height:100dvh}.sidebar{flex-direction:row;height:auto;overflow-x:auto;overflow-y:visible;position:sticky;top:0;z-index:10}.sidebar__logo,.sidebar__spacer{display:none}.shell__content{overflow-y:visible;min-height:0}}.login__forgotlink{display:block;width:100%;background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;text-align:center}.login__forgotlink:hover{text-decoration:underline}.input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:8px 10px;font-size:14px}.input:focus{outline:none;border-color:var(--gold-border)}