:root{--bg:#f4f6fb;--ink:#172033;--blue:#155eef;--card:#fff;--muted:#667085;--line:#e5e7eb;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}.shell{display:flex;min-height:100vh}aside{width:260px;background:#0b1220;color:#fff;padding:22px;position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:900;margin-bottom:12px}nav{display:grid;gap:6px;margin-top:24px}nav a{color:#d0d5dd;text-decoration:none;padding:10px 12px;border-radius:12px}nav a:hover{background:#1d2939;color:white}main{flex:1;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0;font-size:28px}.small{color:#98a2b3;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px #10182812}.kpi{font-size:30px;font-weight:900}.muted{color:var(--muted)}.btn{background:var(--blue);color:#fff;border:0;border-radius:12px;padding:10px 14px;text-decoration:none;display:inline-block;cursor:pointer}.btn.light{background:#eef4ff;color:#155eef}.btn.danger{background:var(--danger)}table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{background:#f9fafb}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form .full{grid-column:1/-1}input,select,textarea{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:12px;background:white}textarea{min-height:92px}.alert{padding:12px;border-radius:12px;margin-bottom:14px;background:#ecfdf3;color:var(--ok)}.alert.err{background:#fef3f2;color:var(--danger)}.badge{padding:5px 9px;border-radius:999px;background:#eef4ff;color:#155eef;font-size:12px}.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo{width:100%;height:210px;object-fit:cover;border-radius:14px;background:#eee}@media(max-width:900px){.shell{display:block}aside{position:relative;width:100%;height:auto}main{padding:14px}.grid,.feed,.form{grid-template-columns:1fr}header{display:block}}