:root{--bg:#0f1011;--panel:#191a1c;--panel2:#222326;--line:#32343a;--text:#f7f4ec;--muted:#aaa;--gold:#c9a227}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:#111214;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}.brand{padding:5px 10px 23px;border-bottom:1px solid var(--line);margin-bottom:16px}.eyebrow{color:var(--gold);font-size:.72rem;letter-spacing:.17em;font-weight:900}.brand-name{font:1.9rem Georgia;margin-top:5px}
nav{display:grid;gap:5px}nav a{color:#ddd;text-decoration:none;padding:12px;border-radius:10px}nav a:hover,nav a.active{background:var(--panel2)}nav a.active{border-left:3px solid var(--gold)}.disabled{opacity:.38;pointer-events:none}.logout{margin-top:auto}.logout button{width:100%;background:transparent;color:#aaa;border:1px solid var(--line);padding:11px;border-radius:10px}
.main{min-width:0}.topbar{height:90px;display:flex;align-items:center;gap:15px;padding:15px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#101113e8;backdrop-filter:blur(8px);z-index:5}.topbar h1{font:1.85rem Georgia;margin:3px 0}.menu{display:none;background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:8px;padding:9px}.content{padding:27px;max-width:1500px;margin:auto}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.panel,.event-card{background:var(--panel);border:1px solid var(--line);border-radius:15px}.stat{padding:19px}.stat span,.stat small,.panel small,.toolbar small,.event-card small{display:block;color:var(--muted)}.stat strong{display:block;font-size:2rem;margin:7px 0}
.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:17px;margin-top:17px}.panel{padding:19px}.panel h2{font:1.3rem Georgia;margin:0 0 14px}.event-row{display:grid;grid-template-columns:88px 1fr auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.event-date{color:var(--gold);font-weight:800}.event-row small{margin-top:4px}.progress{height:7px;background:#303136;border-radius:20px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:var(--gold)}
.badge{padding:6px 9px;border-radius:20px;font-size:.77rem;font-weight:800}.green{background:#153d29;color:#7be0a8}.yellow{background:#493914;color:#f1cf70}.red{background:#482020;color:#ff9696}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick a{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:14px;color:#fff;text-decoration:none}.quick small{margin-top:4px}.recent{margin-top:17px}.mini{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.mini small{margin-top:3px}
.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.toolbar input{width:min(360px,100%);background:var(--panel);border:1px solid var(--line);color:#fff;padding:12px;border-radius:10px}.event-list{display:grid;gap:13px}.event-card{padding:17px}.event-card summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer}.event-card summary small{margin-top:5px}.type{display:inline-block;background:var(--gold);color:#111;padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:900;margin-right:8px}.details{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}.details h3{font:1.15rem Georgia;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:7px;margin-top:23px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid>div,.box{background:#131416;border:1px solid var(--line);border-radius:10px;padding:13px}.grid b,.box b{display:block;margin-bottom:5px}.full{grid-column:1/-1}.empty{color:#777;font-style:italic}table{width:100%;border-collapse:collapse;background:#131416;border-radius:10px;overflow:hidden}td{padding:10px;border-bottom:1px solid var(--line)}td:first-child{width:125px}
.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 28px));background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:27px}.login-card h1{font:2.4rem Georgia;margin:6px 0}.login-card p{color:var(--muted)}.login-card label{display:block;font-weight:bold;margin-bottom:7px}.login-card input{width:100%;background:#111;color:#fff;border:1px solid var(--line);padding:13px;border-radius:10px;margin-bottom:13px}.login-card button{width:100%;background:var(--gold);border:0;padding:13px;border-radius:10px;font-weight:900}.alert{background:#482020;color:#ffaaaa;padding:11px;border-radius:9px;margin-bottom:12px}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.app{display:block}.sidebar{position:fixed;z-index:20;width:250px;left:-270px;transition:.2s;box-shadow:15px 0 40px #0009}.sidebar.open{left:0}.menu{display:block}.topbar{padding:14px 16px}.content{padding:16px}.grid{grid-template-columns:1fr}.full{grid-column:auto}.event-row{grid-template-columns:75px 1fr}.event-row .badge{grid-column:2}.event-card summary{display:block}.event-card summary .badge{display:inline-block;margin-top:10px}}@media(max-width:470px){.stats,.quick{grid-template-columns:1fr}.toolbar{display:block}.toolbar input{margin-top:10px}}