:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e9eeeb;background:#0b0f0e}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:260px;background:#101715;border-right:1px solid #25332e;padding:32px 22px;display:flex;flex-direction:column;gap:42px}.brand{font-size:27px;font-weight:750;letter-spacing:-1px}.brand small{display:block;color:#68ce96;font-size:10px;letter-spacing:2px;margin-top:6px}nav{display:grid;gap:10px}nav a{color:#b2c3b9;text-decoration:none;padding:13px;border-radius:9px}nav a:hover{background:#1a2b22;color:#fff}.bottom{margin-top:auto;color:#77877e;font-size:12px}main{padding:26px 42px;flex:1;min-width:0}header{display:flex;align-items:center;justify-content:space-between;color:#87998e;border-bottom:1px solid #24332a;padding-bottom:22px;font-size:12px;letter-spacing:1px}h1{font-size:34px;margin:32px 0 6px}h2{font-size:20px}.muted,small{color:#8fa095}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.cards article,.panel,.gallery article{border:1px solid #2b3a31;background:#121a16;border-radius:14px;padding:24px}.cards h2{font-size:38px;color:#83dfa9;margin:16px 0 0}.panel{margin:24px 0}.panel p{line-height:1.6}.inline{display:flex;gap:12px;flex-wrap:wrap}input{background:#0c120f;border:1px solid #3a4a40;border-radius:9px;padding:13px;color:white;min-width:200px}button{background:#56b97f;border:0;border-radius:9px;padding:13px 20px;font-weight:700;cursor:pointer;color:#08110c}.subtle{background:#203128;color:#c3e3cf}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:15px;border-bottom:1px solid #2c3a31;word-break:break-word}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.gallery img{width:100%;height:190px;object-fit:contain;background:#090e0b}.gallery p{overflow-wrap:anywhere}.alert{background:#243f30;padding:14px;border-radius:8px}.login{align-items:center;justify-content:center}.loginbox{width:min(430px,92vw);background:#141d18;border:1px solid #2a4132;border-radius:20px;padding:38px}.loginbox h1{margin:0;font-size:40px}.loginbox p{color:#72d49d}.loginbox form{display:grid;gap:12px;margin:30px 0}.loginbox input{width:100%}@media(max-width:750px){body{display:block}aside{width:100%;padding:15px;gap:12px}nav{display:flex;flex-wrap:wrap}main{padding:20px}.cards{grid-template-columns:1fr}header{flex-wrap:wrap;gap:12px}}

.brand-logo{display:block;max-width:170px;width:100%;height:auto;margin-bottom:12px}.login-logo{display:block;width:220px;max-width:100%;height:auto;margin:0 auto 24px}