*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f8f7;color:#17231f}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:255px;background:linear-gradient(180deg,#063d32,#075442);color:#fff;padding:20px 14px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:6px 10px 20px;border-bottom:1px solid #ffffff24}.brand .logo{font-size:34px}.brand b{font-size:16px}.brand small{opacity:.7}.nav{margin-top:18px}.nav a,.nav button{display:block;width:100%;padding:12px 14px;border:0;background:transparent;color:#dcebe6;border-radius:10px;text-align:left;margin:4px 0;font-size:14px;cursor:pointer}.nav a:hover,.nav a.active,.nav button:hover{background:#ffffff14;color:#fff}.nav .sub{padding-left:34px;font-size:13px}.content{margin-left:255px;width:calc(100% - 255px);padding:22px 28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{margin:0;font-size:28px}.muted{color:#6b7b76}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e5ece9;border-radius:16px;padding:18px;box-shadow:0 4px 18px #12321a08}.stat{min-height:130px}.stat .num{font-size:30px;font-weight:800;margin:8px 0}.stat .label{font-weight:700}.icon{font-size:25px}.btn{border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:700;display:inline-block}.primary{background:#087b5a;color:#fff}.blue{background:#1674d1;color:#fff}.purple{background:#6941c6;color:#fff}.orange{background:#f59e0b;color:#fff}.light{background:#eef6f3;color:#075442}.danger{background:#fee2e2;color:#991b1b}.btn.full{width:100%}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.toolbar input,.toolbar select,.form input,.form select,.form textarea,.login-card input{width:100%;padding:11px 12px;border:1px solid #d7e2de;border-radius:9px;background:#fff}.toolbar .search{min-width:240px;flex:1}.form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form label{font-weight:700;font-size:13px}.form-group{display:grid;gap:7px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 10px;border-bottom:1px solid #edf1ef;text-align:left;white-space:nowrap;font-size:13px}.table th{background:#f8faf9;color:#566762}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.green{background:#dcfce7;color:#166534}.bblue{background:#dbeafe;color:#1d4ed8}.bpurple{background:#ede9fe;color:#6d28d9}.borange{background:#ffedd5;color:#c2410c}.bred{background:#fee2e2;color:#b91c1c}.actions{display:flex;gap:6px}.actions a,.actions button{padding:7px 9px;border-radius:8px;border:1px solid #dbe5e1;background:#fff;cursor:pointer}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{font-size:17px;margin:0}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px}.success{background:#dcfce7;color:#166534}.warning{background:#fef3c7;color:#92400e}.danger{background:#fee2e2;color:#991b1b}.profile{display:grid;grid-template-columns:180px 1fr;gap:20px}.avatar{width:130px;height:130px;border-radius:18px;background:#e8f6f0;display:grid;place-items:center;font-size:52px}.kv{display:grid;grid-template-columns:180px 1fr;gap:9px;font-size:14px}.kv b{color:#64746e}.progress{height:10px;background:#e8efec;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:#0b8060}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#063d32,#e9f5f0)}.login-card{width:min(410px,92vw);background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 60px #001c1640}.login-card h1{margin:6px 0}.login-card p{text-align:center;color:#687873}.brand-mark{text-align:center;font-size:52px}.login-card form{display:grid;gap:8px}.login-card label{font-weight:700;margin-top:8px}.login-card small{display:block;text-align:center;margin-top:20px;color:#7a8984}.map-box{padding:20px;background:linear-gradient(135deg,#effaf1,#eef5ff);border-radius:14px}.region{display:grid;grid-template-columns:1fr 1fr;gap:16px}.region-card{padding:16px;border-radius:14px;background:#fff;border:1px solid #e4ebe8}.region-card h3{margin:0 0 8px}.quick{display:grid;gap:9px}.quick .btn{text-align:left}.empty{padding:30px;text-align:center;color:#71817c}.mobile-nav{display:none}@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.sidebar{width:220px}.content{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:760px){.sidebar{display:none}.content{margin-left:0;width:100%;padding:16px}.g4,.g3,.g2,.form-grid,.profile,.region{grid-template-columns:1fr}.topbar{gap:10px}.topbar h1{font-size:22px}.mobile-nav{display:block}.mobile-nav select{padding:10px;border-radius:9px;border:1px solid #ddd}.kv{grid-template-columns:1fr}.table th,.table td{font-size:12px}}