@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101a35;--navy2:#1a2850;--ink:#18223b;--muted:#7c879d;--line:#e8edf4;--bg:#f5f7fb;--blue:#4169e1;--purple:#7766df;--green:#179c76;--gold:#c28b34;--white:#fff;--shadow:0 12px 34px rgba(26,43,82,.06)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}h1,h2,h3,strong{font-family:'Manrope','DM Sans',sans-serif}h1{font-size:clamp(28px,3vw,36px);letter-spacing:-1.2px;margin:5px 0 8px}h2{font-size:23px;letter-spacing:-.6px;margin:0 0 10px}h3{font-size:16px;margin:0 0 7px}.muted{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#8390ad;margin:0 0 10px}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#dfc17e,#b58b42);color:#17213e;font-family:Manrope;font-weight:900;letter-spacing:-1px;font-size:17px;box-shadow:0 7px 20px #0a13253a}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:13px}.login-body{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 10% 10%,#e6ecfa 0,transparent 35%),#f4f6fb}.login-wrap{display:grid;grid-template-columns:1fr 1fr;width:min(960px,100%);min-height:590px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 25px 90px #18284b1a}.brand-panel{background:linear-gradient(145deg,#111b37,#202e59);color:white;padding:54px 50px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.brand-panel:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #ffffff14;border-radius:50%;right:-170px;bottom:-130px;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff05}.brand-panel .eyebrow{margin-top:58px;color:#c6ad75}.brand-panel h1{font-size:40px;line-height:1.17;color:white}.brand-panel h1 span{color:#d7b56d}.brand-panel .muted{color:#b7c1d8;font-size:14px;max-width:300px;margin-top:10px}.brand-foot{margin-top:auto;color:#8795b7;font-size:11px;letter-spacing:.4px}.login-panel{padding:64px 52px;display:flex;flex-direction:column;justify-content:center}.login-panel h2{font-size:27px;margin:0 0 8px}.login-panel form{margin-top:28px}.mobile-mark{display:none}label{display:block;font-size:12px;font-weight:700;color:#46516b;margin:17px 0 8px}input,select{font:inherit;color:var(--ink);width:100%;border:1px solid #dce3ef;border-radius:10px;padding:13px 14px;background:#fff;outline:none;transition:.18s}input:focus,select:focus{border-color:#8098ed;box-shadow:0 0 0 3px #4169e117}.primary,.secondary{border:0;border-radius:10px;padding:13px 16px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,opacity .15s}.primary{color:white;background:linear-gradient(100deg,#3158cf,#6179e8);box-shadow:0 7px 18px #4169e12c}.primary:hover,.secondary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.7;cursor:wait}.primary.full{width:100%;margin-top:23px;display:flex;align-items:center;justify-content:center;gap:10px}.primary span{font-size:18px}.security-note{font-size:11px;color:#77849c;margin:24px 0 0}.disclaimer{font-size:10px;line-height:1.6;color:#a0a9b9;margin-top:25px}.error{color:#c53b4c;font-size:12px;min-height:16px;margin:12px 0 0}.simple-card{width:min(460px,100%);background:white;border-radius:24px;padding:38px;box-shadow:var(--shadow)}.simple-card .brand-mark{margin-bottom:30px}.simple-card h1{font-size:29px}.hint,.small-note{font-size:11px;color:#8b96a9;line-height:1.6}.text-button{border:0;background:none;color:#71809b;cursor:pointer;margin-top:15px;font:600 12px 'DM Sans'}
.app-body{min-height:100vh;background:#f5f7fb}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#111a35,#1a2850);color:white;padding:25px 18px;display:flex;flex-direction:column;z-index:2}.sidebar-logo{display:flex;gap:12px;align-items:center;padding:2px 7px 35px}.sidebar-logo strong{display:block;font-size:13px;font-family:Manrope}.sidebar-logo small{display:block;font-size:10px;color:#9daac8;margin-top:4px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;gap:12px;align-items:center;text-decoration:none;color:#aeb9d2;font-size:12px;padding:13px 14px;border-radius:10px}.sidebar nav a span{font-size:17px}.sidebar nav a.nav-active{background:#ffffff14;color:white;box-shadow:inset 3px 0 #d6b66e}.sidebar-bottom{margin-top:auto}.privacy-chip{border:1px solid #ffffff1c;border-radius:9px;padding:10px;color:#b3c6c0;font-size:10px}.sidebar-logout{border:0;background:none;color:#9eaccb;font:600 11px 'DM Sans';padding:16px 10px;cursor:pointer}.main-content{margin-left:248px;padding:36px clamp(24px,4vw,58px) 24px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.topbar h1{margin:0 0 6px}.profile{display:flex;align-items:center;gap:10px;min-width:max-content}.avatar{width:42px;height:42px;border-radius:50%;background:#e3e9ff;color:#3c58b9;display:grid;place-items:center;font-weight:800;font-size:13px}.profile strong{display:block;font-size:12px}.profile small{display:block;color:#8b96a9;font-size:10px;margin-top:4px}.notice{background:#fff8e9;border:1px solid #f3e2b8;border-radius:11px;padding:13px 16px;color:#80632d;font-size:11px;line-height:1.6;margin-bottom:27px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.section-heading h2{font-size:18px;margin-bottom:4px}.section-heading select{width:auto;min-width:180px;font-size:12px;padding:11px 14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric-card,.panel-card{background:white;border:1px solid #edf0f6;border-radius:15px;box-shadow:var(--shadow)}.metric-card{padding:19px 20px;min-width:0}.metric-top{display:flex;align-items:center;gap:9px}.metric-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:15px;font-weight:800}.metric-icon.blue{color:#3e63d9;background:#edf1ff}.metric-icon.purple{color:#7562d9;background:#f1eeff}.metric-icon.green{color:#188c6c;background:#e6f7f0}.metric-icon.gold{color:#b37b27;background:#fff3dc}.metric-label{font-size:11px;color:#68748c;font-weight:600}.metric-value{font-family:Manrope;font-size:clamp(21px,2vw,28px);letter-spacing:-.8px;font-weight:800;margin:19px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-sub{font-size:10px;color:#97a1b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:17px;margin-bottom:18px}.panel-card{padding:22px 23px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.panel-head h3{font-size:15px}.goal-percent{font:800 21px Manrope;color:#3158cf;white-space:nowrap}.progress-track{height:10px;background:#edf0f7;border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#3158cf,#7a8bf0);border-radius:99px;transition:width .4s}.goal-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;color:#8792a7}.goal-message{font-size:11px;font-weight:700;color:#4664c4;margin-top:18px}.reward-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f6;font-size:11px;color:#738097}.reward-row strong{font-size:12px;color:#283653}.reward-row.total{border:0;color:#25334f;font-weight:800;padding-top:17px}.reward-row.total strong{font-size:19px;color:#198365}.history-card{margin-bottom:20px}.history-card .panel-head{margin-bottom:14px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#9aa4b5;font-weight:700;padding:12px 12px;border-bottom:1px solid #e9edf4}td{font-size:11px;color:#526078;padding:14px 12px;border-bottom:1px solid #f0f2f7}tbody tr:last-child td{border-bottom:0}td:first-child{font-weight:700;color:#25334f}.app-footer{font-size:10px;color:#a0a9b9;padding:8px 0 0}.empty-state{text-align:center;background:white;border:1px solid var(--line);border-radius:15px;padding:58px 24px;box-shadow:var(--shadow)}.empty-icon{font-size:38px;color:#8b9ce2}.empty-state h2{margin-top:15px}.empty-state p{max-width:430px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.6}.hidden{display:none!important}.admin-main{max-width:1200px;margin:0 auto;padding:36px 24px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.admin-main .panel-card{margin-bottom:18px}.admin-main .panel-card h2{font-size:18px}.admin-main .panel-head{align-items:center;margin-bottom:15px}.secondary{background:#e9eef9;color:#40588e}.form-result{font-size:12px;line-height:1.6;color:#237d62;min-height:18px}.admin-main .notice{margin-bottom:20px}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr 1fr}.metric-value{font-size:25px}}@media(max-width:800px){.sidebar{position:static;width:auto;height:auto;padding:12px 16px;flex-direction:row;align-items:center;justify-content:space-between}.sidebar-logo{padding:0}.sidebar-logo small,.sidebar nav,.sidebar-bottom{display:none}.main-content{margin:0;padding:25px 18px}.topbar{align-items:flex-start}.profile{gap:7px}.profile small{display:none}.content-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.topbar h1{font-size:28px}.topbar .muted{max-width:400px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading select{width:100%}}@media(max-width:560px){.login-body{padding:0;display:block;background:#fff}.login-wrap{display:flex;flex-direction:column;min-height:100vh;border-radius:0;box-shadow:none}.brand-panel{display:none}.login-panel{padding:40px 27px;flex:1}.mobile-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#dfc17e,#b58b42);color:#17213e;font-weight:900;margin-bottom:35px}.login-panel h2{font-size:25px}.simple-card{min-height:100vh;width:100%;border-radius:0;box-shadow:none;padding:35px 26px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px 13px}.metric-top{align-items:flex-start;flex-direction:column;gap:7px}.metric-label{line-height:1.35}.metric-value{font-size:21px;margin:15px 0 5px}.metric-sub{font-size:9px}.topbar{display:block}.profile{margin-top:17px}.topbar h1{font-size:27px}.notice{font-size:10px}.panel-card{padding:18px 16px}.goal-foot{font-size:9px}.admin-main{padding:24px 14px}.admin-main .topbar{display:flex}.admin-main .topbar h1{font-size:26px}}