:root{--primary:#10a7a2;--primary2:#078d9a;--dark:#163c4a;--bg:#f4fbfb;--white:#fff;--text:#17333d;--muted:#71848c;--danger:#dc5b63;--shadow:0 12px 35px rgba(20,80,90,.10)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.topbar{background:linear-gradient(120deg,var(--primary2),var(--primary));color:#fff;min-height:68px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 18px #087f8422}.brand{color:#fff;text-decoration:none;font-size:20px;font-weight:800;display:flex;gap:10px;align-items:center}.brand-icon{background:#ffffff22;border-radius:12px;padding:7px}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;padding:9px 12px;border-radius:10px}.nav a:hover{background:#ffffff22}.nav .logout{background:#ffffff22}.container{max-width:1200px;margin:0 auto;padding:30px 18px 50px}footer{text-align:center;color:var(--muted);padding:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat,.card,.module-card{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:20px}.stat span{display:block;color:var(--muted);font-size:13px}.stat b{font-size:26px;color:var(--dark)}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.chart-card{min-height:350px}.big-number{font-size:30px;font-weight:800;color:var(--primary2);margin:10px 0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.module-card{border:1px solid #e4f1f2}.module-top,.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.module-card h3{margin:14px 0 4px}.module-card p,.muted,small{color:var(--muted)}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#e7f8f6;color:#087c78;font-size:12px;font-weight:700}.progress{height:8px;background:#eaf2f2;border-radius:99px;margin:15px 0 7px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary2),#4ed5ba);border-radius:99px}.btn{border:0;border-radius:11px;padding:10px 15px;background:#e8f1f2;color:var(--dark);font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.btn.primary{background:linear-gradient(120deg,var(--primary2),var(--primary));color:#fff}.btn.danger{background:#ffe7e9;color:#a82f38}.btn.small{padding:6px 10px;font-size:12px}.btn.full{width:100%}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end}.form-grid input,.form-grid select,.pay-form input,.login-card input{width:100%;padding:11px 12px;border:1px solid #d7e6e8;border-radius:10px;outline:none;background:#fbfefe}.form-grid input:focus,.form-grid select:focus,.pay-form input:focus,.login-card input:focus{border-color:var(--primary)}label{display:block;font-weight:700;margin:14px 0 6px}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:750px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e6eeee}th{background:#f1f8f8}.alert{padding:12px 15px;border-radius:12px;margin-bottom:15px}.alert.success{background:#e4f8ee;color:#16704b}.alert.error{background:#ffe8ea;color:#a52e38}.notice{border-left:5px solid var(--primary);margin-bottom:18px}.pay-form{margin-top:15px;display:grid;gap:8px}.success-text{color:#148257;font-weight:800;margin-top:15px}.inline{display:flex;gap:5px}.login-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,#d8f7f0,transparent 30%),linear-gradient(135deg,#effafa,#dff6f4);display:flex;align-items:center;justify-content:center;padding:20px}.login-wrap{width:min(440px,100%)}.login-card{background:#fff;padding:30px;border-radius:26px;box-shadow:0 20px 60px #177b7b25}.login-logo{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,var(--primary2),var(--primary));display:grid;place-items:center;font-size:30px;margin:auto}.login-card h1{text-align:center;margin:12px 0 0}.login-card .muted{text-align:center}.role-switch{display:grid;grid-template-columns:1fr 1fr;background:#edf5f5;padding:4px;border-radius:12px;margin:22px 0}.role-switch button{border:0;background:transparent;padding:10px;border-radius:9px;font-weight:800;color:var(--muted);cursor:pointer}.role-switch button.active{background:#fff;color:var(--primary2);box-shadow:0 2px 8px #0000000c}.hint{font-size:12px;color:var(--muted);margin-top:15px;text-align:center}.pay-form+.success-text{}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{padding:10px 14px;align-items:flex-start;flex-direction:column}.nav{width:100%;overflow:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}.container{padding:20px 12px 40px}.stats,.module-grid{grid-template-columns:1fr}.stat b{font-size:23px}.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.login-card{padding:22px}.table-wrap{margin-left:-5px;margin-right:-5px}.inline{flex-wrap:wrap}}@media print{.topbar,footer,.btn{display:none!important}.container{max-width:none;padding:0}.card{box-shadow:none}}