:root { --bg:#f4f7fb; --card:#fff; --ink:#1f2937; --muted:#64748b; --accent:#0f766e; --danger:#b91c1c; }
*{box-sizing:border-box} body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:#0b1320;color:#fff;padding:20px}.sidebar h1{font-size:20px;margin-top:0}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar a{color:#d8e4ff;text-decoration:none;padding:8px;border-radius:6px}.sidebar a:hover{background:#1c2940}
.content{flex:1;padding:24px}.auth-page{display:grid;place-items:center;min-height:100vh}.auth-card{background:#fff;padding:24px;border-radius:10px;min-width:320px;box-shadow:0 5px 20px rgba(0,0,0,.08)}
form{display:grid;gap:10px;background:var(--card);padding:14px;border-radius:8px;margin-bottom:16px}label{display:grid;gap:6px}input,select,button{padding:9px;border:1px solid #d5dbe6;border-radius:6px}button,.btn{background:var(--accent);color:#fff;border:0;cursor:pointer;text-decoration:none;display:inline-block;padding:10px 14px;border-radius:6px}.btn{font-size:14px}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:8px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #e4e8ef;text-align:left;font-size:14px}
.inline{display:flex;gap:8px;align-items:center;background:none;padding:0}.danger-inline button{background:var(--danger)}
.alert{padding:10px;border-radius:6px;margin-bottom:12px}.alert.error{background:#fee2e2;color:#991b1b}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stats article{background:var(--card);padding:12px;border-radius:8px}
.grid-4,.grid-5{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
@media (max-width: 880px){.layout{flex-direction:column}.sidebar{width:100%}.content{padding:12px}}