@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0e1730;--navy2:#141f3b;--ink:#19233b;--muted:#7b869e;--soft:#f5f7fc;--line:#e8edf5;--teal:#0dbd9c;--purple:#6554e8;--blue:#4279f6;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans','Manrope',Arial,sans-serif;color:var(--ink);background:var(--soft);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}small{font-size:11px}.muted{color:var(--muted)}.eyebrow{letter-spacing:2px;font-weight:800;font-size:10px}.admin-body{min-height:100vh;display:flex}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:#0e1832;color:#9eabc9;padding:30px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:3px 12px 44px;color:white;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-mark,.login-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#29dfb9,#338def);display:flex;align-items:center;justify-content:center;color:white;font-size:26px;box-shadow:0 9px 25px #008bf522}.brand-accent{color:#38d5ae}.brand small{display:block;font-size:9px;letter-spacing:2.1px;color:#8797bc;margin-top:2px;font-weight:600}.nav-caption{padding:0 16px 15px;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#6c7b9f}.nav-link{display:flex;align-items:center;gap:13px;border-radius:11px;margin:4px 0;padding:12px 14px;font-weight:600;transition:.2s}.nav-link:hover{background:#1a2b4d;color:white}.nav-link.current{background:linear-gradient(90deg,#30457b,#24345d);color:#fff;border-left:3px solid #38d5ae}.nav-icon{font-size:19px;width:22px;text-align:center}.sidebar-bottom{display:flex;align-items:center;gap:11px;margin-top:auto;border-top:1px solid #263451;padding:23px 5px 0}.admin-avatar{width:36px;height:36px;background:linear-gradient(130deg,#23bdac,#6370e2);border-radius:12px;color:white;display:grid;place-items:center;font-weight:800}.admin-identity{flex:1;min-width:0}.admin-identity strong,.admin-identity small{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.admin-identity strong{color:#fff;font-size:12px}.admin-identity small{margin-top:3px;color:#9cadce}.logout-link{font-size:23px}.main-shell{margin-left:242px;width:calc(100% - 242px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:110px;background:#fff;padding:28px 42px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:27px;letter-spacing:-.8px;margin:3px 0 0;font-weight:800}.breadcrumb{font-size:10px;letter-spacing:1.6px;color:#92a0b5;font-weight:800}.topbar-right{display:flex;align-items:center;gap:9px;color:#7a879d;font-weight:600;font-size:12px}.live-dot{height:9px;width:9px;border-radius:50%;background:#14bb98;box-shadow:0 0 0 4px #e1f9f2}.menu-toggle{display:none;border:0;background:none;font-size:25px}.content-area{width:100%;max-width:1520px;margin:0 auto;padding:31px 42px 48px;flex:1}.hero{background:linear-gradient(110deg,#1b2a53,#233c76 66%,#225d8c);border-radius:22px;color:white;min-height:205px;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff24;border-radius:50%;right:52px;top:-44px;box-shadow:0 0 0 37px #ffffff09,0 0 0 85px #ffffff05}.hero .eyebrow{color:#67e3c8}.hero h2{font-size:30px;margin:12px 0;letter-spacing:-1px}.hero p{color:#becee9;font-size:14px;max-width:440px;line-height:1.6}.hero-orbit{font-size:60px;color:#42d5b5;position:relative;z-index:1;padding-right:66px}.hero-orbit span{display:block;color:white;font-weight:800;font-size:18px;text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:23px 0}.stat-card{padding:24px;border-radius:16px;background:white;border:1px solid var(--line);box-shadow:0 5px 20px #14284905;position:relative}.stat-icon{width:39px;height:39px;border-radius:12px;background:#edfbf8;display:grid;place-items:center;color:#0ca88b;font-size:21px;margin-bottom:17px}.stat-card:nth-child(2) .stat-icon{background:#eef2ff;color:#6775ee}.stat-card:nth-child(3) .stat-icon{background:#fff1e9;color:#f1a15b}.stat-card:nth-child(4) .stat-icon{background:#edf5ff;color:#4587e9}.stat-caption{font-weight:600;color:#818ca0;font-size:12px}.stat-value{font-weight:800;font-size:31px;letter-spacing:-1.5px;margin:7px 0}.stat-foot{color:#8a95a8;font-size:11px}.two-columns{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin:20px 0}.panel{border-radius:18px;border:1px solid var(--line);background:#fff;padding:25px 27px;margin-bottom:20px;min-width:0}.two-columns .panel{margin-bottom:0}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px}.panel-title h3{font-size:16px;letter-spacing:-.35px;margin:0 0 6px}.panel-title p{color:#9aa5b6;margin:0;font-size:12px;line-height:1.6}.pill{background:#edf3ff;color:#4c71c5;border-radius:30px;padding:7px 12px;font-size:9px;font-weight:800;letter-spacing:1px}.bar-chart{height:195px;display:flex;gap:13px;align-items:stretch;padding-top:15px}.chart-column{display:flex;flex:1;align-items:center;flex-direction:column;gap:8px;min-width:0}.bar-track{width:100%;max-width:35px;height:156px;background:#f1f4fb;border-radius:7px;position:relative;overflow:hidden}.bar-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#22c7aa,#5795e8);border-radius:7px;min-height:2px}.chart-column small{font-size:10px;color:#91a0b4}.chart-note{font-size:10px;color:#9ba9bb;margin-top:8px}.health-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f2f7}.health-ico{height:36px;width:36px;border-radius:10px;display:grid;place-items:center;background:#e5faf4;color:#0da983;font-size:20px}.health-row div{flex:1}.health-row strong,.health-row small{display:block}.health-row strong{font-size:12px}.health-row small{font-size:10px;margin-top:4px;color:#94a0b0}.mini-good{font-size:9px;color:#11a584;background:#e5fbf4;border-radius:5px;padding:5px 8px;font-weight:800}.outline-btn{display:inline-block;border:1px solid #dce4ef;border-radius:9px;margin-top:18px;padding:11px 17px;color:#4779ca;font-weight:700;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:13px 12px;background:#f8faff;color:#8c98ac;font-size:10px;letter-spacing:1px;text-transform:uppercase}td{padding:15px 12px;border-bottom:1px solid #f0f3f7;font-size:12px}td strong{font-size:12px}.status{font-size:10px;border-radius:18px;padding:6px 10px;font-weight:700}.status.active{background:#e4f9f0;color:#0da881}.status.suspended{background:#fff0f0;color:#d15353}.text-link{font-size:12px;font-weight:700;color:#4b80d8}.footer{padding:20px 42px;color:#9aa6b9;font-size:11px;border-top:1px solid #e9edf5;display:flex;justify-content:space-between}.form-grid{display:grid;gap:15px}.form-grid label,.login-card label{display:block;font-size:12px;color:#586781;font-weight:700}.form-grid input,.form-grid textarea,.form-grid select,.login-card input,.search-form input{display:block;width:100%;margin-top:7px;border:1px solid #e0e7f1;border-radius:9px;padding:12px 13px;color:#22304a;background:#fff;outline:none}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.login-card input:focus{border-color:#557fdf;box-shadow:0 0 0 3px #557fdf13}.primary-btn{display:block;width:100%;border:0;border-radius:10px;background:linear-gradient(100deg,#0ab99c,#327fe0);padding:14px 19px;color:#fff;font-weight:800;text-align:center;margin:8px 0}.primary-btn:hover{opacity:.92}.template-list{max-height:560px;overflow-y:auto}.template-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f6}.template-item>div:nth-child(2){flex:1}.template-item strong,.template-item small{display:block}.template-item strong{font-size:12px}.template-item small{color:#9ca7b7;margin-top:4px}.template-bullet{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-size:17px;background:#edf4ff;color:#5b81df}.template-bullet.health{background:#fff0ef;color:#ec8183}.template-bullet.spiritual{background:#fff7e7;color:#cc9652}.tiny-btn,.small-btn{border:1px solid #e1e7f0;background:#f8faff;color:#557198;border-radius:8px;padding:7px 12px;font-weight:700;font-size:10px}.search-form{display:flex;gap:7px;align-items:end}.search-form input{width:220px;margin:0}.pager{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:20px 6px 0;font-size:12px;color:#77869f}.pager a{color:#4d79c1}.metric-line{display:grid;grid-template-columns:170px 1fr 46px;align-items:center;gap:20px;margin:25px 0}.metric-line strong,.metric-line span{display:block}.metric-line strong{font-size:12px}.metric-line span{margin-top:6px;font-size:11px;color:#8c99ad}.metric-line b{text-align:right;color:#3c608f}.progress-track{height:10px;border-radius:20px;background:#eef2f9;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#24c2a7,#5e8fe7);border-radius:20px}.detail-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.detail-list span{color:#8d99ad}.login-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#24446b,#0e1730 55%,#0a1229);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:24px;width:min(100%,445px);padding:37px 40px;box-shadow:0 30px 90px #0005}.login-icon{width:53px;height:53px;font-size:30px;margin-bottom:25px}.login-card .eyebrow{color:#12b5a4}.login-card h1{font-size:27px;line-height:1.25;letter-spacing:-1.1px;margin:9px 0}.login-card h1 span{color:#11b99d}.login-card .muted{line-height:1.6;margin-bottom:25px}.login-card label{margin:17px 0}.login-card small{color:#92a0b2}.alert{background:#fff0ee;color:#a33d36;padding:13px;border-radius:8px;margin:15px 0}.success-note{background:#e8fbf4;border-radius:12px;padding:19px;color:#286d59}.success-note p{line-height:1.7}.install-card{width:min(100%,520px);margin:40px auto}.install-card h3{margin-top:25px;border-top:1px solid #eef0f5;padding-top:23px}.login-page:has(.install-card){align-items:flex-start}
@media(max-width:1150px){.stat-grid{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.hero-orbit{padding-right:20px}.content-area{padding:28px}.topbar{padding:24px 28px}.metric-line{grid-template-columns:140px 1fr 44px}}
@media(max-width:750px){.sidebar{transform:translateX(-100%);transition:transform .2s}.show-menu .sidebar{transform:translateX(0);box-shadow:0 0 0 999px #07112588}.main-shell{margin-left:0;width:100%}.menu-toggle{display:block}.topbar{height:85px;padding:15px 19px;justify-content:flex-start;gap:15px}.topbar h1{font-size:21px}.topbar-right{display:none}.content-area{padding:18px}.hero{padding:26px;min-height:180px}.hero h2{font-size:23px}.hero-orbit{display:none}.stat-grid{gap:11px;margin:16px 0}.stat-card{padding:16px}.stat-value{font-size:25px}.panel{padding:20px 16px}.panel-title{flex-wrap:wrap}.search-form{width:100%}.search-form input{width:100%}.templates-layout{grid-template-columns:1fr}.footer{padding:15px 19px;display:block}.metric-line{grid-template-columns:1fr 1fr 35px;gap:9px}.login-card{padding:27px}}