@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--brand:#0a9b60;--brand2:#14b978;--dark:#092319;--muted:#718079;--bg:#f5f8f6;--line:#e2ebe6}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:var(--bg);color:#17251e}a{text-decoration:none;color:inherit}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#08251a,#0b3022);color:#fff;padding:24px 16px;box-shadow:10px 0 30px rgba(8,35,25,.05)}.brand{font-size:21px;font-weight:800;margin:0 10px 27px}.brand span{color:#36dd91}.brand:after{content:'ADMIN';font-size:9px;background:#1b5b40;color:#8ff0bb;padding:4px 6px;border-radius:5px;margin-left:7px;vertical-align:3px}.nav a{display:flex;align-items:center;padding:11px 12px;margin:4px 0;border-radius:9px;color:#c7d9d0;font-size:13px}.nav a:hover,.nav a.on{background:linear-gradient(90deg,#0e8e58,#11aa69);color:#fff;box-shadow:0 6px 15px rgba(0,0,0,.12)}.main{grid-column:2;padding:0 28px 40px}.top{height:92px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;border-bottom:1px solid var(--line)}.top h2{font-size:25px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.box{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 8px 24px rgba(19,48,35,.04)}.card{min-height:104px;position:relative;overflow:hidden}.card:after{content:'';position:absolute;width:70px;height:70px;border-radius:22px;background:#edf9f3;right:-20px;top:-20px;transform:rotate(20deg)}.num{font-size:28px;font-weight:800;margin-top:7px;color:#14271e}.muted{color:var(--muted);font-size:12px}.box{margin-top:18px;overflow:auto}.box h3{margin-top:2px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1ef;font-size:13px}th{font-size:11px;color:#718079}.btn{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:10px 14px;border:0;border-radius:9px;cursor:pointer;font-weight:700}.btn.gray{background:#e8efeb;color:#183126}.btn.red{background:#c0392b}.input{width:100%;padding:11px 12px;border:1px solid #d9e2dd;border-radius:9px;margin:6px 0 14px;background:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.badge{padding:5px 9px;border-radius:20px;background:#e8f7ef;color:#087747;font-size:11px}.flash{padding:12px;border-radius:9px;background:#e8f7ef;margin:10px 0}.err{background:#fdecea;color:#9b2c22}
/* modern split login */.login-page{min-height:100vh;display:grid;grid-template-columns:42% 58%;background:#f7faf8}.login-art{background:radial-gradient(circle at 70% 80%,#14a66b 0,#087248 32%,#075235 68%,#063e2a 100%);color:#fff;padding:55px 10%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.login-art:before{width:330px;height:330px;right:-120px;bottom:-90px}.login-art:after{width:210px;height:210px;right:-60px;bottom:-20px}.login-logo{font-size:25px;font-weight:800}.login-logo span{color:#8bf0b9}.login-art h1{font-size:46px;line-height:1.06;margin:18px 0}.login-art p{color:#d1eee0;line-height:1.7;max-width:440px}.login-points{display:grid;gap:12px;margin-top:25px}.login-points div{font-size:13px}.login-points b{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.13);margin-right:9px}.login-form-area{display:grid;place-items:center;padding:35px}.login-card{width:min(440px,100%)}.secure-pill{float:right;border:1px solid #dce8e2;background:#fff;border-radius:10px;padding:9px 11px;font-size:10px;color:#587066}.login-card h2{font-size:30px;margin:60px 0 5px}.login-card>p{color:#7a8b83;font-size:13px;margin-bottom:28px}.login-card label{font-size:12px;font-weight:600}.login-card .input{padding:13px;margin-bottom:17px}.login-card .btn{width:100%;padding:13px}.login-card .footnote{text-align:center;margin-top:22px;font-size:12px;color:#7a8b83}.login-card .footnote a{color:#078c56;font-weight:700}
@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:static;width:auto}.main{grid-column:1}.cards{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-art{min-height:310px;padding:35px}.login-art h1{font-size:36px}.login-form-area{padding:30px 20px}.login-card h2{margin-top:35px}}@media(max-width:600px){.cards,.grid2{grid-template-columns:1fr}.main{padding:0 16px 25px}}