:root{--bg:#f3f6fb;--panel:#fff;--panel2:#f8fafc;--text:#101828;--muted:#667085;--border:#e6ebf2;--nav:#081a3a;--navtext:#d6e1ff;--navmuted:#8ea3d1;--navactive:#16366f;--primary:#2563eb;--shadow:0 12px 34px rgba(16,24,40,.08);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}body.dark{--bg:#07111f;--panel:#0d1728;--panel2:#111d32;--text:#eef4ff;--muted:#9db0d0;--border:#1d2a42;--shadow:none}
.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:60}.topbar .left,.topbar .right{display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.brand-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#111827,#475467);display:grid;place-items:center;color:#fff;font-weight:900}.brand-title{font-weight:800;font-size:14px}.brand-sub{font-size:12px;color:var(--muted);margin-top:2px}.page-title{font-size:15px;font-weight:700}.top-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);font-weight:600}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.logout-btn{height:38px;padding:0 16px;border-radius:12px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;gap:8px;font-weight:700}.lang-dd{position:relative}.lang-menu{position:absolute;right:0;top:46px;min-width:110px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:none;overflow:hidden}.lang-menu.open{display:block}.lang-menu button{width:100%;border:none;background:transparent;padding:10px 12px;text-align:left;color:var(--text);cursor:pointer}.lang-menu button:hover{background:var(--panel2)}
.layout{display:flex;min-height:calc(100vh - 68px)}.sidebar{width:250px;flex:0 0 250px;background:linear-gradient(180deg,var(--nav) 0%, #051227 100%);color:var(--navtext);padding:14px 10px 18px;border-right:1px solid rgba(255,255,255,.05);position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.sidebar-head{padding:8px 10px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sidebar-logo{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff}.sidebar-title{font-weight:800;font-size:14px}.sidebar-mini,.sidebar-user{font-size:12px;color:var(--navmuted)}.nav-group{margin:10px 4px}.nav-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:transparent;border:none;color:var(--navtext);border-radius:12px;cursor:pointer;font-weight:700}.nav-toggle:hover{background:rgba(255,255,255,.06)}.nav-toggle .left{display:flex;align-items:center;gap:10px}.nav-links{padding:4px 0 2px 0}.nav-links.hidden{display:none}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:4px 0;border-radius:12px;color:var(--navtext);font-weight:600;opacity:.96}.nav-item:hover{background:rgba(255,255,255,.06)}.nav-item.active{background:var(--navactive)}.nav-label{flex:1}.nav-arrow{display:inline-block;transition:transform .2s;font-style:normal}.nav-arrow.open{transform:rotate(-180deg)}
.content{flex:1;padding:20px}.page-shell{width:100%;max-width:none}.hero{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.hero-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border-radius:999px;background:#fff1f2;color:#b42318;border:1px solid #fecdd3;font-size:12px;font-weight:700}.hero h1{margin:0;font-size:22px}.hero p{margin:0;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-card h3{margin:0;font-size:13px;font-weight:600;color:var(--muted)}.stat-value{margin-top:8px;font-size:16px;font-weight:800}.stat-sub{margin-top:6px;font-size:12px;color:var(--muted)}.stat-icon{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:20px}.stat-blue{background:linear-gradient(135deg,#2d6df6,#1e5ad6);color:#fff;border-color:transparent}.stat-green{background:linear-gradient(135deg,#11b981,#059669);color:#fff;border-color:transparent}.stat-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:transparent}.stat-orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:transparent}.stat-blue h3,.stat-green h3,.stat-purple h3,.stat-orange h3,.stat-blue .stat-sub,.stat-green .stat-sub,.stat-purple .stat-sub,.stat-orange .stat-sub{color:rgba(255,255,255,.82)}
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head-left{display:flex;align-items:center;gap:12px}.card-head-icon{width:38px;height:38px;border-radius:12px;background:#e8f0ff;color:#2250c8;display:grid;place-items:center;font-size:18px}.card h2{margin:0;font-size:18px}.card-subtitle{color:var(--muted);font-size:13px;margin-top:2px}.list-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel);margin-bottom:12px}.list-title{font-weight:800}.list-meta{font-size:13px;color:var(--muted);margin-top:6px}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent}.pill.live{background:#ecfdf3;color:#027a48;border-color:#a6f4c5}.pill.draft{background:#eff8ff;color:#175cd3;border-color:#b2ddff}.pill.past{background:#fff1f3;color:#c01048;border-color:#fecdd6}.quick-actions{display:grid;gap:12px}.quick-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:16px;color:#fff;font-weight:800}.qc-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.qc-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.qc-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.qc-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.qc-icon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center}.qc-title{font-size:18px}.qc-sub{font-size:13px;font-weight:600;opacity:.9;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-weight:700}.btn.light{background:var(--panel2)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.empty-state{padding:32px 16px;text-align:center;color:var(--muted)}.text-muted{color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead tr{border-bottom:2px solid var(--border)}.table th{padding:10px 14px;text-align:left;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--panel2)}.table td strong{font-weight:700}.btn-sm{height:32px;padding:0 10px;font-size:13px;border-radius:9px}.input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.input:focus{border-color:var(--primary)}.input[type=file]{height:auto;padding:8px 12px}.form-card{max-width:720px}.form{display:flex;flex-direction:column;gap:4px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.form-label{font-weight:700;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-divider{font-size:12px;color:var(--muted);text-align:center;border-top:1px solid var(--border);padding-top:14px;margin:6px 0}.form-actions{margin-top:10px}.alert{padding:11px 14px;border-radius:12px;font-size:14px;margin-bottom:12px;border:1px solid transparent}.alert-warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}body.dark .alert-warn{background:#2a1f00;border-color:#78510a;color:#fde68a}body.dark .alert-error{background:#2a0a0a;border-color:#7f1d1d;color:#fca5a5}body.dark .input{background:var(--panel2);border-color:var(--border)}
@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:860px){.sidebar{display:none}.content{padding:14px}.stats-grid{grid-template-columns:1fr}}