@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--primary:#1877f2;--primary-dark:#0f5cc0;--soft:#eaf3ff;--soft-2:#f4f8ff;--bg:#f6f9fe;--card:#fff;--text:#14213d;--muted:#667085;--border:#e4eaf2;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--purple:#7c3aed;--shadow:0 18px 44px #0f172a14;--shadow-blue:0 18px 42px #1877f238;--radius-lg:24px;--radius-md:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:radial-gradient(circle at top left, #1877f224, transparent 28%), radial-gradient(circle at bottom right, #0f5cc017, transparent 30%), var(--bg);min-height:100%}body{min-height:100%;color:var(--text);margin:0;font-family:Plus Jakarta Sans,Arial,sans-serif;font-size:14px}.app{background:linear-gradient(#f8fbff,#f6f9fe 50%,#fff);max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px #0f172a0a}.screen{padding:22px 18px 104px;animation:.22s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #e4eaf2eb;margin-bottom:14px;padding:18px}.title{letter-spacing:-.6px;margin:0 0 6px;font-size:22px;font-weight:900}.subtitle{color:var(--muted);margin:0 0 18px;font-size:13px;font-weight:600;line-height:1.55}label{color:#344054;margin-bottom:8px;font-size:12px;font-weight:900;display:block}input,textarea,select{border:1px solid var(--border);background:#fff;border-radius:18px;outline:none;width:100%;margin-bottom:14px;font-family:inherit;font-size:14px;transition:all .18s}input,select{height:52px;padding:0 15px}textarea{resize:vertical;min-height:96px;padding:13px 15px}input:focus,textarea:focus,select:focus{border-color:#1877f2b8;box-shadow:0 0 0 4px #1877f21f}button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:0;border-radius:18px;width:100%;min-height:52px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:900;box-shadow:0 14px 28px #1877f233}button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.secondary-button{color:var(--primary);box-shadow:none;background:#fff;border:1px solid #1877f23d;margin-top:10px}.login-hero{color:#fff;text-align:center;background:linear-gradient(148deg,var(--primary),var(--primary-dark));box-shadow:var(--shadow-blue);border-radius:0 0 42px 42px;margin:-22px -18px 20px;padding:44px 24px 38px}.wordmark{letter-spacing:-1.5px;margin:0;font-size:34px;font-weight:900}.wordmark span{color:#dcebff}.login-tagline{color:#ffffffe0;max-width:300px;margin:12px auto 0;font-size:14px;font-weight:600;line-height:1.55}.home-hero{color:#fff;background:linear-gradient(150deg,var(--primary),var(--primary-dark));box-shadow:var(--shadow-blue);border-radius:0 0 36px 36px;margin:-22px -18px 0;padding:28px 18px 82px;position:relative;overflow:hidden}.hello{opacity:.9;font-size:13px;font-weight:700}.user-name{margin-top:4px;font-size:23px;font-weight:900}.home-copy{opacity:.88;max-width:330px;margin-top:10px;font-size:13px;font-weight:600;line-height:1.55}.summary-card{z-index:2;margin-top:-56px;position:relative}.point-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.point-label{color:var(--muted);font-size:12px;font-weight:800}.point-number{letter-spacing:-1.4px;margin-top:4px;font-size:36px;font-weight:900;line-height:1}.point-number small{color:var(--muted);font-size:13px}.level-pill{background:var(--soft);color:var(--primary-dark);border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:900;display:inline-flex}.progress-wrap{margin-top:16px}.progress-top{color:var(--muted);justify-content:space-between;margin-bottom:9px;font-size:12px;font-weight:800;display:flex}.progress-track{background:#e8eef7;border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),#70b6ff);border-radius:999px;height:100%;transition:width .25s}.quick-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.quick-box{text-align:center;background:#f4f8ff;border-radius:20px;padding:12px 10px}.quick-box strong{color:var(--primary-dark);font-size:15px;font-weight:900;display:block}.quick-box span{color:var(--muted);margin-top:4px;font-size:10px;font-weight:800;display:block}.section-head{justify-content:space-between;align-items:flex-end;margin:22px 0 12px;display:flex}.section-title{margin:0;font-size:16px;font-weight:900}.section-note{color:var(--muted);font-size:11px;font-weight:800}.agenda-card{border:1px solid var(--border);background:#fff;border-radius:24px;margin-bottom:12px;padding:16px;box-shadow:0 12px 30px #0f172a0f}.agenda-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agenda-title{font-size:15px;font-weight:900}.agenda-meta{color:var(--muted);margin-top:5px;font-size:12px;font-weight:700}.agenda-footer{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.point-chip{color:var(--primary-dark);background:var(--soft);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900}.mini-action{border-radius:999px;width:auto;min-height:40px;padding:0 14px;font-size:12px}.badge{border-radius:999px;align-items:center;padding:7px 10px;font-size:10px;font-weight:900;display:inline-flex}.badge.open{color:var(--success);background:#16a34a1a}.badge.today,.badge.waiting{color:var(--warning);background:#f59e0b1f}.badge.future,.badge.done{color:var(--primary);background:#1877f21f}.badge.danger{color:var(--danger);background:#ef44441a}.reward-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.reward-summary-box{border:1px solid var(--border);text-align:center;background:#fff;border-radius:20px;padding:13px 10px}.reward-summary-box span{color:var(--muted);font-size:10px;font-weight:900;display:block}.reward-summary-box strong{color:var(--primary-dark);margin-top:6px;font-size:14px;font-weight:900;display:block}.reward-item,.history-item,.leaderboard-item,.public-redemption-item{border-bottom:1px solid var(--border);padding:15px 0}.reward-item:last-child,.history-item:last-child,.leaderboard-item:last-child{border-bottom:0}.reward-name,.history-title,.leaderboard-name{font-size:14px;font-weight:900}.reward-desc,.history-meta,.leaderboard-meta{color:var(--muted);margin-top:5px;font-size:12px;font-weight:700;line-height:1.55}.reward-action-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.ranking-tabs{background:#eaf1fb;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:16px;padding:5px;display:grid}.ranking-tab-button{min-height:42px;color:var(--muted);box-shadow:none;background:0 0;border-radius:14px}.ranking-tab-button.active{color:var(--primary);background:#fff;box-shadow:0 8px 20px #0f172a14}.my-rank-card{color:#fff;box-shadow:var(--shadow-blue);background:linear-gradient(145deg,#1877f2,#0f5cc0);border-radius:26px;margin-bottom:16px;padding:18px}.rank-title{margin-top:5px;font-size:20px;font-weight:900}.rank-meta{opacity:.9;margin-top:7px;font-size:12px;font-weight:700}.leaderboard-item{grid-template-columns:38px 1fr auto;align-items:center;gap:12px;display:grid}.leaderboard-rank{width:36px;height:36px;color:var(--primary-dark);background:var(--soft);border-radius:14px;place-items:center;font-weight:900;display:grid}.leaderboard-point{color:var(--primary-dark);font-size:13px;font-weight:900}.profile-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:22px;place-items:center;width:64px;height:64px;font-size:24px;font-weight:900;display:grid}.profile-card{align-items:center;gap:14px;display:flex}.profile-name{font-size:18px;font-weight:900}.profile-id{color:var(--muted);margin-top:4px;font-size:12px;font-weight:800}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#ffffffeb;border-top:1px solid #e4eaf2e6;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;max-width:430px;padding:9px 8px 12px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{text-align:center;color:var(--muted);cursor:pointer;border-radius:18px;padding:7px 0;font-size:10px;font-weight:900}.nav-item.active{color:var(--primary);background:var(--soft)}.nav-icon{margin-bottom:3px;font-size:21px;display:block}.modal-backdrop{z-index:80;background:#0f172a85;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:30px 30px 0 0;width:100%;max-width:430px;max-height:88vh;padding:22px 18px 28px;overflow-y:auto}.error{color:var(--danger);margin-top:10px;font-size:13px;font-weight:700}.empty{color:var(--muted);margin:0;font-size:13px;font-weight:700}.loading{text-align:center;color:var(--muted);padding:24px 0;font-weight:800}.suggestions{border:1px solid var(--border);border-radius:16px;margin-top:-8px;margin-bottom:14px;overflow:hidden}.suggestion-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 14px}.suggestion-item:last-child{border-bottom:0}.suggestion-name{font-weight:900}.suggestion-id{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700}.admin-shell{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.admin-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-nav{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.admin-nav button{width:auto;min-height:40px;color:var(--muted);border:1px solid var(--border);box-shadow:none;background:#fff;padding:0 16px;font-size:13px}.admin-nav button.active{background:var(--primary);color:#fff}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-box{border:1px solid var(--border);background:#fff;border-radius:18px;padding:18px}.stat-box strong{color:var(--primary-dark);font-size:28px;font-weight:900;display:block}.stat-box span{color:var(--muted);font-size:12px;font-weight:800}table.data{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;font-size:13px;overflow:hidden}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);padding:11px 12px}table.data th{background:var(--soft-2);color:#344054;font-weight:900}table.data tr:last-child td{border-bottom:0}.row-actions{gap:6px;display:flex}.row-actions button{width:auto;min-height:34px;padding:0 12px;font-size:12px}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn-ghost{color:var(--primary);border:1px solid var(--border);box-shadow:none;background:#fff}.form-grid{grid-template-columns:repeat(2,1fr);gap:0 16px;display:grid}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.admin-shell{padding:18px 14px 50px}table.data{display:block;overflow-x:auto}}