@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--green:#087b69;--deep:#073e39;--mint:#d9f5e9;--text:#172c36;--muted:#84939e;--border:#e8edf0;--bg:#f6f9fa}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--text)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif}button,input,select{font:inherit}a{text-decoration:none;color:inherit}.muted{color:var(--muted)}.tiny{font-size:11px}.brand{display:flex;align-items:center;gap:11px;font:800 27px Outfit;letter-spacing:-1px}.brand small{font:700 9px 'DM Sans';letter-spacing:1.8px;margin-left:2px;opacity:.65}.brand.light{color:white}.brand-icon{display:inline-grid;place-items:center;width:40px;height:40px;background:#26b69b;color:white;border-radius:13px;font-size:27px}.login-body{background:#eef5f3;min-height:100vh;display:grid;place-items:center;padding:25px}.login-shell{width:min(1120px,100%);min-height:690px;display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:25px;overflow:hidden;box-shadow:0 28px 85px #143c3430}.login-showcase{background:linear-gradient(145deg,#073c39,#087966 80%,#0e957e);padding:44px 49px;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.showcase-content{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#b8f6dd}.showcase-content h1{font-size:clamp(40px,4.2vw,61px);line-height:1.13;letter-spacing:-2px;margin:23px 0}.showcase-content h1 em{font-style:normal;color:#89e9bf}.showcase-content p{max-width:355px;color:#c8e5dc;line-height:1.85;font-size:14px}.showcase-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.showcase-stats span{background:#ffffff16;border:1px solid #ffffff26;padding:10px 13px;border-radius:10px;font-size:11px}.showcase-bottom{font-size:11px;color:#b6d9d1;position:relative;z-index:1}.orb{position:absolute;border-radius:50%;border:1px solid #ffffff15}.orb-one{width:430px;height:430px;right:-210px;bottom:35px;box-shadow:0 0 0 60px #ffffff05,0 0 0 130px #ffffff04}.orb-two{width:130px;height:130px;background:#45d9a92a;right:90px;bottom:180px;filter:blur(15px)}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:65px 68px 25px}.login-card{width:100%;max-width:390px;margin:auto}.mobile-brand{display:none}.welcome-badge{display:inline-block;background:#e6f8f1;color:#0b9377;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:1.3px}.login-card h2{font-size:35px;letter-spacing:-1.2px;margin:19px 0 5px}.login-card>p{font-size:13px;margin-bottom:38px}.login-card label{display:block;font-size:12px;font-weight:800;margin:18px 0 9px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row label{margin-bottom:9px}.input-wrap{height:54px;border:1px solid #e1e9e8;border-radius:12px;display:flex;align-items:center;padding:0 15px;gap:12px;color:#8ca8a2}.input-wrap:focus-within{border-color:#0e9b7c;box-shadow:0 0 0 3px #0e9b7c15}.input-wrap input{border:0;outline:0;flex:1;min-width:0;color:#163b36;background:transparent;font-size:13px}.eye{border:0;background:none;color:#839e97;cursor:pointer}.primary{background:linear-gradient(100deg,#07856d,#0ea58a);color:white;border:0;border-radius:11px;padding:14px 20px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #07856d20}.primary:hover{filter:brightness(1.06)}.login-submit{width:100%;margin-top:27px;display:flex;justify-content:space-between}.secure{text-align:center;margin-top:29px;color:#9badab;font-size:11px}.login-panel footer{text-align:center;font-size:11px;color:#a6b4b5}.alert{background:#fff0eb;color:#a94b31;padding:12px 16px;border-radius:10px;font-size:13px;margin:14px 0}.loading{position:fixed;inset:0;background:#073e39;z-index:50;color:white;display:none;flex-direction:column;align-items:center;justify-content:center}.loading.show{display:flex}.loader-mark{font-size:60px;animation:pulse 1s infinite alternate}.loading h3{font-size:25px;margin:20px 0 8px}.loading p{color:#a8d9cb;font-size:13px}.loading-bar{width:220px;height:5px;background:#ffffff22;border-radius:20px;overflow:hidden;margin-top:20px}.loading-bar i{display:block;background:#4be2af;width:40%;height:100%;animation:slide 1.2s infinite alternate}@keyframes slide{to{transform:translateX(150%)}}@keyframes pulse{to{transform:scale(1.2);opacity:.6}}.app-body{background:var(--bg)}.app{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#073f3a;color:#c0d8d3;min-height:100vh;padding:29px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 12px;font-size:25px}.sidebar .brand small{font-size:8px}.side-caption{font-size:9px;letter-spacing:2px;color:#81aaa1;font-weight:800;margin:55px 17px 17px}.nav-link{display:flex;align-items:center;gap:15px;padding:14px 17px;margin-bottom:5px;border-radius:10px;font-size:13px;font-weight:600}.nav-link span{font-size:20px;width:22px;text-align:center}.nav-link:hover,.nav-link.active{background:#17665b;color:white}.nav-link.active{box-shadow:inset 3px 0 #62e1b9}.sidebar-bottom{margin-top:auto}.help-box{background:#ffffff0d;border:1px solid #ffffff15;padding:18px;border-radius:13px}.help-box b{color:#d1fff0;font-size:12px}.help-box p{font-size:11px;line-height:1.6;margin:9px 0 0}.logout{background:none;color:#c1d7d2;border:0;padding:18px;font-size:12px;cursor:pointer}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:95px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.topbar h2{font-size:23px;margin:5px 0 0}.top-user{display:flex;align-items:center;gap:11px;font-size:12px}.top-user small{display:block;color:#9ca9ad;font-size:10px;margin-top:4px}.top-date{color:#95a5a8;margin-right:18px}.avatar{width:37px;height:37px;background:#d8f4e8;color:#087c65;border-radius:12px;display:grid;place-items:center;font-weight:800}.content{padding:32px 40px;max-width:1600px;width:100%;margin:auto;flex:1}.hero{min-height:245px;background:linear-gradient(105deg,#087e6d,#11a487);border-radius:18px;padding:36px 40px;color:white;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero h1{font-size:35px;margin:15px 0 7px}.hero p{font-size:13px;color:#d0f6e9;line-height:1.8}.hero-button{display:inline-block;margin-top:9px;padding:11px 16px;border-radius:9px;background:white;color:#087d69;font-weight:800;font-size:12px}.hero-art{font-size:170px;opacity:.2;transform:rotate(-16deg);margin:-28px 70px -50px 0}.hero-art span{position:absolute;font-size:70px;right:-70px;top:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:24px 0}.stat{background:white;border:1px solid var(--border);border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:10px}.stat-icon{font-size:24px;width:43px;height:43px;display:grid;place-items:center;border-radius:12px}.teal{background:#dff7ed;color:#09896e}.blue{background:#e3efff;color:#3c79ca}.purple{background:#eee9ff;color:#8661c5}.orange{background:#fff1de;color:#db9a40}.stat small{color:#71848c;font-size:11px}.stat strong{font:800 30px Outfit}.stat-foot{font-size:10px;color:#a1adb2}.dash-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{background:white;border:1px solid var(--border);border-radius:15px;padding:24px;margin-bottom:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.panel-heading h3{font-size:20px;margin:7px 0 0}.panel-heading a{font-size:12px;font-weight:800;color:#079378}.eyebrow.dark{color:#0a9a7b}.empty{text-align:center;color:#a1afb3;font-size:55px;padding:32px 0}.empty p{font-size:12px}.quick>a{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--border);color:#0d9179;font-size:23px}.quick>a span{flex:1;font-size:13px;font-weight:800;color:#283f44}.quick>a small{display:block;color:#9daeb1;font-size:11px;font-weight:400;margin-top:5px}.quick>a:last-child{border-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid #e0e9e8;border-radius:9px;padding:12px;background:white;outline-color:#079378;min-height:45px}.form-actions{grid-column:1/-1;margin-top:7px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-size:10px;letter-spacing:.5px;color:#87979c;background:#f7faf9}td,th{padding:13px;border-bottom:1px solid #edf1f1}td{color:#41565b}.pill{background:#e7f7f0;color:#0a8c6f;padding:7px 10px;border-radius:30px;font-size:10px;font-weight:800}.delete{border:0;border-radius:7px;background:#fff0ed;color:#b64d41;padding:7px 10px;cursor:pointer}.empty-cell{text-align:center;color:#9caaae;padding:35px}.notice{background:#e6f8f0;color:#07785e}.app-footer{text-align:center;color:#a3b1b5;font-size:11px;padding:20px}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dash-columns{grid-template-columns:1fr}.content{padding:25px}.topbar{padding:0 25px}}@media(max-width:760px){.login-body{padding:12px}.login-shell{display:block;min-height:auto}.login-showcase{display:none}.login-panel{padding:45px 28px 25px;min-height:560px}.mobile-brand{display:flex;margin-bottom:45px;color:#087d69}.sidebar{width:73px;padding:24px 9px}.sidebar .brand{font-size:0;padding:0 7px}.sidebar .brand small,.side-caption,.help-box,.logout{display:none}.nav-link{font-size:0;justify-content:center;padding:13px 4px}.nav-link span{font-size:23px}.topbar{height:75px;padding:0 18px}.top-date,.top-user div{display:none}.content{padding:17px}.hero{padding:25px;min-height:220px}.hero h1{font-size:27px}.hero-art{display:none}.stat-grid{gap:10px}.stat{padding:15px}.form-grid{grid-template-columns:1fr}.panel{padding:16px}.topbar h2{font-size:20px}}@media(max-width:420px){.sidebar{width:59px}.brand-icon{width:35px;height:35px}.stat-grid{grid-template-columns:1fr 1fr}.stat strong{font-size:25px}}