:root{--bg:#f4f7f5;--surface:#fff;--text:#17231f;--muted:#6b7772;--primary:#123d32;--primary2:#1c5949;--border:#e1e8e4;--danger:#b42318;--success:#18794e;--shadow:0 8px 30px rgba(20,45,38,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary2);text-decoration:none}a:hover{text-decoration:underline}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:15px 28px;background:var(--primary);color:#fff;box-shadow:0 3px 18px rgba(0,0,0,.12)}header strong{font-size:19px;letter-spacing:.2px;white-space:nowrap}header nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}header nav a{color:#eaf5f1;padding:8px 11px;border-radius:8px;font-size:14px}header nav a:hover{background:rgba(255,255,255,.12);text-decoration:none}
main{max-width:1400px;margin:0 auto;padding:30px 28px 50px}h1{font-size:28px;margin:0 0 22px;font-weight:700}h2{font-size:21px}h3{font-size:17px}.row{display:flex;flex-wrap:wrap;margin:-8px}.col-md-3{width:25%;padding:8px}.col-md-4{width:33.333%;padding:8px}.col-md-6{width:50%;padding:8px}.col-md-8{width:66.667%;padding:8px}.col-md-12{width:100%;padding:8px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:0}.card-body{padding:20px}.stat{min-height:125px}.display-6{font-size:32px;font-weight:750;margin-top:8px}.text-muted{color:var(--muted)!important}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.mb-3{margin-bottom:18px}.mb-4{margin-bottom:24px}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.gap-2{gap:10px}
.table-responsive{width:100%;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}th{background:#f7f9f8;color:#44524d;font-weight:650;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#f1f4f2;padding:3px 6px;border-radius:5px;word-break:break-all}
button,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 15px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer}.btn:hover,button:hover{background:var(--primary2);text-decoration:none}.btn-secondary{background:#eef2f0;color:#26342f}.btn-danger{background:#b42318}.btn-success{background:#18794e}.btn-sm{padding:7px 10px;font-size:13px}
input,select,textarea{width:100%;border:1px solid #cfd9d4;border-radius:9px;padding:10px 12px;background:#fff;color:var(--text);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(28,89,73,.18);border-color:var(--primary2)}label{display:block;font-weight:600;font-size:14px;margin-bottom:7px}.form-group{margin-bottom:16px}.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px}.alert-danger{background:#fff0ee;color:var(--danger);border:1px solid #f3c7c2}.alert-success{background:#edf9f2;color:var(--success);border:1px solid #bce5cb}
.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0d2e26,#183f34)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;padding:34px;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-card h2{margin:0;font-size:27px}.login-card .btn{width:100%}
@media(max-width:1000px){header{align-items:flex-start;flex-direction:column;gap:10px}.col-md-3,.col-md-4,.col-md-6,.col-md-8{width:50%}}@media(max-width:640px){main{padding:22px 14px}.col-md-3,.col-md-4,.col-md-6,.col-md-8{width:100%}header{padding:13px 15px}header nav a{font-size:13px;padding:7px 8px}}