*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--ink:#1a1c22;--ink-2:#42464f;--ink-3:#787c86;--ink-4:#a6aab2;--line:#eae9e6;--line-2:#f2f1ee;--bg:#f6f5f2;--surface:#fff;--surface-2:#fbfaf8;--accent:#4326a8;--accent-press:#351f87;--accent-soft:#e9e4f7;--accent-line:#cdc2ec;--accent-ink:#2e1b73;--pos:#2e7a5e;--pos-soft:#e8f2ed;--pos-line:#cfe5da;--warn:#a9791c;--warn-soft:#f8efd9;--warn-line:#ead9ae;--neg:#b0463c;--neg-soft:#f7ecea;--neg-line:#edd2cd;--r-xs:7px;--r-sm:10px;--r:14px;--r-lg:18px;--r-xl:24px;--sh-sm:0 1px 2px #14161e0a,0 1px 3px #14161e0d;--sh:0 1px 2px #14161e0a,0 8px 24px -12px #14161e24;--sh-lg:0 2px 6px #14161e0d,0 24px 48px -20px #14161e3d;--sh-pop:0 4px 12px #14161e14,0 18px 40px -14px #14161e38;--font-disp:"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,sans-serif}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:14px;line-height:1.5}input,select,textarea,button{color:inherit;font-family:inherit;font-size:14px}button{cursor:pointer}::selection{background:var(--accent-soft)}.ic{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:20px;height:20px;display:inline-block}.ic-sm{width:16px;height:16px}.ic-lg{width:24px;height:24px}.screen{min-height:100vh;display:none}.screen.show{display:block}#s-login{background:#15171c;justify-content:center;align-items:center;min-height:100vh;padding:24px;position:relative;overflow:hidden}#s-login.show{display:flex}#s-login:before{content:"";filter:blur(8px);background:radial-gradient(circle,#6080d24d,#0000 68%);border-radius:50%;width:560px;height:560px;position:absolute;top:-180px;right:-160px}#s-login:after{content:"";background:radial-gradient(circle,#2e7a5e29,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-200px;left:-140px}.login-card{z-index:2;background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:392px;padding:40px 32px 34px;position:relative;box-shadow:0 40px 80px -24px #0000008c}.login-logo{text-align:center;margin-bottom:30px}.logo-box{background:linear-gradient(150deg,var(--accent),var(--accent-press));width:56px;height:56px;box-shadow:0 8px 20px -6px var(--accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.logo-box .ic{stroke:#fff;stroke-width:1.8px;width:28px;height:28px}.login-logo h1{font-family:var(--font-disp);letter-spacing:-.6px;font-size:25px;font-weight:700}.login-logo p{color:var(--ink-3);margin-top:5px;font-size:12.5px}.fld{margin-bottom:16px}.fld label{color:var(--ink-2);letter-spacing:.2px;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.fld .input-wrap{align-items:center;display:flex;position:relative}.fld .input-ic{color:var(--ink-4);pointer-events:none;position:absolute;left:13px}.fld input{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);width:100%;color:var(--ink);padding:12px 14px 12px 40px;transition:border-color .15s,background .15s,box-shadow .15s}.fld input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.pass-toggle{width:34px;height:34px;color:var(--ink-4);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;right:6px}.pass-toggle:hover{color:var(--ink-2);background:var(--line-2)}.btn-main{background:var(--accent);color:#fff;border-radius:var(--r-sm);border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:600;transition:background .15s,transform 50ms;display:flex}.btn-main:hover{background:var(--accent-press)}.btn-main:active{transform:translateY(1px)}.err-msg{background:var(--neg-soft);color:var(--neg);border:1px solid var(--neg-line);border-radius:var(--r-sm);align-items:center;gap:8px;margin-top:12px;padding:10px 13px;font-size:13px;display:none}.err-msg.show{display:flex}.forgot{text-align:center;color:var(--accent);cursor:pointer;margin-top:18px;font-size:13px;font-weight:500}.forgot:hover{text-decoration:underline}.login-hint{border-top:1px solid var(--line-2);text-align:center;color:var(--ink-4);margin-top:22px;padding-top:18px;font-size:11.5px;line-height:1.7}.login-hint b{color:var(--ink-3);font-weight:600}#s-app{flex-direction:column;min-height:100vh;display:none}#s-app.show{display:flex}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:200;border-bottom:1px solid var(--line);background:#ffffffd1;flex-shrink:0;align-items:center;gap:12px;height:60px;padding:0 18px;display:flex;position:sticky;top:0}.topbar-brand{flex:1;align-items:center;gap:9px;display:flex}.topbar-mark{background:linear-gradient(150deg,var(--accent),var(--accent-press));border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.topbar-mark .ic{stroke:#fff;width:17px;height:17px}.topbar-logo{font-family:var(--font-disp);color:var(--ink);letter-spacing:-.3px;font-size:17px;font-weight:700}.topbar-logo span{color:var(--accent)}.tb-user{border:1px solid var(--line);cursor:pointer;background:var(--surface);border-radius:99px;align-items:center;gap:9px;padding:4px 5px 4px 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.tb-user:hover{border-color:var(--accent-line);box-shadow:var(--sh-sm)}.tb-name{color:var(--ink-2);font-size:13px;font-weight:500}.tb-avatar{background:var(--accent);color:#fff;width:30px;height:30px;font-size:12px;font-weight:600;font-family:var(--font-disp);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tb-dd{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh-pop);border:1px solid var(--line);z-index:300;min-width:188px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.tb-dd.open{animation:.14s popIn;display:block}.tb-dd a{color:var(--ink-2);border-radius:var(--r-xs);align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.tb-dd a:hover{background:var(--bg)}.tb-dd a .ic{color:var(--ink-4);width:17px;height:17px}.tb-dd .logout,.tb-dd .logout .ic{color:var(--neg)}.tb-dd .dd-sep{background:var(--line-2);height:1px;margin:5px 0}.app-body{flex:1;width:100%;max-width:680px;margin:0 auto;padding:24px 18px 92px}.page{display:none}.page.show{animation:.28s both pageIn;display:block}@keyframes pageIn{0%{transform:translateY(7px)}to{transform:none}}.pg-head{margin-bottom:22px}.pg-title{font-family:var(--font-disp);letter-spacing:-.6px;font-size:25px;font-weight:700;line-height:1.15}.pg-sub{color:var(--ink-3);margin-top:4px;font-size:13px}.pg-head-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bnav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:200;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffe6;display:flex;position:fixed;bottom:0;left:0;right:0}.bnav-btn{color:var(--ink-4);letter-spacing:.1px;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10.5px;font-weight:600;transition:color .15s;display:flex;position:relative}.bnav-btn .ic{stroke-width:1.7px;width:22px;height:22px;transition:transform .18s}.bnav-btn.on{color:var(--accent)}.bnav-btn.on .ic{transform:translateY(-1px)}.bnav-btn.on:before{content:"";background:var(--accent);border-radius:0 0 4px 4px;width:26px;height:3px;position:absolute;top:0}.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh-sm);border:1px solid var(--line);margin-bottom:12px;padding:18px}.card-flush{padding:0;overflow:hidden}.sec{color:var(--ink-3);text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:8px;padding:20px 2px 10px;font-size:11px;font-weight:700;display:flex}.sec .ic{width:15px;height:15px;color:var(--ink-4)}.sec .sec-count{letter-spacing:0;text-transform:none;color:var(--ink-4);margin-left:auto;font-weight:600}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px;display:grid}.stat{background:var(--surface);border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh-sm);padding:15px 16px;position:relative}.stat .stat-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stat .stat-ic{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat .stat-ic .ic{width:18px;height:18px}.stat .val{font-family:var(--font-disp);letter-spacing:-1.4px;font-size:30px;font-weight:700;line-height:1}.stat .lbl{color:var(--ink-3);margin-top:5px;font-size:11.5px;font-weight:500}.stat.accent .stat-ic{background:var(--accent-soft);color:var(--accent)}.stat.pos .stat-ic{background:var(--pos-soft);color:var(--pos)}.stat.warn .stat-ic{background:var(--warn-soft);color:var(--warn)}.stat.neg .stat-ic{background:var(--neg-soft);color:var(--neg)}.staff-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;box-shadow:var(--sh-sm);align-items:center;gap:13px;margin-bottom:9px;padding:14px;transition:border-color .15s,box-shadow .15s,transform 50ms;display:flex}.staff-row:hover{border-color:var(--accent-line);box-shadow:var(--sh)}.staff-row:active{transform:scale(.995)}.s-av{color:#fff;background:var(--accent);width:42px;height:42px;font-size:15px;font-weight:600;font-family:var(--font-disp);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.s-info{flex:1;min-width:0}.s-name{color:var(--ink);font-size:14.5px;font-weight:600}.s-sub{color:var(--ink-3);align-items:center;gap:5px;margin-top:2px;font-size:12px;display:flex}.s-prog{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;display:flex}.s-pct{font-family:var(--font-disp);color:var(--ink);font-size:16px;font-weight:700}.s-bar{background:var(--line);border-radius:99px;width:64px;height:6px;overflow:hidden}.s-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.row-chev{color:var(--ink-4)}.badge{border:1px solid #0000;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge .ic{stroke-width:2px;width:12px;height:12px}.b-accent{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.b-pos{background:var(--pos-soft);color:var(--pos);border-color:var(--pos-line)}.b-warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}.b-neg{background:var(--neg-soft);color:var(--neg);border-color:var(--neg-line)}.b-gray{background:var(--line-2);color:var(--ink-3);border-color:var(--line)}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:7px;padding:11px 17px;font-size:13.5px;font-weight:600;transition:all .15s,transform 50ms;display:inline-flex}.btn .ic{width:17px;height:17px}.btn:active{transform:translateY(1px)}.btn-blue{background:var(--accent);color:#fff}.btn-blue:hover{background:var(--accent-press)}.btn-out{background:var(--surface);border-color:var(--line);color:var(--ink-2)}.btn-out:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--line-2)}.btn-red{background:var(--neg);color:#fff}.btn-green{background:var(--pos);color:#fff}.btn-green:hover{filter:brightness(.95)}.btn-sm{padding:8px 13px;font-size:12.5px}.btn-sm .ic{width:15px;height:15px}.btn-full{width:100%}.btn-pill{border-radius:99px}.task-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);margin-bottom:9px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.task-item:hover{border-color:var(--accent-line);box-shadow:var(--sh)}.task-header{cursor:pointer;align-items:center;gap:13px;padding:15px;display:flex}.task-done-box{border:2px solid var(--line);background:var(--surface);color:#0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .18s;display:flex}.task-done-box .ic{stroke-width:2.6px;width:14px;height:14px}.task-item.done .task-done-box{background:var(--pos);border-color:var(--pos);color:#fff}.task-item.done .task-name{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4)}.task-item.late,.task-item.late .task-done-box{border-color:var(--neg-line)}.task-name{flex:1;font-size:14.5px;font-weight:500;line-height:1.4}.task-meta-row{color:var(--accent);align-items:center;gap:6px;margin-top:4px;font-size:11.5px;font-weight:500;display:flex}.task-meta-row .ic{width:13px;height:13px}.task-deadline{color:var(--warn);background:var(--warn-soft);border:1px solid var(--warn-line);border-radius:99px;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.task-deadline .ic{width:13px;height:13px}.task-deadline.over{color:var(--neg);background:var(--neg-soft);border-color:var(--neg-line)}.prog-item{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-xs);margin-bottom:8px;padding:11px 13px}.prog-item .pt{color:var(--ink-4);align-items:center;gap:5px;margin-bottom:4px;font-size:11px;display:flex}.prog-item .pn{color:var(--ink-2);font-size:13px;line-height:1.5}.prog-item .ph{color:var(--pos);align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:500;display:flex}.upload-lbl{color:var(--accent);cursor:pointer;border:1.5px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--r-sm);align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:600;display:inline-flex}.upload-lbl:hover{background:#e4ebf6}.form-fld{margin-bottom:15px}.form-fld label{color:var(--ink-2);letter-spacing:.1px;margin-bottom:7px;font-size:11.5px;font-weight:600;display:block}.form-fld input,.form-fld select,.form-fld textarea{border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);background:var(--surface-2);padding:11px 13px;transition:border-color .15s,background .15s,box-shadow .15s}.form-fld input:focus,.form-fld select:focus,.form-fld textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.form-fld textarea{resize:vertical;min-height:78px;line-height:1.5}.form-fld .hint{color:var(--ink-4);margin-top:6px;font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.form-group-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:7px;margin:6px 0 12px;font-size:11px;font-weight:700;display:flex}.form-group-label .ic{width:15px;height:15px;color:var(--ink-4)}.task-form{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;padding:6px 16px}.task-form .tf-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:14px 0;display:flex}.task-form .tf-row:last-child{border-bottom:none}.tf-icon{width:22px;color:var(--ink-3);flex-shrink:0;justify-content:center;display:flex}.tf-input{color:var(--ink);background:0 0;border:none;flex:1;padding:0;font-size:14.5px}.tf-input:focus{outline:none}.tf-input::placeholder{color:var(--ink-4)}.tf-select{color:var(--ink);-webkit-appearance:none;cursor:pointer;background:0 0;border:none;flex:1;padding:0;font-size:14px}.tf-select:focus{outline:none}.tf-label{color:var(--ink-3);white-space:nowrap;margin-right:6px;font-size:13px}.tf-toggle{background:var(--line);cursor:pointer;border-radius:99px;flex-shrink:0;width:44px;height:25px;transition:background .2s;position:relative}.tf-toggle.on{background:var(--accent)}.tf-toggle:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.tf-toggle.on:after{left:22px}.task-chip{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-sm);align-items:center;gap:10px;margin-bottom:7px;padding:11px 13px;display:flex}.tc-ic{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tc-ic .ic{width:16px;height:16px}.tc-ic.harian{background:var(--accent-soft);color:var(--accent)}.tc-ic.mingguan{background:var(--warn-soft);color:var(--warn)}.tc-ic.bulanan{background:var(--pos-soft);color:var(--pos)}.tc-ic.special{color:#6b4da6;background:#efeaf6}.tc-name{flex:1;font-size:13.5px;font-weight:500}.tc-time{color:var(--ink-3);white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:inline-flex}.tc-time .ic{width:12px;height:12px}.tc-del{color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.tc-del:hover{color:var(--neg);background:var(--neg-soft)}.add-task-btn{background:var(--surface);border:1.5px dashed var(--accent-line);border-radius:var(--r-sm);width:100%;color:var(--accent);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:12px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.add-task-btn:hover{background:var(--accent-soft);border-style:solid}.add-task-btn .ic{width:17px;height:17px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:400;background:#14161e75;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.overlay.open{animation:.2s overlayIn;display:flex}@keyframes overlayIn{0%{background:#14161e00}to{background:#14161e75}}.modal{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:540px;max-height:90vh;padding:14px 22px 40px;animation:.3s cubic-bezier(.32,.72,0,1) sheetUp;overflow-y:auto}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.m-handle{background:var(--line);border-radius:99px;width:38px;height:4px;margin:0 auto 18px}.m-title{font-family:var(--font-disp);letter-spacing:-.4px;margin-bottom:6px;font-size:19px;font-weight:700}.m-desc{color:var(--ink-3);margin-bottom:18px;font-size:13px;line-height:1.5}.m-actions{gap:10px;margin-top:22px;display:flex}.m-actions .btn{flex:1}.sd-head{align-items:center;gap:13px;margin-bottom:18px;display:flex}.sd-head .s-av{border-radius:14px;width:48px;height:48px;font-size:17px}.sd-tabs{gap:7px;margin-bottom:18px;display:flex}.staff-task-item{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);align-items:flex-start;gap:11px;margin-bottom:8px;padding:12px 14px;display:flex}.std-check{border:2px solid var(--line);color:#0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.std-check .ic{stroke-width:2.6px;width:12px;height:12px}.done .std-check{background:var(--pos);border-color:var(--pos);color:#fff}.std-info{flex:1}.std-name{font-size:13.5px;font-weight:500}.std-meta{color:var(--ink-3);align-items:center;gap:6px;margin-top:3px;font-size:11.5px;display:flex}.std-prog{color:var(--accent);cursor:pointer;align-items:center;gap:5px;margin-top:5px;font-size:11.5px;font-weight:500;display:inline-flex}.repeat-opt{border-bottom:1px solid var(--line-2);cursor:pointer;align-items:center;gap:13px;padding:15px 4px;display:flex}.repeat-opt:last-child{border-bottom:none}.ro-radio{border:2px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;transition:all .15s;display:flex}.ro-radio.on{border-color:var(--accent);background:var(--accent)}.ro-radio.on:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.ro-label{color:var(--ink);font-size:14px;font-weight:500}.ro-sub{color:var(--ink-3);margin-top:4px;font-size:12px}.empty{text-align:center;color:var(--ink-3);padding:48px 24px}.empty .ei{background:var(--line-2);width:52px;height:52px;color:var(--ink-4);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.empty .ei .ic{width:26px;height:26px}.empty p{font-size:13.5px;line-height:1.6}.toast{background:var(--ink);color:#fff;opacity:0;z-index:999;pointer-events:none;white-space:nowrap;box-shadow:var(--sh-lg);border-radius:99px;align-items:center;gap:9px;padding:11px 20px;font-size:13px;font-weight:500;transition:all .26s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)translateY(12px)}.toast .ic{color:#7fd8ae;width:17px;height:17px}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.upload-prev{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.up-thumb{border-radius:var(--r-xs);object-fit:cover;border:1px solid var(--line);width:60px;height:60px}.up-vid{border-radius:var(--r-xs);background:var(--ink);color:#fff;justify-content:center;align-items:center;width:60px;height:60px;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.tf-step{transition:all .2s}.report-hero{border-radius:var(--r-lg);color:#fff;box-shadow:var(--sh);background:linear-gradient(155deg,#1e2128,#262a33);margin-bottom:14px;padding:22px;position:relative;overflow:hidden}.report-hero:after{content:"";background:radial-gradient(circle,#6080d252,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-40px}.rh-label{color:#fff9;letter-spacing:.3px;font-size:11.5px;font-weight:500;position:relative}.rh-score{font-family:var(--font-disp);letter-spacing:-2.5px;margin:6px 0 2px;font-size:54px;font-weight:700;line-height:1;position:relative}.rh-score small{color:#ffffff80;letter-spacing:-1px;font-size:24px;font-weight:600}.rh-sub{color:#ffffffb3;align-items:center;gap:7px;font-size:12.5px;display:flex;position:relative}.rh-grid{border-radius:var(--r-sm);background:#ffffff1a;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;display:grid;position:relative;overflow:hidden}.rh-cell{text-align:center;background:#ffffff0a;padding:13px 12px}.rh-cell .rc-val{font-family:var(--font-disp);letter-spacing:-.8px;font-size:22px;font-weight:700}.rh-cell .rc-lbl{color:#fff9;justify-content:center;align-items:center;gap:4px;margin-top:3px;font-size:10.5px;display:flex}.rh-cell .rc-lbl .ic{width:12px;height:12px}.rank-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);cursor:pointer;margin-bottom:9px;padding:15px 16px;transition:border-color .15s,box-shadow .15s}.rank-card:hover{border-color:var(--accent-line);box-shadow:var(--sh)}.rank-top{align-items:center;gap:13px;display:flex}.rank-num{width:26px;height:26px;font-family:var(--font-disp);background:var(--line-2);color:var(--ink-3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rank-num.gold{color:#a9791c;background:#f6efd6}.rank-num.silver{color:#71757f;background:#ecedef}.rank-num.bronze{color:#9c6b3f;background:#f3e7dc}.rank-name{flex:1;font-size:14.5px;font-weight:600}.rank-name .rn-sub{color:var(--ink-3);margin-top:1px;font-size:11.5px;font-weight:400}.rank-score{font-family:var(--font-disp);letter-spacing:-.8px;font-size:20px;font-weight:700}.rank-bar{background:var(--line);border-radius:99px;height:7px;margin-top:13px;overflow:hidden}.rank-bar .rb-fill{border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.rank-breakdown{gap:14px;margin-top:11px;display:flex}.rb-stat{color:var(--ink-3);align-items:center;gap:6px;font-size:11.5px;display:flex}.rb-stat .rb-dot{border-radius:3px;width:8px;height:8px}.rb-stat b{color:var(--ink-2);font-weight:700;font-family:var(--font-disp)}.rank-findings{border-top:1px solid var(--line-2);color:var(--warn);align-items:center;gap:7px;margin-top:11px;padding-top:11px;font-size:11.5px;display:flex}.rank-findings .ic{width:14px;height:14px}@media (width>=600px){.overlay{align-items:center}.modal{border-radius:var(--r-lg);max-height:84vh}.stats{grid-template-columns:repeat(4,1fr)}.app-body{padding-top:30px}}#tweaks-panel{z-index:1000;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:272px;box-shadow:var(--sh-lg);font-family:var(--font-body);padding:16px;animation:.18s popIn;display:none;position:fixed;bottom:18px;right:18px}#tweaks-panel.show{display:block}.tw-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.tw-head .tw-title{font-family:var(--font-disp);letter-spacing:-.2px;flex:1;font-size:15px;font-weight:700}.tw-head .tw-x{color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px;display:flex}.tw-head .tw-x:hover{background:var(--line-2);color:var(--ink-2)}.tw-sec{margin-bottom:14px}.tw-sec:last-child{margin-bottom:0}.tw-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:9px;font-size:10.5px;font-weight:700}.tw-swatches{gap:9px;display:flex}.tw-sw{cursor:pointer;border:2px solid #0000;border-radius:10px;width:34px;height:34px;transition:transform .1s;position:relative}.tw-sw:hover{transform:scale(1.06)}.tw-sw.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface) inset}.tw-seg{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);gap:6px;padding:4px;display:flex}.tw-seg button{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 6px;font-size:12.5px;font-weight:600;transition:all .12s}.tw-seg button.on{background:var(--surface);color:var(--accent);box-shadow:var(--sh-sm)}body.corners-sharp{--r-xs:3px;--r-sm:5px;--r:7px;--r-lg:9px;--r-xl:11px}.t-accent{--tc:var(--accent);--tcs:var(--accent-soft);--tcl:var(--accent-line)}.t-pos{--tc:var(--pos);--tcs:var(--pos-soft);--tcl:var(--pos-line)}.t-warn{--tc:var(--warn);--tcs:var(--warn-soft);--tcl:var(--warn-line)}.t-neg{--tc:var(--neg);--tcs:var(--neg-soft);--tcl:var(--neg-line)}.t-plum{--tc:#6b4da6;--tcs:#efeaf6;--tcl:#e0d6f0}.ph-ring{display:block}.ringwrap{justify-content:center;align-items:center;display:flex;position:relative}.ringwrap .rv{font-family:var(--font-disp);letter-spacing:-.5px;font-weight:700;position:absolute}.ringwrap .rv small{opacity:.65;font-size:.6em;font-weight:600}.tb-bell{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-2);border-radius:11px;justify-content:center;align-items:center;transition:border-color .15s,box-shadow .15s,color .15s;display:flex;position:relative}.tb-bell:hover{border-color:var(--accent-line);color:var(--accent);box-shadow:var(--sh-sm)}.tb-bell .ic{width:19px;height:19px}.tb-dot{background:var(--neg);color:#fff;border:2px solid var(--surface);min-width:17px;height:17px;font-size:10px;font-weight:700;font-family:var(--font-disp);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;display:none;position:absolute;top:-5px;right:-5px}.tb-dot.show{display:flex}.seg-chips{gap:8px;margin-bottom:16px;padding-bottom:2px;display:flex;overflow-x:auto}.seg-chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-3);white-space:nowrap;cursor:pointer;border-radius:99px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--accent-line);color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.focus-hero{background:linear-gradient(155deg,var(--accent),var(--accent-press));color:#fff;border-radius:var(--r-lg);box-shadow:0 16px 34px -18px var(--accent);margin-bottom:14px;padding:20px}.fh-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fh-tag{background:#ffffff2e;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.fh-tag .ic{width:14px;height:14px}.fh-name{font-family:var(--font-disp);letter-spacing:-.5px;font-size:22px;font-weight:700;line-height:1.2}.fh-meta{opacity:.85;align-items:center;gap:6px;margin-top:7px;font-size:12.5px;display:flex}.fh-meta .ic{width:14px;height:14px}.fh-actions{gap:9px;margin-top:18px;display:flex}.fh-btn{border-radius:var(--r-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;transition:transform 50ms,filter .15s;display:flex}.fh-btn:active{transform:translateY(1px)}.fh-btn.primary{color:var(--accent-press);background:#fff;flex:1}.fh-btn.primary:hover{filter:brightness(.96)}.fh-btn.ghost{color:#fff;background:#ffffff2e;width:50px}.fh-btn.ghost:hover{background:#ffffff47}.fh-btn .ic{width:18px;height:18px}.fh-empty{align-items:center;gap:12px;display:flex}.fh-empty .ic{width:30px;height:30px}.done-collapse{color:var(--pos);background:var(--pos-soft);border:1px solid var(--pos-line);border-radius:var(--r-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:13px;font-size:13px;font-weight:600;transition:filter .15s;display:flex}.done-collapse:hover{filter:brightness(.98)}.done-collapse .ic{width:16px;height:16px}.done-collapse .chev{transition:transform .2s}.done-collapse.open .chev{transform:rotate(180deg)}.nt-ic{background:var(--tcs);width:42px;height:42px;color:var(--tc);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nt-ic .ic{width:21px;height:21px}.nt-tabs{gap:8px;margin-bottom:16px;padding-bottom:2px;display:flex;overflow-x:auto}.nt-tabs::-webkit-scrollbar{display:none}.nt-tab{border:1px solid var(--line);background:var(--surface);color:var(--ink-3);white-space:nowrap;cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.nt-tab.on{background:var(--ink);border-color:var(--ink);color:#fff}.nt-tab-n{opacity:.7;font-size:11.5px;font-family:var(--font-disp)}.nt-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);flex-direction:column;margin-bottom:10px;padding:15px;transition:box-shadow .15s;display:flex}.nt-card.unread{border-left:3px solid var(--accent)}.nt-card-top{align-items:center;gap:11px;display:flex}.nt-title{font-size:14px;font-weight:600;line-height:1.35}.nt-text{color:var(--ink-3);margin-top:8px;font-size:12.5px;line-height:1.5}.nt-time{color:var(--ink-4);white-space:nowrap;flex-shrink:0;font-size:11.5px;font-weight:500}.nt-act-row{gap:8px;margin-top:13px;display:flex}.nt-act{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.nt-act:hover{border-color:var(--accent-line);color:var(--accent)}.nt-act.primary{background:var(--accent);border-color:var(--accent);color:#fff}.nt-act.primary:hover{background:var(--accent-press)}.nt-act .ic{width:15px;height:15px}.week-strip{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px;display:grid}.wk{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:10px 0 8px;transition:all .12s;display:flex}.wk:hover{border-color:var(--accent-line)}.wk-d{color:var(--ink-4);text-transform:uppercase;font-size:10.5px;font-weight:600}.wk-n{font-family:var(--font-disp);font-size:16px;font-weight:700}.wk-dots{gap:2px;height:5px;display:flex}.wk-dots i{background:var(--accent);border-radius:50%;width:4px;height:4px}.wk.on{background:var(--accent);border-color:var(--accent)}.wk.on .wk-d{color:#fffc}.wk.on .wk-n{color:#fff}.wk.on .wk-dots i{background:#ffffffd9}.wk.today:not(.on){border-color:var(--accent)}.day-summary{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:8px;display:grid}.day-summary>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);text-align:center;box-shadow:var(--sh-sm);padding:12px 6px}.ds-val{font-family:var(--font-disp);letter-spacing:-1px;font-size:22px;font-weight:700;line-height:1}.ds-lbl{color:var(--ink-3);margin-top:5px;font-size:11px}.ag-row{cursor:pointer;grid-template-columns:44px 4px 1fr 26px;align-items:center;gap:10px;margin-bottom:9px;display:grid}.ag-time{font-family:var(--font-disp);color:var(--ink-3);font-size:12.5px;font-weight:600}.ag-bar{border-radius:4px;align-self:stretch;width:4px;min-height:40px}.ag-bar.harian{background:var(--accent)}.ag-bar.mingguan{background:var(--warn)}.ag-bar.bulanan{background:var(--pos)}.ag-bar.special{background:#6b4da6}.ag-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-sm);padding:10px 13px;transition:border-color .15s}.ag-row:hover .ag-card{border-color:var(--accent-line)}.ag-row.now .ag-card{border-color:var(--accent-line);box-shadow:0 6px 16px -10px var(--accent)}.ag-row.done .ag-card{background:var(--surface-2);box-shadow:none}.ag-row.done .ag-name{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4)}.ag-name{font-size:13.5px;font-weight:600;line-height:1.3}.ag-meta{color:var(--ink-3);align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.ag-meta .ic{width:12px;height:12px}.ag-check{border:2px solid var(--line);color:#0000;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ag-check.on{background:var(--pos);border-color:var(--pos);color:#fff}.ag-check .ic{stroke-width:3px;width:13px;height:13px}.kpi-hero{color:#fff;border-radius:var(--r-lg);box-shadow:var(--sh);background:linear-gradient(155deg,#1e2128,#262a33);align-items:center;margin-bottom:6px;padding:18px;display:flex}.kh-main{text-align:center;padding-right:6px}.kh-val{font-family:var(--font-disp);letter-spacing:-2px;font-size:42px;font-weight:700;line-height:1}.kh-val small{color:#ffffff80;font-size:18px}.kh-lbl{color:#fff9;margin-top:4px;font-size:11px}.kh-div{background:#ffffff24;align-self:stretch;width:1px;margin:0 18px}.kh-stats{flex-direction:column;flex:1;gap:10px;display:flex}.kh-stats>div{justify-content:space-between;align-items:baseline;display:flex}.kh-stats b{font-family:var(--font-disp);font-size:17px;font-weight:700}.kh-stats span{color:#fff9;font-size:12px}.trend-chart{align-items:flex-end;gap:4px;height:88px;display:flex}.tc-col{flex:1;align-items:flex-end;height:100%;display:flex}.tc-bar{border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:height .4s}.tc-bar.hi{background:var(--pos)}.tc-bar.mid{background:var(--warn)}.tc-bar.lo{background:var(--neg)}.tc-bar.none{background:var(--line)}.trend-x{color:var(--ink-4);justify-content:space-between;margin-top:9px;font-size:10.5px;display:flex}.catperf{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cp-name{flex-shrink:0;width:72px;font-size:13px;font-weight:600}.cp-track{background:var(--line);border-radius:99px;flex:1;height:8px;overflow:hidden}.cp-fill{border-radius:99px;height:100%;transition:width .5s}.cp-val{font-family:var(--font-disp);text-align:right;width:38px;font-size:13.5px;font-weight:700}.ver-banner{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r);cursor:pointer;align-items:center;gap:13px;margin-bottom:16px;padding:14px 16px;transition:box-shadow .15s;display:flex}.ver-banner:hover{box-shadow:var(--sh)}.ver-banner .vb-ic{background:var(--accent);color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.vb-t{color:var(--accent-ink);font-size:14px;font-weight:700}.vb-s{color:var(--accent-ink);opacity:.8;margin-top:2px;font-size:12px}.ver-banner .row-chev{color:var(--accent);margin-left:auto}.vq-filter{gap:8px;margin-bottom:16px;padding-bottom:2px;display:flex;overflow-x:auto}.vq-filter::-webkit-scrollbar{display:none}.vq-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);margin-bottom:11px;padding:15px}.vq-top{align-items:center;gap:11px;margin-bottom:12px;display:flex}.vq-name{font-size:14px;font-weight:600;line-height:1.3}.vq-sub{color:var(--ink-3);margin-top:2px;font-size:12px}.vq-photos{gap:8px;margin-bottom:13px;display:flex}.vp-photo{aspect-ratio:1;border-radius:var(--r-sm);background:var(--tcs,var(--accent-soft));color:var(--tc,var(--accent));border:1px solid var(--tcl,var(--accent-line));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.vp-photo .ic{opacity:.6;width:24px;height:24px}.vp-note{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);margin-bottom:13px;padding:11px 13px;font-size:12.5px;line-height:1.5}.vq-actions{gap:9px;display:flex}.vq-empty{text-align:center;color:var(--ink-3);padding:46px 24px}.vq-empty .ei{background:var(--pos-soft);width:54px;height:54px;color:var(--pos);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.vq-empty .ei .ic{width:28px;height:28px}