:root{font-family:SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#eaf3f8;background:#081821;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #081821;--navy: #0c1f2c;--navy-2: #102d3a;--line: rgba(234, 243, 248, .13);--muted: rgba(234, 243, 248, .55);--pale: #eaf3f8;--gold: #e6cda2;--danger: #efaaa2}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--ink)}body{min-width:320px;min-height:100%;margin:0;background:var(--ink)}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #eaf3f8;outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}.boot-screen,.login-page{min-height:100dvh;display:flex;flex-direction:column;padding:28px clamp(20px,5vw,72px);background:var(--navy)}.brand-mark{display:inline-flex;align-items:center;gap:9px;color:var(--pale);font-weight:950;letter-spacing:-.03em}.brand-mark span{font-size:22px}.login-action{margin:auto 0;max-width:560px}.login-action h1{margin:0 0 28px;color:var(--pale);font-size:clamp(54px,9vw,104px);line-height:.9;letter-spacing:-.065em}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:3px;padding:8px 14px;font-weight:850;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,transform 80ms ease}.button:disabled{cursor:not-allowed;opacity:.44}.button-light{border-color:var(--pale);background:var(--pale);color:var(--navy)}.button-light:hover:not(:disabled){background:#d8e7ef}.button-line{border-color:var(--line);background:transparent;color:var(--pale)}.button-line:hover:not(:disabled){border-color:#eaf3f861;background:#eaf3f80d}.login-button{min-height:48px;padding:11px 18px;font-size:15px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:220px minmax(0,1fr);background:var(--ink)}.side-nav{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:24px 16px 18px;background:var(--navy)}.side-nav .brand-mark{padding:0 9px 26px}.side-nav nav{display:grid;gap:4px}.side-nav nav button,.bottom-nav button,.logout-button{display:flex;align-items:center;gap:11px;min-height:42px;border:0;border-radius:3px;padding:8px 10px;background:transparent;color:#eaf3f894;font-size:14px;font-weight:800;cursor:pointer}.side-nav nav button:hover,.logout-button:hover{color:var(--pale);background:#eaf3f80f}.side-nav nav button.active{background:var(--pale);color:var(--navy)}.logout-button{margin-top:auto;width:100%}.main-area{min-width:0}.topbar{height:66px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line);padding:0 clamp(18px,4vw,48px);background:#081821f5}.mobile-brand{display:none}.identity{min-width:0;display:flex;align-items:baseline;gap:12px}.identity strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.identity span{max-width:260px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.balance-strip{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:186px;border-bottom:1px solid var(--line);padding:36px clamp(18px,4vw,48px) 32px;background:var(--navy-2)}.balance-strip>span{grid-column:1;align-self:start;color:#eaf3f894;font-size:12px;font-weight:800;letter-spacing:.05em}.balance-strip strong{grid-column:1;color:var(--pale);font-size:clamp(42px,6vw,72px);line-height:.9;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.balance-strip small{font-size:15px;letter-spacing:0}.withdraw-state{grid-column:2;grid-row:1 / span 2;align-self:end;border-left:1px solid var(--line);padding:10px 0 10px 22px;color:#eaf3f866;font-size:12px;font-weight:800}.content-area{width:min(1120px,100%);padding:34px clamp(18px,4vw,48px) 90px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading>div{display:flex;align-items:baseline;gap:12px}.section-heading h1{margin:0;font-size:30px;line-height:1;letter-spacing:-.035em}.section-heading span{color:var(--muted);font-size:12px;font-weight:800}.section-heading b{color:var(--gold);font-size:12px}.task-section{margin-top:28px}.task-section h2,.admin-block h2{margin:0 0 11px;color:#eaf3f88a;font-size:12px;font-weight:850;letter-spacing:.08em}.task-list{border:1px solid var(--line);border-radius:4px;background:#eaf3f806}.task-row{min-height:76px;display:flex;align-items:center;gap:14px;padding:13px 14px}.task-row+.task-row{border-top:1px solid var(--line)}.task-icon{flex:0 0 40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:3px;color:#cfe7ff;background:#eaf3f80a}.task-main{min-width:0;flex:1}.task-title-line{min-width:0;display:flex;align-items:baseline;gap:10px}.task-title-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.task-title-line span{flex:0 0 auto;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.reward{display:inline-flex;align-items:center;gap:4px;margin-top:6px;color:var(--gold);font-size:11px;font-weight:900}.task-action{min-width:68px;min-height:34px;padding:6px 11px;font-size:12px}.task-state{min-width:68px;border:0;padding:8px 0;background:transparent;color:#eaf3f86b;font-size:12px;font-weight:850}.empty-row{min-height:68px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:13px;font-weight:750}.inline-error,.form-error{border-left:2px solid var(--danger);padding:9px 11px;color:#ffd7d2;background:#efaaa214;font-size:12px;font-weight:750}.task-skeleton,.admin-loading{display:grid;gap:12px}.task-skeleton i,.admin-loading i{display:block;height:76px;border:1px solid var(--line);border-radius:3px;background:#eaf3f809}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#020a0ec7}.dialog{width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid rgba(234,243,248,.22);border-radius:4px;background:var(--navy);box-shadow:0 24px 70px #01080c75}.dialog-header{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 18px}.dialog-header h2{margin:0;font-size:17px}.dialog-form{display:grid;gap:18px;padding:20px 18px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:3px;padding:0;background:transparent;color:var(--pale);cursor:pointer}.icon-button:hover{background:#eaf3f812}.field{min-width:0;display:grid;gap:7px}.field>span{color:#eaf3f894;font-size:11px;font-weight:850}.field input,.field select,.field textarea{width:100%;min-height:40px;border:1px solid rgba(234,243,248,.18);border-radius:3px;padding:9px 10px;outline:0;background:#eaf3f80e;color:var(--pale);font-size:13px}.field textarea{resize:vertical;line-height:1.55}.field select option{background:var(--navy)}.field input::placeholder{color:#eaf3f857}.field input:focus,.field select:focus,.field textarea:focus{border-color:#eaf3f89e;background:#eaf3f814}.submit-button{width:100%;min-height:42px}.history-list{border-top:1px solid var(--line)}.history-row{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 2px}.history-row>div{min-width:0;display:grid;gap:5px}.history-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.history-row span{color:var(--muted);font-size:11px}.history-row b{color:var(--gold);font-size:13px;white-space:nowrap}.admin-tabs{display:flex;gap:0;margin:-10px 0 28px;border-bottom:1px solid var(--line)}.admin-tabs button{min-height:42px;border:0;border-bottom:2px solid transparent;padding:8px 16px;background:transparent;color:var(--muted);font-size:13px;font-weight:850;cursor:pointer}.admin-tabs button.active{border-bottom-color:var(--pale);color:var(--pale)}.admin-stack{display:grid;gap:34px}.admin-block{min-width:0}.admin-block h2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.admin-block h2 small{color:var(--gold);font-size:11px}.block-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:14px}.block-title h2{flex:1;border:0;margin:0}.compact-form{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) auto;align-items:end;gap:12px;margin:15px 0 16px}.data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.data-grid button{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 12px;background:#eaf3f806;color:var(--pale);text-align:left;cursor:pointer}.data-grid button:hover{background:#eaf3f80f}.data-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.data-grid strong{color:var(--gold);font-size:11px;white-space:nowrap}.task-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;padding-top:4px}.task-form .check-row{grid-column:1 / -1}.task-form>.button{justify-self:start}.check-row{display:flex;flex-wrap:wrap;gap:18px;min-height:36px;align-items:center}.check-row label,.check{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800}input[type=checkbox]{accent-color:#eaf3f8}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:3px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{height:46px;border-bottom:1px solid var(--line);padding:8px 12px;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:10px;letter-spacing:.04em}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#eaf3f806}td .icon-button{width:30px;height:30px}.mono{max-width:260px;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.review-list{border:1px solid var(--line)}.review-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.5fr) auto;align-items:center;gap:18px;min-height:82px;padding:13px}.review-row+.review-row{border-top:1px solid var(--line)}.review-row>div:first-child{display:grid;gap:6px}.review-row strong{font-size:13px}.review-row span{color:var(--muted);font-size:11px}.review-content{max-height:42px;overflow:hidden;color:#eaf3f8bd;font-size:12px;line-height:1.5}.review-actions{display:flex;gap:7px}.review-actions .button{min-height:34px;padding:5px 10px;font-size:11px}.oauth-form{max-width:720px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.oauth-form .field:first-child,.oauth-form .field:nth-child(4),.oauth-form .field:nth-child(5){grid-column:1 / -1}.oauth-form .button{justify-self:start}.bottom-nav{display:none}@media(max-width:900px){.task-form{grid-template-columns:1fr 1fr}.review-row{grid-template-columns:1fr auto}.review-content{grid-column:1 / -1;grid-row:2}}@media(max-width:700px){.app-shell{display:block}.side-nav{display:none}.topbar{position:sticky;top:0;z-index:10;height:58px;justify-content:space-between;padding:0 16px}.mobile-brand{display:inline-flex}.mobile-brand span{font-size:18px}.identity span{display:none}.identity strong{max-width:150px;font-size:12px}.balance-strip{min-height:156px;padding:27px 16px 24px}.balance-strip strong{font-size:44px}.withdraw-state{padding-left:13px}.content-area{padding:28px 14px 104px}.section-heading{margin-bottom:22px}.section-heading h1{font-size:27px}.task-row{gap:10px;padding:12px 10px}.task-icon{flex-basis:36px;height:36px}.task-title-line span{display:none}.task-action,.task-state{min-width:60px}.bottom-nav{position:fixed;z-index:12;inset:auto 0 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid rgba(234,243,248,.17);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#0c1f2cfa}.bottom-nav button{min-height:48px;flex-direction:column;justify-content:center;gap:3px;padding:4px;font-size:10px}.bottom-nav button.active{background:var(--pale);color:var(--navy)}.compact-form,.task-form,.oauth-form{grid-template-columns:1fr}.oauth-form .field:first-child,.oauth-form .field:nth-child(4),.oauth-form .field:nth-child(5){grid-column:1}.compact-form .button,.task-form>.button,.oauth-form .button{width:100%}.review-row{grid-template-columns:1fr}.review-content{grid-column:1;grid-row:auto}.review-actions{width:100%}.review-actions .button{flex:1}.admin-tabs{overflow-x:auto}.admin-tabs button{flex:1 0 auto}.dialog-backdrop{align-items:end;padding:0}.dialog{width:100%;max-height:92dvh;border-width:1px 0 0;border-radius:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}