:root{--bg:#0a0f0d;--panel:#121917;--panel2:#19221e;--text:#edf3ef;--muted:#9dad9f;--accent:#c6df20;--danger:#ff5d73;--warning:#f6b74d;--success:#79e68f;--border:rgba(255,255,255,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#16201b 0,#0a0f0d 55%);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0 0 12px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:12px 14px;background:#0d1411;border:1px solid var(--border);border-radius:14px;color:var(--text)}textarea{resize:vertical}button{cursor:pointer}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);background:rgba(18,25,23,.92);border:1px solid var(--border);padding:28px;border-radius:24px;box-shadow:0 20px 80px rgba(0,0,0,.3)}
.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:24px 20px;border-right:1px solid var(--border);background:rgba(11,16,14,.88);backdrop-filter:blur(16px);position:sticky;top:0;height:100vh}.content{padding:24px;overflow:auto}.brand-kicker{color:var(--accent);font-weight:800;letter-spacing:.12em;font-size:12px;text-transform:uppercase}.brand h1{font-size:24px}.nav{display:grid;gap:10px;margin:26px 0}.nav a{padding:12px 14px;border-radius:14px;background:transparent;border:1px solid transparent}.nav a:hover{background:rgba(198,223,32,.08);border-color:rgba(198,223,32,.18)}.sidebar-footer{margin-top:auto;display:grid;gap:10px;padding-top:20px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.muted{color:var(--muted)}.small{font-size:12px}.panel,.stat-card,.creative-card,.note-card{background:rgba(18,25,23,.9);border:1px solid var(--border);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.15)}.panel{padding:18px}.panel-header,.row.between,.actions-end{display:flex;justify-content:space-between;align-items:center;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{padding:18px}.stat-card span{display:block;color:var(--muted);margin-bottom:8px}.stat-card strong{font-size:28px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.single{grid-template-columns:1fr}.grid.two-col{grid-template-columns:1.15fr .85fr;gap:18px}.full{grid-column:1/-1}.filters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inline{display:flex;align-items:center;gap:10px}.inline input{width:auto}.inline-form{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:14px;background:var(--accent);color:#111;font-weight:700;border:none}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff;border:none}.alert{padding:12px 14px;border-radius:14px;margin-bottom:16px}.alert.success{background:rgba(121,230,143,.12);border:1px solid rgba(121,230,143,.28)}.alert.danger{background:rgba(255,93,115,.12);border:1px solid rgba(255,93,115,.28)}.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.actions form{display:inline-block}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creative-card{overflow:hidden}.creative-media{aspect-ratio:4/3;background:#0d1411}.creative-media img{width:100%;height:100%;object-fit:cover}.creative-body{padding:16px}.placeholder{height:100%;display:grid;place-items:center;color:var(--muted)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px}.badge.success{background:rgba(121,230,143,.12);border-color:rgba(121,230,143,.3)}.badge.warning{background:rgba(246,183,77,.12);border-color:rgba(246,183,77,.3)}.badge.danger{background:rgba(255,93,115,.12);border-color:rgba(255,93,115,.3)}.stack{display:grid;gap:12px}.note-card{padding:14px}.show-media{overflow:hidden;border-radius:18px;margin-bottom:14px}.show-media img{width:100%;max-height:420px;object-fit:cover}.meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.meta-list div{padding:12px;border:1px solid var(--border);border-radius:14px;background:#0d1411}.meta-list span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.tag-wrap,.checkbox-list{display:flex;flex-wrap:wrap;gap:10px}.checkbox-list label{padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:#0d1411}.mb-16{margin-bottom:16px}.mt-24{margin-top:24px}
@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.stats-grid,.card-grid,.grid.two,.grid.two-col,.filters-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.content{padding:16px}.stats-grid,.card-grid,.grid.two,.grid.two-col,.filters-grid,.meta-list{grid-template-columns:1fr}.inline-form,.panel-header,.actions-end{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start}}