:root{--ink:#17252d;--nav:#1c2b33;--deep:#142229;--gold:#d8a229;--gold2:#f2c765;--surface:#f6f7f5;--white:#fff;--muted:#68777d;--line:#e2e7e4;--green:#16836c;--red:#ba4d4d;--blue:#528d9b}body{color:var(--ink);background:#eff2ef;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f3c963}.app{grid-template-columns:254px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;flex-direction:column;gap:22px;height:100vh;padding:25px 15px;display:flex;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:10px;padding:4px 9px;display:flex}.honey-icon{flex-shrink:0;width:42px;height:42px}.brand b{letter-spacing:1.5px;font-size:19px;display:block}.brand small{color:#b9c9cb;letter-spacing:.9px;font-size:10px}.side-label{color:#899da4;letter-spacing:2px;margin:10px 14px;font-size:10px;font-weight:800}.navbtn{text-align:left;color:#cbd5d7;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:13px 15px;font-size:14px;font-weight:650;display:flex}.navbtn:hover{background:#32424a}.navbtn.active{color:#1d2c33;background:#d8a229}.navbtn .ico{width:21px;font-size:19px}.side-foot{color:#aabbbd;border-top:1px solid #3f5056;margin-top:auto;padding:15px 8px 2px;font-size:11px;line-height:1.7}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;gap:12px;height:76px;padding:14px 32px;display:flex;position:sticky;top:0}.topbar .crumb{color:var(--muted);letter-spacing:.2px;font-size:12px}.topbar .right{align-items:center;gap:10px;display:flex}.pill{color:#7c5a16;letter-spacing:.4px;background:#fff4d9;border:1px solid #efdbab;border-radius:100px;padding:7px 11px;font-size:11px;font-weight:800}.personselect{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:190px;padding:10px}.content{max-width:1320px;margin:0 auto;padding:30px 34px 65px}.page-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:26px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;color:#a17523;margin-bottom:7px;font-size:11px;font-weight:850}h1{letter-spacing:-.8px;margin:0 0 8px;font-size:31px;line-height:1.14}h2{letter-spacing:-.5px;margin:0;font-size:21px}h3{margin:0;font-size:16px}p{color:var(--muted);margin:6px 0 0;line-height:1.55}small,.small{color:var(--muted);font-size:12px}.btn{background:var(--gold);color:#18252b;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:12px 17px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{background:#e9b748}.btn.secondary{color:var(--ink);background:#fff;border:1px solid #d8e0dc}.btn.secondary:hover{background:#f8faf8}.btn.dark{color:#fff;background:#20343d}.btn.sm{padding:8px 11px;font-size:12px}.btn.danger{color:#9f3636;background:#f9e7e5}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:17px;min-width:0;padding:22px;box-shadow:0 3px 20px #233b3907}.stat{position:relative}.stat .label{color:#69777d;font-size:12px;font-weight:650}.stat .number{letter-spacing:-1px;margin:12px 0 6px;font-size:29px;font-weight:850}.stat .hint{color:#16836c;font-size:11px;font-weight:650}.stat .stat-ico{color:#be8d28;font-size:21px;position:absolute;top:20px;right:20px}.two{grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:18px;display:grid}.halves{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;display:grid}.cardhead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.barline{background:#e8eeeb;border-radius:20px;height:13px;overflow:hidden}.barline>span{background:linear-gradient(90deg,#d18d1d,#f0c568);border-radius:20px;height:100%;display:block}.mainbar{height:17px}.goal-meta{justify-content:space-between;margin:10px 0;font-size:12px;display:flex}.muted{color:var(--muted)}.gridtable{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#819096;text-transform:uppercase;letter-spacing:.7px;background:#f7f9f7;font-size:11px}th,td{border-bottom:1px solid #e8edeb;padding:13px 12px;font-size:13px}td b{font-size:13px}.tag{color:#14775f;background:#e8f3ee;border-radius:50px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.tag.pending{color:#8d6118;background:#fff0d7}.tag.paid{color:#11724e;background:#def2e6}.tag.cancelled{color:#ad3e3d;background:#fae6e4}.tag.verified{color:#2d738f;background:#e4f0f6}.formgrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}label{margin-bottom:7px;font-size:12px;font-weight:700;display:block}.field{width:100%;color:var(--ink);background:#fff;border:1px solid #d9e2dd;border-radius:10px;padding:12px}.field:focus{border-color:#0000;outline:2px solid #dfb349}.formcol{margin-bottom:14px}.rule{color:#72541c;background:#fff8e8;border:1px solid #f0deae;border-radius:12px;padding:14px 15px;font-size:12px;line-height:1.6}.alert{color:#146d52;background:#e9f5ef;border-radius:10px;margin:12px 0;padding:13px 15px;font-size:12px}.alert.warn{color:#79511e;background:#fff4e3}.breakdown{color:#fff;background:#20323b;border-radius:16px;padding:22px}.breakdown .r{color:#d8e1e1;justify-content:space-between;margin:0 0 15px;font-size:13px;display:flex}.breakdown .r strong{color:#fff}.breakdown .big{border-top:1px solid #50616a;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.breakdown .big strong{color:#f2c765;font-size:29px}.bar-chart{border-bottom:1px solid #d9e4dd;align-items:flex-end;gap:11px;height:218px;padding:30px 6px 27px;display:flex;position:relative}.bar-chart:before{content:"";border-top:1px dashed #e0e6e1;position:absolute;top:35%;left:0;right:0}.barbox{z-index:1;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.barbox .bar{background:linear-gradient(#f0c96e,#b98524);border-radius:6px 6px 0 0;width:100%;max-width:48px;min-height:3px}.barbox small{font-size:10px;position:absolute;bottom:-25px}.donut{aspect-ratio:1;background:conic-gradient(#d8a229 0 45%,#5c91a3 45% 70%,#9bb6bd 70% 90%,#d8e4e3 90%);border-radius:50%;place-items:center;width:180px;max-width:100%;margin:auto;display:grid}.donut:after{content:attr(data-total);aspect-ratio:1;width:60%;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid}.legend{color:#647478;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;font-size:11px;display:flex}.legend i{border-radius:3px;width:8px;height:8px;margin-right:4px;display:inline-block}.leader-row{grid-template-columns:38px 44px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:22px;display:grid}.avatar{color:#fff;background:#435f69;border:3px solid #fff;border-radius:50%;place-items:center;width:41px;height:41px;font-size:12px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 0 0 1px #dce4de}.avatar.gold{color:#27333b;background:#e8bb58}.avatar img{object-fit:cover;width:100%;height:100%}.leader-info{min-width:0}.leader-info .barline{margin-top:9px}.leader-amt{font-size:16px;font-weight:900}.jar{width:80px;height:92px}.hero{color:#fff;background:linear-gradient(115deg,#1e313a,#2d474c);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:27px 29px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #8b733638;border-radius:48px;width:240px;height:240px;position:absolute;top:-70px;right:-50px;transform:rotate(30deg)}.hero .title{font-size:25px;font-weight:850;line-height:1.2}.hero p{color:#cad9da;max-width:620px}.hero-jar{z-index:1;flex:none;width:86px;position:relative}.rewardgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.reward{padding:0;overflow:hidden}.reward-art{background:linear-gradient(135deg,#24353d,#526066);place-items:center;height:120px;font-size:54px;display:grid}.reward .body{padding:19px}.reward .body p{font-size:12px}.reward .name{font-size:17px;font-weight:850}.reward .foot{justify-content:space-between;margin:12px 0 9px;font-size:12px;display:flex}.progress-big{font-size:26px;font-weight:850}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tab{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700}.tab.on{color:#fff;background:#25363e;border-color:#25363e}.quick-actions{flex-wrap:wrap;gap:9px;display:flex}.empty{text-align:center;color:#77878b;background:#f8faf8;border:1px dashed #dbe4de;border-radius:12px;padding:30px}.toast{color:#fff;z-index:20;background:#20343b;border-radius:12px;max-width:400px;padding:14px 19px;display:none;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 32px #0003}.toast.show{display:block}.notice{color:#806322;text-align:center;background:#fff9e9;border-bottom:1px solid #f3e7c5;padding:10px 14px;font-size:11px}.filehint{color:var(--muted);font-size:11px}.pair{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tiny{font-size:10px}.mini-field{min-width:120px}.footer-note{color:#8b9999;text-align:center;margin-top:30px;font-size:11px}.svgicon{display:inline-block}.login{background:#fff;border-radius:24px;max-width:450px;margin:8vh auto;padding:32px;box-shadow:0 18px 60px #0002}.login .brand{color:#20323a;justify-content:center}.loginchoice{text-align:left;background:#fff;border:1px solid #dce3df;border-radius:13px;align-items:center;gap:12px;width:100%;margin:12px 0;padding:16px;display:flex}.loginchoice:hover{background:#fffaf0;border-color:#d8a229}.loginchoice small{display:block}.loginbg{background:radial-gradient(circle at 20% 20%,#445760,#182a32 65%);min-height:100vh;padding:26px}.loginbg .demohead{text-align:center;color:#f8d78a;letter-spacing:1px;font-size:12px;font-weight:800}.loginbg h1{text-align:center;margin-top:15px}.only-mobile{display:none}@media (max-width:1100px){.cards,.rewardgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.app{display:block}.sidebar{height:auto;padding:10px 12px;display:block;position:static}.brand{display:inline-flex}.side-label,.side-foot{display:none}.sidebar nav{gap:5px;padding:5px 0;display:flex;overflow-x:auto}.navbtn{white-space:nowrap;width:auto;padding:10px 12px;font-size:12px}.navbtn .ico{width:auto}.topbar{height:65px;padding:10px 17px}.content{padding:23px 15px 60px}.two,.halves{grid-template-columns:1fr}.three,.rewardgrid{grid-template-columns:1fr 1fr}.hero{padding:23px}.page-head h1{font-size:26px}}@media (max-width:550px){.cards{grid-template-columns:1fr 1fr;gap:9px}.card{border-radius:13px;padding:15px}.stat .number{font-size:23px}.stat .stat-ico{top:14px;right:13px}.rewardgrid,.three,.formgrid{grid-template-columns:1fr}.hero .title{font-size:20px}.hero-jar{width:54px}.personselect{max-width:115px;font-size:11px}.pill{padding:6px;font-size:9px}.topbar{padding:9px}.topbar .crumb{display:none}.page-head{flex-wrap:wrap}.leader-row{grid-template-columns:22px 34px minmax(0,1fr) auto;gap:7px}.avatar{width:34px;height:34px}.leader-amt{font-size:12px}.bar-chart{gap:4px}}.theme-row{color:#edf3f3;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.theme-copy{align-items:center;gap:9px;display:flex}.theme-glyph{color:#eec66d;font-size:19px}.theme-switch{background:#52646b;border:1px solid #697e86;border-radius:40px;align-items:center;width:47px;height:26px;padding:3px;transition:background .2s;display:flex}.theme-switch.on{background:#d8a229;border-color:#d8a229;justify-content:flex-end}.theme-knob{background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}.side-disclaimer{border-top:1px solid #3f5056;padding-top:11px}.month-select-wrap{min-width:245px;position:relative}.month-trigger{white-space:nowrap;text-align:left;justify-content:space-between;align-items:center;gap:24px;min-width:245px;font-weight:600;display:flex}.month-trigger:hover{border-color:#d8a229}.month-popup{border:1px solid var(--line);background:var(--white);z-index:10;border-radius:15px;width:326px;max-width:calc(100vw - 40px);padding:14px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 18px 42px #10293233}.month-popup-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.year-arrow{background:var(--surface);border:1px solid var(--line);width:38px;height:34px;color:var(--ink);border-radius:8px;font-size:25px;line-height:1}.month-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.month-item{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:11px 5px;display:flex}.month-item:hover{border-color:var(--gold)}.month-item.selected{color:#17252d;background:#d8a229;border-color:#c48c1b}.month-item small{color:inherit;opacity:.72;font-size:10px}.month-popup-tip{color:var(--muted);text-align:center;padding-top:11px;font-size:10px}html[data-theme=dark]{--ink:#eaf0ef;--nav:#111b22;--deep:#10191f;--surface:#1d2a32;--white:#27353d;--muted:#abbcc3;--line:#43525a;--green:#60d0aa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body{color:#eaf0ef;background:#162329}html[data-theme=dark] .sidebar{background:#101a20}html[data-theme=dark] .topbar,html[data-theme=dark] .card,html[data-theme=dark] .login{color:#eaf0ef;background:#26353e;border-color:#40515a}html[data-theme=dark] .stat .number,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] td,html[data-theme=dark] .leader-amt,html[data-theme=dark] .progress-big{color:#eff6f4}html[data-theme=dark] th{color:#ccdadb;background:#30414a}html[data-theme=dark] th,html[data-theme=dark] td{border-color:#43535b}html[data-theme=dark] .field,html[data-theme=dark] .personselect,html[data-theme=dark] .tab,html[data-theme=dark] .btn.secondary,html[data-theme=dark] .loginchoice{color:#f2f7f5;background:#1c2b33;border-color:#4d6068}html[data-theme=dark] .tab.on{color:#1c2b33;background:#d8a229;border-color:#d8a229}html[data-theme=dark] .rule,html[data-theme=dark] .notice,html[data-theme=dark] .alert.warn{color:#f5dcaa;background:#3f3422;border-color:#766038}html[data-theme=dark] .alert{color:#b3f3db;background:#1a4036}html[data-theme=dark] .tag{color:#b5f1d9;background:#245243}html[data-theme=dark] .tag.pending{color:#ffe2a1;background:#554224}html[data-theme=dark] .tag.paid{color:#b5f1d9;background:#245243}html[data-theme=dark] .tag.cancelled{color:#ffcecb;background:#553134}html[data-theme=dark] .tag.verified{color:#caecf9;background:#234655}html[data-theme=dark] .barline{background:#4b5960}html[data-theme=dark] .donut:after{color:#edf7f5;background:#27353d}html[data-theme=dark] .empty{color:#bfd0d2;background:#23313a;border-color:#4a5b62}html[data-theme=dark] tr[style*="background:#fff8e8"]{background:#594626!important}html[data-theme=dark] .hint,html[data-theme=dark] .stat .hint{color:#8dddbd!important}html[data-theme=dark] .monthly-summary,html[data-theme=dark] .month-popup{background:#26353e}html[data-theme=dark] input[type=date],html[data-theme=dark] input[type=month]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:820px){.side-foot{margin:10px 0 0;padding:10px 7px;display:block}.side-disclaimer{display:none}.theme-row{max-width:190px;margin:0}.month-select-wrap{min-width:0}}html,body{max-width:100%;margin:0}*{box-sizing:border-box}.ico svg{width:19px;height:19px}.login .brand svg{width:48px;height:58px}.full{width:100%}.section-gap{margin-top:18px}.setup-notice{margin-bottom:20px}.block{display:block}.form-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.check-row{align-items:flex-start;gap:10px;margin:14px 0;line-height:1.5;display:flex}.check-row input{accent-color:var(--gold);margin-top:4px}fieldset{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:15px}.link-button{color:#96701e;cursor:pointer;background:0 0;border:0;padding:7px;font-size:12px;text-decoration:underline}.icon-button{color:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-button:hover{background:#d8a22933}.goal-jar{width:35px;height:44px}.profile-button{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;max-width:210px;font-size:12px;font-weight:700;display:flex}.profile-button img{object-fit:cover;border-radius:50%;width:34px;height:34px}.mix-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.compact{width:auto;max-width:230px}.compact-cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.detail-list{margin:15px 0}.detail-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.record-status{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.record-status>span{font-size:12px}.column-list{overflow-wrap:anywhere;margin:14px 0;font-size:12px;line-height:1.8;display:block}.search-field{margin-bottom:18px}.month-trigger{border:1px solid var(--line);background:var(--white);min-width:200px;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:12px}.month-select-wrap{min-width:200px}.month-popover{background:var(--white);border:1px solid var(--line);z-index:25;border-radius:14px;width:300px;max-width:calc(100vw - 30px);padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px #10293233}.month-choice{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:12px 6px}.month-choice.selected{background:var(--gold);color:#18252b}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10232b99;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.hive-modal{background:var(--white);width:720px;max-width:100%;max-height:90dvh;color:var(--ink);border-radius:20px;padding:26px;overflow:auto;box-shadow:0 24px 80px #0004}.hive-modal h3{margin:18px 0 10px}.hive-modal .cardhead{background:var(--white);z-index:1;padding:8px 0;position:sticky;top:-26px}.mfa-qr{width:220px;max-width:100%;height:auto;margin:15px auto;display:block}.recovery-codes{overflow-wrap:anywhere;grid-template-columns:1fr 1fr;gap:8px;display:grid}.recovery-codes code{font-size:11px}.login h1{font-size:27px}.login>p{margin-bottom:20px}.login form{margin-top:20px}.tag.estimated{color:#805514;background:#fff0d7}.tag.confirmed{color:#2d738f;background:#e4f0f6}.reward-art svg{width:65px;height:75px}.breakdown p{color:#cad9da;margin-bottom:20px}.breakdown h2{color:#fff}.topbar .right{min-width:0}.toast{max-width:calc(100vw - 44px)}@media (max-width:820px){.side-foot{margin:10px 0 0;padding:10px 7px;display:block}.side-disclaimer{display:none}.theme-row{max-width:190px;margin:0}.month-select-wrap{min-width:0}.profile-button span{display:none}.topbar{height:auto;min-height:65px}.topbar .right{justify-content:flex-end;width:100%}.month-trigger{min-width:165px}.hive-modal{padding:20px}.hive-modal .cardhead{top:-20px}.modal-backdrop{padding:14px}.sidebar nav .navbtn{flex-shrink:0}.content{overflow:hidden}.card .gridtable{max-width:100%}}@media (max-width:450px){.loginbg{padding:15px}.login{margin:4vh auto;padding:25px 20px}.month-trigger{min-width:150px}.logout-label{display:none}.topbar .right{gap:5px}.stat .number{overflow-wrap:anywhere;font-size:21px}.cardhead{flex-wrap:wrap}.leader-row{grid-template-columns:20px 34px minmax(0,1fr) auto}.recovery-codes{grid-template-columns:1fr}.detail-list>div{flex-wrap:wrap}.detail-list dd{text-align:left}}