:root{--bg:#f3f4fa;--ink:#24223e;--muted:#77748c;--primary:#5b46d6;--line:#e3e2ed;--purple-soft:#eeebff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8967e5;outline-offset:3px}[hidden]{display:none!important}.demo-bar{background:#0b1020;color:white;padding:13px 28px;display:flex;justify-content:space-between;gap:16px;font-size:12px;align-items:center}.demo-bar>a:first-child{text-decoration:none;color:#38e2c3;font-weight:800;letter-spacing:.08em}.demo-bar span{font-size:11px;color:#b4bed3}.app-shell{display:grid;grid-template-columns:250px 1fr;max-width:1440px;margin:auto}.sidebar{background:white;border-right:1px solid var(--line);padding:38px 25px;min-height:calc(100vh - 45px)}.brand{font-size:28px;font-weight:800;text-decoration:none;letter-spacing:-.04em;position:relative;display:block;padding-left:50px;line-height:1.25}.brand>span{position:absolute;left:0;top:0;width:39px;height:43px;border-radius:12px;background:var(--primary);color:white;display:grid;place-items:center;font-size:25px}.brand small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:5px}.sidebar nav{display:flex;flex-direction:column;gap:8px;margin-top:42px}.sidebar nav button{border:0;text-align:left;background:transparent;color:var(--muted);font-size:15px;font-weight:600;border-radius:9px;padding:14px 16px}.sidebar nav button[aria-selected=true]{background:var(--purple-soft);color:var(--primary)}.sidebar nav button:hover{background:#f5f3ff}.side-note{margin-top:75px;border-top:1px solid var(--line);padding-top:25px}.side-note b{font-size:18px;line-height:1.4}.side-note p{font-size:13px;color:var(--muted)}.side-note a{font-size:12px;color:var(--primary)}main{padding:40px 48px;max-width:1150px;min-width:0}.app-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.app-header p{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700;margin:0 0 9px}.app-header h1{font-size:29px;line-height:1.25;letter-spacing:-.035em;margin:0}.text-button{background:none;border:0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);padding:7px 0;white-space:nowrap}.demo-note{margin:24px 0 28px;font-size:12px;color:var(--muted);line-height:1.7}.welcome{background:var(--primary);color:white;border-radius:17px;padding:36px;display:flex;justify-content:space-between;gap:20px}.welcome p{font-size:10px;letter-spacing:.13em;color:#e0d9ff;font-weight:700;margin:0 0 15px}.welcome h2{font-size:34px;line-height:1.17;letter-spacing:-.03em;margin:0 0 18px}.welcome>div>span{font-size:13px;color:#e2dbff}.welcome-score{background:#ffffff12;border:1px solid #ffffff24;padding:20px 27px;border-radius:13px;display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:170px}.welcome-score span{font-size:9px!important;letter-spacing:.09em}.welcome-score strong{font-size:57px;line-height:1.3;letter-spacing:-.045em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 32px}.stats article{background:white;border:1px solid var(--line);border-radius:12px;padding:19px 22px}.stats span,.stats small{display:block;font-size:12px;color:var(--muted)}.stats strong{display:block;font-size:28px;margin:7px 0 1px;letter-spacing:-.03em}.stats small{font-size:11px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:29px 0 17px}.section-head h2{font-size:21px;letter-spacing:-.025em;margin:0}.section-head span{font-size:11px;color:var(--muted)}.action-grid,.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.action-card,.card{padding:26px;background:white;border:1px solid var(--line);border-radius:12px}.tag{font-size:10px;color:var(--primary);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.action-card h3,.reward-card h3{font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:15px 0 12px}.action-card p,.reward-card p{font-size:14px;color:var(--muted);margin:0 0 23px}.button{border:1px solid var(--primary);background:var(--primary);color:white;padding:12px 16px;font-size:13px;font-weight:700;border-radius:7px;line-height:1.4}.button:hover{background:#4935bd}.button.secondary{background:white;color:var(--primary);border-color:#d6cff2}.button.secondary:hover{background:#f2efff}.button:disabled{color:#77748c;background:#efedf4;border-color:#e3dfef;cursor:default}.reward-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:24px 26px;background:#e9e6fb;border:1px solid #dcd6f5;border-radius:12px}.reward-card h3{margin:5px 0 4px;font-size:21px}.reward-card p{margin:0;font-size:13px}.announcement{padding:25px;border-left:3px solid var(--primary);background:white;border-radius:0 10px 10px 0}.announcement>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.announcement h3{font-size:19px;margin:8px 0 9px}.announcement p{font-size:14px;color:var(--muted);margin:0}.profile-card{display:flex;align-items:center;gap:25px;background:white;border:1px solid var(--line);border-radius:15px;padding:30px;margin-bottom:20px}.profile-avatar{background:var(--purple-soft);color:var(--primary);font-size:32px;font-weight:700;width:80px;height:80px;display:grid;place-items:center;border-radius:22px}.profile-card h2{font-size:32px;margin:5px 0 2px}.profile-card p{font-size:14px;color:var(--muted);margin:0}.card h3{font-size:20px;letter-spacing:-.025em;margin:0 0 18px}.card>p{color:var(--muted);font-size:14px}.point-row{display:flex;gap:10px;align-items:baseline}.point-row strong{font-size:38px;color:var(--primary)}.point-row span{font-size:14px;color:var(--muted)}.level-bar{height:7px;border-radius:7px;background:#e7e2f8;margin:15px 0;overflow:hidden}.level-bar span{display:block;width:40%;height:100%;background:var(--primary);transition:width .2s}.fine{font-size:12px!important;color:var(--muted);line-height:1.7}.card label{display:block;font-size:13px;font-weight:700;margin:14px 0 8px}.card input,.card select{width:100%;background:white;color:var(--ink);border:1px solid #c8c4db;border-radius:6px;padding:11px;font-size:15px}.card form .button{margin-top:18px}.activity{margin:20px 0}.activity ul{padding:0;margin:0;list-style:none}.activity li{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.activity li span:last-child{color:var(--primary);white-space:nowrap;font-weight:600}.ranking{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}caption{text-align:left;padding:24px;font-size:13px;color:var(--muted)}th{text-align:left;font-size:11px;color:var(--muted);background:#f8f7fc;padding:15px 24px}td{padding:19px 24px;border-top:1px solid var(--line)}tr.me{background:#f0edff}td:last-child{font-weight:700;color:var(--primary)}.member-cell{display:flex;gap:12px;align-items:center}.member-initial{display:grid;place-items:center;background:var(--purple-soft);color:var(--primary);width:33px;height:33px;flex-shrink:0;border-radius:11px;font-size:13px;font-weight:700}.admin-banner{padding:22px;background:#ede9fc;border-radius:12px;border:1px solid #dcd4f3}.admin-banner p{font-size:13px;color:var(--muted);margin:8px 0 0}.pending{display:flex;justify-content:space-between;gap:18px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:15px}.pending h3{font-size:18px;margin:0 0 5px}.pending p{color:var(--muted);font-size:13px;margin:0}.pending-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-counter{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.admin-counter strong{font-size:39px;color:var(--primary)}.admin-counter span{font-size:12px;color:var(--muted)}footer{color:var(--muted);font-size:11px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#24223e;color:white;padding:14px 22px;max-width:calc(100% - 32px);border-radius:9px;font-size:13px;box-shadow:0 12px 40px #0002;z-index:50;display:none}#toast.show{display:block}@media(max-width:1100px){.app-shell{grid-template-columns:210px 1fr}.sidebar{padding:30px 18px}main{padding:34px 28px}.welcome{padding:27px}.stats article{padding:18px 15px}.welcome h2{font-size:29px}.welcome-score{min-width:140px;padding:15px}.app-header h1{font-size:25px}.action-card{padding:22px}.pending{align-items:start;flex-direction:column}}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;border:0;padding:17px 22px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px}.brand small{font-size:7px}.brand>span{width:35px;height:38px;font-size:23px}.sidebar nav{position:fixed;bottom:0;left:0;right:0;margin:0;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:30}.sidebar nav button{padding:11px 5px;text-align:center;font-size:11px;white-space:nowrap}.side-note{display:none}main{padding:15px 22px 95px}.demo-bar{padding:13px 18px}.demo-bar span{display:none}.app-header{gap:10px}.app-header h1{font-size:24px}.text-button{font-size:10px}.stats{gap:10px}.stats article{padding:15px 12px}.stats strong{font-size:25px}.stats small{font-size:9px}.welcome h2{font-size:28px}.welcome-score strong{font-size:46px}#toast{bottom:90px}.section-head span{display:none}}@media(max-width:500px){main{padding-left:16px;padding-right:16px}.sidebar{padding:17px 16px}.demo-note{font-size:11px}.welcome{padding:23px;display:block}.welcome-score{margin-top:22px;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px}.welcome-score strong{grid-column:2;grid-row:1/3}.welcome-score span:last-child{grid-column:1}.welcome-score strong{font-size:41px}.action-grid,.profile-grid{grid-template-columns:1fr}.reward-card{align-items:start;flex-direction:column}.stats article{padding:13px 10px}.stats span{font-size:10px}.stats strong{font-size:23px}.stats small{font-size:8px}.action-card h3{font-size:24px}.profile-card{padding:22px;gap:18px}.profile-avatar{width:60px;height:60px;font-size:26px}.profile-card h2{font-size:28px}.profile-card p{font-size:12px}.card{padding:23px}.ranking{padding:0}th,td{padding:15px 12px}.app-header{align-items:start}.app-header h1{max-width:220px;font-size:24px}.text-button{max-width:85px;white-space:normal;text-align:right}.member-cell{gap:8px;font-size:13px}.member-initial{width:27px;height:27px}.pending-actions .button{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}