:root{--orange:#ef6c00;--dark:#171717;--mid:#242424;--light:#f4f5f7;--blue:#1976d2}
*{box-sizing:border-box} body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--light);color:#222}
.top{background:var(--orange);color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:22px;font-weight:700}.userbox{font-size:14px}
.nav{background:var(--dark);color:#fff;padding:12px 24px;display:flex;gap:10px;flex-wrap:wrap}
.nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;background:#242424}
.nav a:hover{background:#333}.wrap{max-width:1200px;margin:24px auto;padding:0 18px}
.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:18px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
label{display:block;font-weight:600;margin-top:10px;margin-bottom:4px}
input,select,textarea{width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;font:inherit}
button,.btn{display:inline-block;border:0;border-radius:6px;padding:10px 16px;background:var(--orange);color:#fff;text-decoration:none;cursor:pointer;font-weight:600}
.btn.secondary{background:#444}.btn.blue{background:var(--blue)}
table{width:100%;border-collapse:collapse;background:#fff} th,td{padding:10px;border-bottom:1px solid #e4e4e4;text-align:left}
th{background:#f0f0f0}.status{display:inline-block;color:#fff;padding:5px 10px;border-radius:999px;font-weight:700;font-size:12px}
.notice{background:#fff3e0;border-left:4px solid var(--orange);padding:12px;margin-bottom:10px}
.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111,#2a2a2a)}
.login-card{width:min(430px,92vw);background:#fff;border-radius:14px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.login-title{font-size:28px;font-weight:800;margin-bottom:4px}.muted{color:#777}.error{color:#b71c1c;background:#ffebee;padding:10px;border-radius:6px}