*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-40{height:10rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html,body{height:100vh}#root{display:flex;height:100vh;width:100%;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}:root{--navy:oklch(.42 .12 258);--navy2:oklch(.36 .1 258);--navy3:oklch(.47 .1 258);--blue:oklch(.54 .09 268);--blue2:oklch(.47 .1 268);--blue-light:oklch(.95 .025 268);--blue-mid:oklch(.83 .05 268);--indigo:oklch(.52 .12 282);--purple:oklch(.55 .13 300);--purple-light:oklch(.95 .03 300);--green:oklch(.64 .16 148);--green-light:oklch(.95 .05 148);--amber:oklch(.76 .16 75);--amber-light:oklch(.97 .05 80);--red:oklch(.56 .21 18);--red-light:oklch(.96 .03 18);--surface:oklch(.985 .004 250);--surface2:oklch(.965 .006 250);--border:oklch(.92 .006 260);--border2:oklch(.85 .012 260);--text:oklch(.22 .02 260);--text2:oklch(.45 .018 260);--text3:oklch(.6 .015 260);--white:#ffffff;--shadow-sm:0 1px 2px 0 oklch(0 0 0 / .04),0 4px 12px -2px oklch(0 0 0 / .05);--shadow:0 1px 3px 0 oklch(0 0 0 / .05),0 8px 24px -8px oklch(.4 .05 260 / .08);--shadow-lg:0 12px 40px -8px oklch(.3 .08 265 / .18);--radius:10px;--radius-sm:8px;--radius-xs:6px}body{font-family:Open Sans,sans-serif;background:var(--surface);color:var(--text);height:100vh;overflow:hidden;display:flex;font-size:14px}.sidebar{width:230px;background:#1a294a;flex-shrink:0;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1)}.sidebar:after{content:"";position:absolute;bottom:-60px;left:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%);pointer-events:none}.logo-wrap{padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--blue),var(--indigo));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #6366f166}.logo-text{color:#fff;font-size:13px;font-weight:700;line-height:1.3}.logo-text span{display:block;font-size:10px;font-weight:400;color:#ffffff73;letter-spacing:.03em}.nav{padding:12px 10px;flex:1}.nav-section{font-size:10px;font-weight:700;color:#ffffff40;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px 4px;margin-top:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;margin-bottom:1px;text-decoration:none}.nav-item:hover{background:#ffffff0f;color:#ffffffd9}.nav-item.active{background:#ffffff1f;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--blue);border-radius:0 3px 3px 0}.nav-item svg{width:15px;height:15px;flex-shrink:0;opacity:.8}.nav-item.active svg{opacity:1}.sidebar-footer{padding:14px 10px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px}.user-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.user-row:hover{background:#ffffff0f}.user-av{width:30px;height:30px;border-radius:50%;background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--blue);flex-shrink:0}.user-name{font-size:12px;font-weight:600;color:#fffc;line-height:1.2}.user-role{font-size:10px;color:#ffffff8c}.collapse-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:32px;border:none;border-radius:var(--radius-sm);background:#ffffff14;color:#ffffffb3;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.collapse-btn:hover{background:#ffffff29;color:#fff}.collapse-ico{width:16px;height:16px;flex-shrink:0;transition:transform .22s}.sidebar.collapsed{width:68px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-section,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-info,.sidebar.collapsed .collapse-btn span{display:none}.sidebar.collapsed .logo-wrap{padding-left:0;padding-right:0}.sidebar.collapsed .logo{justify-content:center}.sidebar.collapsed .nav-item,.sidebar.collapsed .user-row{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .collapse-ico{transform:rotate(180deg)}.main{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--surface)}.topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;gap:14px;flex-shrink:0}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:7px 14px;flex:0 0 280px;transition:border .15s}.search-wrap:focus-within{border-color:var(--blue)}.search-wrap input{border:none;background:none;font-size:13px;color:var(--text);outline:none;width:100%;font-family:inherit}.search-wrap input::-moz-placeholder{color:var(--text3)}.search-wrap input::placeholder{color:var(--text3)}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar-link{font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}.topbar-link:hover{color:var(--blue);background:var(--blue-light)}.btn{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s;line-height:1}.btn-grad{background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;box-shadow:0 2px 8px #586ca34d}.btn-grad:hover{box-shadow:0 4px 16px #586ca373;transform:translateY(-1px)}.btn-outline{background:var(--white);color:var(--text2);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 2px 8px #d31e434d}.btn-danger:hover{background:#ba0035;background:oklch(.5 .21 18);box-shadow:0 4px 16px #d31e4373;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:none;border:none;color:var(--text2);padding:8px 12px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;border-radius:var(--radius-xs);transition:all .15s}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.av-btn{width:34px;height:34px;border-radius:50%;background:var(--blue-light);border:2px solid var(--blue-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--blue)}.page-header{padding:0 24px;height:54px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.page-header h1{font-size:16px;font-weight:800;color:var(--text)}.count-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:4px 10px 4px 6px;font-size:12px;font-weight:600;color:var(--text2)}.count-chip .bubble{background:var(--navy);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.icon-btn{width:32px;height:32px;border-radius:var(--radius-xs);border:1.5px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);transition:all .15s}.icon-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.back-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1.5px solid var(--border);background:var(--white);font-size:12px;font-weight:600;cursor:pointer;color:var(--text2);font-family:inherit;transition:all .15s}.back-btn:hover{border-color:var(--blue);color:var(--blue)}.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3)}.breadcrumb-nav span{color:var(--text2);cursor:pointer;font-weight:500}.breadcrumb-nav span:hover{color:var(--blue)}.breadcrumb-nav .sep{color:var(--border2)}.page-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:10px}.client-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.client-card:hover{border-color:var(--blue-mid);box-shadow:var(--shadow);transform:translateY(-1px)}.xero-circle{width:40px;height:40px;background:var(--blue-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:14px;font-weight:800;flex-shrink:0}.client-info{flex:1}.client-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:3px}.client-meta{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:8px}.meta-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.client-arrow{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:14px;transition:all .2s}.client-card:hover .client-arrow{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.filter-bar{padding:16px 24px 0;background:var(--surface);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.filter-tabs{display:flex;gap:8px}.ftab{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--text2);padding:4px 12px 4px 6px;border-radius:20px;transition:all .15s}.ftab:hover{color:var(--text);border-color:var(--border2)}.ftab.active{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.ftab-n{background:var(--navy);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.ftab.active .ftab-n{background:var(--blue)}#clients-list.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-content:start}.client-sq-card{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);transition:all .2s;cursor:pointer;display:flex;flex-direction:column}.client-sq-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--blue-mid)}.csq-top{display:flex;align-items:flex-start;gap:11px}.csq-av{width:44px;height:44px;border-radius:10px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex-shrink:0}.csq-info{flex:1;min-width:0}.csq-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csq-sub{font-size:12px;color:var(--text3)}.csq-div{height:1px;background:var(--border);margin-top:16px}.csq-row{display:flex;align-items:center;gap:10px;margin-top:18px}.cstatus-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.cstatus-pill.on{background:var(--green-light);color:var(--green)}.cstatus-pill.off{background:var(--red-light);color:var(--red)}.cstatus-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.csq-sync{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text3)}.csq-sync svg{width:12px;height:12px}.csq-alert{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text2)}.csq-aico{width:15px;height:15px;flex-shrink:0}.csq-aico.amber{color:var(--amber)}.csq-aico.green{color:var(--green)}.csq-alert b{font-weight:800;color:var(--text)}.csq-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.csq-open{font-size:11px;font-weight:700;color:var(--blue);opacity:0;transition:opacity .15s;white-space:nowrap}.client-sq-card:hover .csq-open{opacity:1}.empty-msg{color:var(--text3);font-size:13px;padding:40px;text-align:center;grid-column:1/-1}.sc-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:stretch;gap:0;box-shadow:var(--shadow-sm);transition:all .2s;position:relative;overflow:hidden}.sc-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--blue),var(--indigo));opacity:0;transition:opacity .2s}.sc-card:hover{box-shadow:var(--shadow);transform:translateY(-1px);border-color:var(--blue-mid)}.sc-card:hover:before{opacity:1}.sc-card.clickable{cursor:pointer}.sc-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.sc-info{min-width:0;flex:1}.sc-name{font-size:15px;font-weight:800;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-meta{font-size:11px;color:var(--text3);margin-bottom:0}.sc-notif{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-notif-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pillPulse{0%,to{box-shadow:0 0 #f59e0b59}60%{box-shadow:0 0 0 6px #f59e0b00}}.sc-right{display:flex;align-items:center;gap:16px;flex-shrink:0;padding-left:20px;border-left:1px solid var(--border)}.sc-actions-row{display:flex;align-items:center;gap:6px}.health-inline{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text2);white-space:nowrap}.health-inline svg{width:16px;height:16px;color:var(--text3);flex-shrink:0}.star-btn{background:none;border:none;cursor:pointer;font-size:20px;color:var(--text3);padding:4px;transition:all .15s;line-height:1}.star-btn:hover{color:var(--amber);transform:scale(1.2)}.star-btn.starred{color:var(--amber)}.menu-wrap{position:relative}.dots-btn{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:var(--radius-xs);color:var(--text3);font-size:20px;line-height:1;transition:all .15s;display:flex;align-items:center;justify-content:center}.dots-btn:hover{background:var(--surface2);color:var(--text)}.dropdown{position:fixed;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:9999;min-width:160px;padding:6px;display:none}.dropdown.open{display:block;animation:fadeIn .12s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;text-align:left;font-size:13px;font-weight:500;color:var(--text);background:none;border:none;cursor:pointer;border-radius:var(--radius-xs);font-family:inherit;transition:background .1s}.dd-item:hover{background:var(--surface)}.dd-item.danger{color:var(--red)}.dd-item.danger:hover{background:var(--red-light)}.dd-sep{height:1px;background:var(--border);margin:4px 8px}.dd-icon{width:14px;height:14px;opacity:.6}.sync-wrap{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.sync-pct-val{font-size:15px;font-weight:800;color:var(--text);margin-top:-6px;line-height:1}.sync-lbl{font-size:10px;color:var(--text3);font-weight:500;letter-spacing:.03em;margin-top:2px}.period-bar{background:var(--white);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;align-items:center;gap:10px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.period-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:default}.period-pill.master{background:var(--purple-light);color:var(--purple);border:1px solid rgba(139,92,246,.25)}.period-pill.report{background:var(--blue-light);color:var(--blue);border:1px solid rgba(59,130,246,.25)}.period-sep{color:var(--text3);font-size:12px}.period-edit-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1.5px solid var(--border);background:var(--white);font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;font-family:inherit;transition:all .15s}.period-edit-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.period-expand{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);background:var(--surface);border-bottom:1px solid var(--border)}.period-expand.open{max-height:320px}.period-inner{padding:18px 24px;display:flex;gap:14px;align-items:stretch}.pe-card{flex:1;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;transition:border .15s}.pe-card.master{border-top:3px solid var(--purple)}.pe-card.report{border-top:3px solid var(--blue)}.pe-card:focus-within{box-shadow:0 0 0 3px #3b82f61a}.pe-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;display:flex;align-items:center;gap:7px}.pe-dates{display:flex;gap:10px}.pe-field{flex:1;display:flex;flex-direction:column;gap:4px}.pe-field label{font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.pe-field input{padding:8px 10px;border:1.5px solid var(--border);border-radius:var(--radius-xs);font-size:13px;font-family:inherit;color:var(--text);outline:none;transition:border .15s;width:100%}.pe-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.pe-field input:disabled{background:var(--surface);color:var(--text3);cursor:not-allowed}.v-msg{margin-top:8px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px}.v-msg.ok{color:var(--green);background:var(--green-light)}.v-msg.err{color:var(--red);background:var(--red-light)}.tl-card{flex:1;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;justify-content:center}.tl-title{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.tl-track{position:relative;height:28px;background:var(--surface2);border-radius:8px;margin-bottom:8px;overflow:visible;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tl-master-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#8b5cf61a,#6366f10f);border-radius:8px}.tl-report-bar{position:absolute;top:4px;bottom:4px;background:linear-gradient(90deg,var(--blue),var(--indigo));border-radius:6px;box-shadow:0 2px 10px #3b82f666;cursor:grab;overflow:visible}.tl-report-bar:active{cursor:grabbing}.tl-report-lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;white-space:nowrap;pointer-events:none}.tl-handle{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:26px;background:#fff;border:2px solid var(--blue);border-radius:4px;cursor:ew-resize;z-index:10;box-shadow:0 1px 6px #00000026;display:flex;align-items:center;justify-content:center}.tl-handle:after{content:"";width:2px;height:10px;background:var(--blue-mid);border-radius:2px}.tl-handle.tl-hl{left:-6px}.tl-handle.tl-hr{right:-6px}.tl-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--text3)}.tl-presets{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.preset-btn{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--white);color:var(--text2);font-family:inherit;transition:all .15s}.preset-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.pe-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 24px 14px}.sc-table-wrap{flex:1.2;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px;overflow:auto}.sc-table-title{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.sc-table-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.sc-table-row:last-child{border-bottom:none}.toggle-sw{position:relative;width:36px;height:20px;flex-shrink:0}.toggle-sw input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:20px;transition:.25s;cursor:pointer}.toggle-track:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px #0003}.toggle-sw input:checked+.toggle-track{background:var(--blue)}.toggle-sw input:checked+.toggle-track:before{transform:translate(16px)}.custom-dates-row{padding:8px 0 4px;display:flex;gap:8px;flex-wrap:wrap}.ov-header{background:var(--white);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;gap:14px;flex-shrink:0;flex-wrap:wrap}.ov-company{display:flex;align-items:center;gap:10px}.ov-name{font-size:15px;font-weight:800;color:var(--text)}.ov-sub{font-size:11px;color:var(--text3)}.ov-stats{display:flex;gap:8px;flex-wrap:wrap;flex:1}.stat-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 12px;display:flex;flex-direction:column;align-items:center;min-width:80px}.sp-label{font-size:9px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.sp-val{font-size:13px;font-weight:700;color:var(--text)}.donut-ring{position:relative;flex-shrink:0}.donut-ring svg{transform:rotate(-90deg)}.donut-ring .dp{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--text)}.ov-actions{display:flex;gap:8px}.stepper-zone{background:var(--white);border-bottom:1px solid var(--border);padding:14px 32px;flex-shrink:0}.stepper{display:flex;align-items:flex-start}.step-item{display:flex;flex-direction:column;align-items:center;flex:1;cursor:pointer;position:relative}.step-connector{flex:1;margin-top:15px;height:2px;background:var(--border);position:relative;transition:background .4s}.step-connector.done{background:linear-gradient(90deg,var(--green),var(--blue))}.step-bubble{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid var(--border2);background:var(--white);color:var(--text3);position:relative;z-index:1;transition:all .25s;flex-shrink:0}.step-bubble.active{background:linear-gradient(135deg,var(--blue),var(--indigo));border-color:transparent;color:#fff;box-shadow:0 4px 14px #586ca366}.step-bubble.done{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 12px #33a55059}.step-bubble.locked{background:var(--surface2);border-color:var(--border);color:var(--text3);font-size:11px}.step-meta{margin-top:8px;text-align:center}.step-name{font-size:11px;font-weight:600;color:var(--text3);line-height:1.3;transition:color .2s;white-space:nowrap}.step-name.active{color:var(--indigo)}.step-name.done{color:var(--green)}.step-count{font-size:10px;margin-top:2px;transition:color .2s}.step-count.active{color:var(--blue);font-weight:600}.step-count.done{color:var(--green)}.step-count.amber{color:var(--amber);font-weight:600}.task-zone{flex:1;overflow:hidden;display:flex;flex-direction:column}.tz-header{padding:12px 20px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.tz-header h2{font-size:14px;font-weight:800}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-green{background:var(--green-light);color:var(--green)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-grey{background:var(--surface2);color:var(--text2)}.badge-purple{background:var(--purple-light);color:var(--purple)}.tz-body{flex:1;overflow:hidden;display:flex}.task-col{width:33%;min-width:260px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.task-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.task-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.task-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;opacity:0;transition:opacity .15s;border-radius:3px 0 0 3px}.task-item.todo:before{background:var(--text3)}.task-item.inprogress:before{background:var(--blue)}.task-item.done:before{background:var(--green)}.task-item.skipped:before{background:var(--text3)}.task-item:hover,.task-item.sel{border-color:var(--blue-mid);background:var(--blue-light)}.task-item:hover:before,.task-item.sel:before,.task-item.inprogress:before,.task-item.done:before{opacity:1}.task-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;transition:all .2s}.task-check.todo{background:var(--surface)}.task-check.inprogress{border-color:var(--blue);background:var(--blue-light);color:var(--blue)}.task-check.done{border-color:var(--green);background:var(--green);color:#fff}.task-check.skipped{border-color:var(--text3);background:var(--surface2);color:var(--text3)}.task-label{font-size:12px;font-weight:500;flex:1;color:var(--text)}.task-label.done{text-decoration:line-through;color:var(--text3)}.task-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.task-tag.todo{background:var(--surface2);color:var(--text3)}.task-tag.inprogress{background:var(--blue-light);color:var(--blue)}.task-tag.done{background:var(--green-light);color:var(--green)}.task-foot{padding:12px 14px;border-top:1px solid var(--border);background:var(--white);flex-shrink:0}.prog-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.prog-track{flex:1;height:6px;background:var(--surface2);border-radius:6px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:6px;transition:width .35s cubic-bezier(.4,0,.2,1)}.prog-txt{font-size:11px;font-weight:700;color:var(--text2);white-space:nowrap}.sub-btn{width:100%;padding:10px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:all .2s}.sub-btn.off{background:var(--surface2);color:var(--text3);cursor:not-allowed}.sub-btn.on{background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;box-shadow:0 4px 12px #586ca34d}.sub-btn.on:hover{box-shadow:0 6px 20px #586ca373;transform:translateY(-1px)}.appr-banner{margin-top:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}.appr-banner.pending{background:var(--amber-light);color:#92400e;border:1px solid rgba(245,158,11,.2)}.appr-banner.approved{background:var(--green-light);color:#065f46;border:1px solid rgba(16,185,129,.2)}.appr-act-btn{padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:none;font-family:inherit;background:var(--amber);color:#fff;transition:all .15s}.appr-act-btn:hover{background:#d97706;transform:translateY(-1px)}.detail-col{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--white)}.det-empty{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text3);gap:10px}.det-empty .big-icon{font-size:36px;opacity:.4}.det-empty p{font-size:13px;font-weight:500}.det-body{padding:18px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.det-tags{display:flex;gap:6px;flex-wrap:wrap}.det-title{font-size:16px;font-weight:800;color:var(--text)}.det-desc{font-size:13px;color:var(--text2);line-height:1.7}.det-actions{display:flex;flex-direction:column;gap:6px}.det-act-btn{padding:9px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--white);color:var(--text);font-family:inherit;transition:all .15s;text-align:left}.det-act-btn.primary{background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;border:none;box-shadow:0 2px 8px #586ca340}.det-act-btn:hover{background:var(--surface2)}.det-act-btn.primary:hover{box-shadow:0 4px 14px #586ca366;transform:translateY(-1px)}.sub-item-list{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.sub-item-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.sub-item-row:last-child{border-bottom:none}.sub-item-row:hover{background:var(--blue-light)}.sub-item-row:hover .si-arrow{color:var(--blue)}.si-icon{width:30px;height:30px;border-radius:var(--radius-xs);background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.si-name{flex:1;font-size:13px;font-weight:500;color:var(--text)}.si-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.si-arrow{color:var(--text3);font-size:12px;transition:color .15s}.si-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px}.si-status.pending{background:var(--surface2);border:2px solid var(--border)}.si-status.inprogress{background:var(--blue-light);border:2px solid var(--blue);animation:pulse 2s infinite}.si-status.done{background:var(--green);border:2px solid var(--green);color:#fff}.sub-item-row.si-active{background:var(--blue-light);border-left:3px solid var(--blue)}.sub-item-row.si-done{opacity:.75}.dt-upload{padding:7px 18px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.dt-upload-row{display:flex;align-items:center;gap:10px;flex-shrink:0}.up-pill{flex:0 0 230px;height:32px;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 10px;overflow:hidden;font-size:12px;color:var(--text3);transition:border-color .15s,background .15s}.up-pill:hover{border-color:var(--blue-mid);background:var(--surface)}.up-pill-ico{font-size:13px;color:var(--blue);flex-shrink:0;pointer-events:none}.up-pill-placeholder{font-style:italic;pointer-events:none}.up-chip{display:inline-flex;align-items:center;gap:4px;background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:20px;padding:2px 8px 2px 7px;font-size:11px;font-weight:600;color:var(--blue2);max-width:100%;overflow:hidden;white-space:nowrap;pointer-events:none}.up-chip-ico{font-size:11px;flex-shrink:0}.up-chip-name{overflow:hidden;text-overflow:ellipsis;max-width:220px}.up-chip-x{color:var(--blue);cursor:pointer;margin-left:3px;font-size:10px;flex-shrink:0;pointer-events:all}.up-hint{font-size:10px;color:var(--text3);flex-shrink:0;white-space:nowrap}.up-progress-wrap{background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:6px;padding:7px 12px;display:flex;flex-direction:column;gap:5px;margin-left:auto;min-width:240px}.up-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.up-filename{font-size:12px;font-weight:600;color:var(--blue2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.up-pct{font-size:12px;font-weight:700;color:var(--blue);flex-shrink:0}.up-track{height:6px;background:var(--blue-mid);border-radius:6px;overflow:hidden}.up-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--indigo));border-radius:6px;width:0%;transition:width .1s linear}.up-success-wrap{background:var(--green-light);border:1px solid var(--green-light);border-radius:6px;padding:6px 12px;display:flex;align-items:center;gap:9px;margin-left:auto}.us-icon{width:20px;height:20px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.us-sub{display:inline!important}.us-text{flex:1;font-size:12px;font-weight:500;color:var(--text);line-height:1.5}.us-sub{font-size:11px;color:var(--green);font-weight:400;display:block}.dt-wrap{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.dt-header{padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:8px;background:var(--white)}.dt-meta{font-size:11px;color:var(--text3)}.dt-range{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text);margin-top:2px}.dt-upload{padding:7px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.dt-controls{padding:8px 18px;display:flex;justify-content:flex-end;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--white)}.dt-table-wrap{flex:1;min-height:0;overflow:auto}.dt-pagination{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--border);background:var(--white);flex-shrink:0}.dt-pg-info{font-size:11px;color:var(--text3);font-weight:500}.dt-pg-btns{display:flex;align-items:center;gap:8px}.dt-pg-btn{padding:5px 12px;border-radius:var(--radius-xs);border:1.5px solid var(--border);background:var(--white);font-family:inherit;font-size:11px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .15s}.dt-pg-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.dt-pg-btn:disabled{opacity:.4;cursor:not-allowed}.dt-pg-num{font-size:11px;font-weight:700;color:var(--text2)}.admin-body{flex:1;min-height:0;padding:20px 24px;display:flex}.admin-card{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.kpi-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 24px 2px;background:var(--surface);flex-shrink:0}.kpi-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:15px 17px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:13px}.kpi-ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.kpi-meta{min-width:0}.kpi-val{font-size:22px;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.02em}.kpi-label{font-size:11px;font-weight:600;color:var(--text3);margin-top:2px}.rv-reviewer{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:500}.rv-hide{display:none!important}.rv-selectbar{display:flex;gap:18px;padding:16px 24px 0;background:var(--surface);flex-shrink:0}.rv-select{display:flex;flex-direction:column;gap:5px}.rv-select label{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.rv-select select{min-width:230px;padding:8px 11px;border:1.5px solid var(--border);border-radius:var(--radius-xs);font-size:13px;font-family:inherit;color:var(--text);background:var(--white);outline:none;cursor:pointer;transition:border .15s}.rv-select select:focus{border-color:var(--blue)}.rv-select select:disabled{background:var(--surface2);color:var(--text3);cursor:not-allowed}.rv-empty{flex:1 1 100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px}.rv-empty-icon{font-size:42px;opacity:.2;margin-bottom:10px}.rv-empty-title{font-size:14px;font-weight:700;color:var(--text2)}.rv-empty-sub{font-size:12px;color:var(--text3);margin-top:4px}.rv-table td{vertical-align:middle}.rv-table tbody tr:nth-child(2n){background:transparent}.rv-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;align-content:flex-start;align-items:flex-start}.rv-master-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;flex:1 1 380px;min-width:0}.rv-master-head{display:flex;align-items:center;gap:9px;padding:12px 18px;background:var(--surface2);border-bottom:1.5px solid var(--border)}.rv-master-ico{font-size:15px}.rv-master-title{font-size:13px;font-weight:800;color:var(--purple);letter-spacing:-.01em}.rv-master-meta{margin-left:auto;display:flex;gap:6px}.rv-master-pill{font-size:10.5px;font-weight:700;padding:2px 10px;border-radius:20px;background:var(--white);color:var(--text2);border:1px solid var(--border)}.rv-master-pill.gap{background:var(--amber-light);color:#955900;color:oklch(.52 .13 66);border-color:transparent}.rv-master-pill.ok{background:var(--green-light);color:var(--green);border-color:transparent}.rv-table th{position:static}.rv-table tbody tr:last-child td{border-bottom:none}.rv-rp-row{cursor:pointer}.rv-rp-row td{background:var(--white);color:var(--text);font-weight:700;font-size:12px;padding:9px 16px 9px 24px;border-bottom:1px solid var(--border)}.rv-rp-row:hover td{background:var(--surface2)}.rv-chev{display:inline-block;width:13px;font-size:9px;color:var(--blue);transition:transform .15s;transform:rotate(0)}.rv-rp-row.rv-open .rv-chev{transform:rotate(90deg)}.rv-rp-dur{color:var(--blue);font-weight:700}.rv-rp-tot{color:var(--text3);font-weight:600}.rv-rp-rev{display:inline-flex;align-items:center;gap:5px;background:var(--white);border:1px solid var(--border);border-radius:20px;padding:1px 9px 1px 3px;font-size:11px;font-weight:700;color:var(--text2);margin:0 5px}.rv-rev-av{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--blue-light);color:var(--blue);font-size:8px;font-weight:800}.rv-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--surface2);color:var(--text2);font-size:10px;font-weight:800;margin-right:9px;margin-left:14px}.rv-step-name{font-weight:600;color:var(--text)}.rv-step-head td{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;background:var(--surface2);padding:7px 16px;border-bottom:1.5px solid var(--border)}.rv-step-head td:first-child{padding-left:30px}.rv-gap-row td{background:var(--amber-light);color:#955900;color:oklch(.52 .13 66);font-weight:700;font-size:11.5px;padding:8px 16px 8px 24px;border-bottom:1px solid var(--border)}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}.role-card{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:22px;box-shadow:var(--shadow-sm);transition:all .2s}.role-card:hover{box-shadow:var(--shadow);border-color:var(--blue-mid)}.role-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.role-name{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.01em}.role-count{font-size:12px;color:var(--text3);margin-top:2px}.role-av{width:36px;height:36px;border-radius:10px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.role-desc{font-size:13px;color:var(--text2);line-height:1.6;margin-top:10px}.role-div{height:1px;background:var(--border);margin:16px 0}.role-perms{list-style:none;display:flex;flex-direction:column;gap:10px}.role-perm{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--text)}.role-perm svg{width:15px;height:15px;color:var(--green);flex-shrink:0}.badge-red{background:var(--red-light);color:var(--red)}.tbl-av{width:32px;height:32px;border-radius:50%;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.row-actions{display:inline-flex;gap:6px}.act-btn{width:30px;height:30px;border-radius:var(--radius-xs);border:1.5px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);transition:all .15s}.act-btn svg{width:14px;height:14px}.act-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light);transform:translateY(-1px)}.act-btn.act-edit:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-light)}.act-btn.act-del:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.role-tr{display:flex;align-items:center;gap:7px}.form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99998;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.form-modal{background:var(--white);border-radius:14px;width:480px;max-width:92%;max-height:90vh;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.form-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border)}.form-modal-head h3{font-size:15px;font-weight:800;color:var(--text)}.form-close{width:28px;height:28px;border:1.5px solid var(--border);border-radius:var(--radius-xs);background:var(--white);cursor:pointer;color:var(--text3);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.form-close:hover{border-color:var(--red);color:var(--red)}.form-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:13px;overflow-y:auto}.form-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.form-row{display:flex;gap:12px}.form-field{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.form-field label{font-size:11px;font-weight:600;color:var(--text2)}.form-field input,.form-field select{padding:8px 11px;border:1.5px solid var(--border);border-radius:var(--radius-xs);font-size:13px;font-family:inherit;color:var(--text);outline:none;transition:border .15s;width:100%;background:var(--white)}.form-field input:focus,.form-field select:focus{border-color:var(--blue)}.form-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--border)}.perm-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;border:1.5px solid var(--border);border-radius:var(--radius-xs);padding:12px}.perm-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer}.perm-check input{width:15px;height:15px;accent-color:var(--blue);cursor:pointer;flex-shrink:0;margin:0}.dt-table{width:100%;border-collapse:collapse;font-size:13px}.dt-table th{padding:11px 16px;text-align:left;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;background:var(--surface2);border-bottom:1.5px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:4}.dt-table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text2)}.dt-table tbody tr:nth-child(2n){background:var(--surface)}.dt-empty-row td{text-align:center;padding:40px}.dt-empty-icon{font-size:32px;opacity:.25;display:block;margin-bottom:8px}.dt-sort{display:inline-flex;flex-direction:column;gap:1px;margin-left:4px;vertical-align:middle;opacity:.5}.dt-sort span{font-size:7px;line-height:1}.dt-table tbody tr{transition:background .12s;cursor:default}.dt-table tbody tr:hover{background:var(--blue-light)}.tz-body.dt-expanded .task-col{display:none!important}.tz-body.dt-expanded .detail-col{flex:1}#p-overview.dt-fullscreen .ov-header,#p-overview.dt-fullscreen .stepper-zone,#p-overview.dt-fullscreen .tz-header{display:none}.dt-expand-btn{width:28px;height:28px;border-radius:var(--radius-xs);border:1.5px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);transition:all .15s;flex-shrink:0}.dt-expand-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.dt-table .cell-amt{font-weight:700;color:var(--text);text-align:right}.dt-table .cell-vat{font-weight:600;color:var(--blue);text-align:right}.dt-table .cell-date{color:var(--text2);white-space:nowrap}.dt-table .cell-ref{font-weight:600;color:var(--indigo);white-space:nowrap}.dt-table .cell-issue{color:var(--red);font-weight:600;line-height:1.4;white-space:normal}.dt-action-cell{white-space:nowrap}.dt-xero-btn,.dt-dismiss-btn{font-family:inherit;font-size:11px;font-weight:700;border-radius:14px;padding:4px 10px;cursor:pointer;transition:all .15s}.dt-xero-btn{color:var(--blue);border:1.5px solid var(--blue-mid);background:var(--white);margin-right:6px}.dt-xero-btn:hover{background:var(--blue-light)}.dt-dismiss-btn{color:var(--text2);border:1.5px solid var(--border);background:var(--white)}.dt-dismiss-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.dt-dismissed-tag{font-size:11px;font-weight:700;color:var(--text3);white-space:nowrap}.dt-undo{color:var(--blue);cursor:pointer;text-decoration:underline}.dt-table th.dt-th-issue,.dt-table td.cell-issue{position:sticky;right:210px;width:230px;min-width:230px;max-width:230px;box-shadow:-8px 0 8px -8px #0f172a29}.dt-table th.dt-th-action,.dt-table td.dt-action-cell{position:sticky;right:0;width:210px;min-width:210px;max-width:210px}.dt-table td.cell-issue,.dt-table td.dt-action-cell{background:var(--white);z-index:1450}.dt-table tbody tr:nth-child(2n) td.cell-issue,.dt-table tbody tr:nth-child(2n) td.dt-action-cell{background:var(--surface)}.dt-table tbody tr:hover td.cell-issue,.dt-table tbody tr:hover td.dt-action-cell{background:var(--blue-light)}.dt-table th.dt-th-issue,.dt-table th.dt-th-action{z-index:5}.dt-row-dismissed td{background:var(--surface2)!important;color:var(--text3);text-decoration:line-through}.dt-row-dismissed .dt-action-cell,.dt-row-dismissed .dt-action-cell *{text-decoration:none}.rt-badge{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.rt-pi{background:var(--blue-light);color:var(--blue)}.rt-exp{background:var(--purple-light);color:var(--purple)}.rt-si{background:var(--green-light);color:var(--green)}.rt-bank{background:var(--surface2);color:var(--text2)}.cell-debit{color:var(--red);font-weight:600;text-align:right}.cell-credit{color:var(--green);font-weight:600;text-align:right}.cell-bal{font-weight:700;color:var(--text);text-align:right}.icon-btn.active-view{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}#subclients-list.grid-view{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start}.ent-card{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);transition:all .2s;cursor:pointer;display:flex;flex-direction:column}.ent-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--blue-mid)}.ent-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ent-gauge{display:flex;flex-direction:column;align-items:center}.ent-gauge-num{font-size:20px;font-weight:800;color:var(--text);line-height:1;margin-top:-13px;letter-spacing:-.01em}.ent-gauge-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.14em;margin-top:4px}.ent-tr{display:flex;align-items:center;gap:2px}.ent-name{font-size:15px;font-weight:700;color:var(--text);margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.ent-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}.ent-meta .cstatus-pill{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-xs);padding:2px 7px}.ent-sync{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text3);font-weight:500}.ent-sync svg{width:12px;height:12px}.ent-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.ent-reviewer{min-width:0}.ent-rv-label{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.14em}.ent-rv-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.ent-review-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 13px;border-radius:var(--radius-xs);background:var(--blue);color:#fff;border:none;font-family:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity .15s;flex-shrink:0}.ent-review-btn:hover{opacity:.9}.sq-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);transition:all .2s;cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.sq-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--indigo));opacity:0;transition:opacity .2s}.sq-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--blue-mid)}.sq-card:hover:before{opacity:1}.sq-top{display:flex;align-items:flex-start;gap:10px}.sq-info{flex:1;min-width:0}.sq-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sq-meta{font-size:11px;color:var(--text3)}.sq-notif{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text3);margin-top:4px}.sq-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}.sq-sync{display:flex;align-items:center;gap:6px}.sq-actions{display:flex;align-items:center;gap:2px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid rgba(245,158,11,.4);border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0000001f;z-index:99999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;min-width:420px;max-width:560px}.toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toast-icon{width:36px;height:36px;background:var(--amber);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.toast-body{flex:1}.toast-title{font-size:13px;font-weight:700;color:#92400e;margin-bottom:2px}.toast-sub{font-size:11px;color:#b45309}.toast-btn{padding:7px 14px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;border:none;font-family:inherit;background:var(--amber);color:#fff;white-space:nowrap;flex-shrink:0}.toast-btn:hover{background:#d97706}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99998;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-box{background:var(--white);border-radius:16px;padding:32px 28px;max-width:400px;width:90%;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;align-items:center;gap:14px;animation:modalIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:none}}.modal-check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--green),#059669);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 24px #10b98159;flex-shrink:0}.modal-title{font-size:18px;font-weight:800;color:var(--text);text-align:center}.modal-sub{font-size:13px;color:var(--text2);text-align:center;line-height:1.6}.modal-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:4px 0}.modal-stat{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;text-align:center;min-width:80px}.modal-stat .ms-val{font-size:18px;font-weight:800;color:var(--text);display:block}.modal-stat .ms-lbl{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.task-lock-banner{margin:10px 12px 4px;padding:10px 14px;background:var(--amber-light);border:1.5px dashed rgba(245,158,11,.5);border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#92400e}.task-lock-banner svg{flex-shrink:0;color:var(--amber)}.task-item.locked-task{opacity:.45;pointer-events:none}.si-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.si-grid-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 12px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;overflow:hidden;text-align:center;min-height:130px}.si-grid-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;transition:opacity .18s;opacity:0}.si-grid-card.si-active{border-color:var(--blue);box-shadow:0 4px 16px #3b82f62e,0 1px 4px #3b82f61a}.si-grid-card.si-active:before{background:linear-gradient(90deg,var(--blue),var(--indigo));opacity:1}.si-grid-card.si-done{opacity:.75}.si-grid-card.si-done:before{background:linear-gradient(90deg,var(--green),#059669);opacity:1}.si-grid-card:hover:not(.si-active):not(.si-done){border-color:var(--border2);box-shadow:0 4px 14px #00000012,0 1px 3px #0000000a;transform:translateY(-1px)}.si-grid-card:hover:not(.si-active):not(.si-done):before{background:linear-gradient(90deg,var(--blue),var(--indigo));opacity:.5}.si-grid-icon{width:38px;height:38px;border-radius:var(--radius-xs);background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;margin-bottom:8px}.si-grid-name{font-size:11px;font-weight:600;color:var(--text);line-height:1.4;flex:1;display:flex;align-items:center;justify-content:center;padding:0 2px}.si-grid-foot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px}.si-grid-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.si-grid-status{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.si-grid-status.pending{background:var(--surface2);border:2px solid var(--border)}.si-grid-status.inprogress{background:var(--blue-light);border:2px solid var(--blue);animation:pulse 2s infinite}.si-grid-status.done{background:var(--green);border:2px solid var(--green);color:#fff}.si-view-toggle{display:flex;align-items:center;gap:4px}.hidden{display:none!important}.page{display:flex;flex-direction:column;height:100%;overflow:hidden;animation:pageIn .18s ease}.page.hide{display:none!important}@keyframes pageIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}.guide-body{max-width:940px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:26px;padding-bottom:48px}.guide-intro{font-size:13px;color:var(--text2);line-height:1.7}.guide-flow{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow-sm)}.guide-flow-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:16px}.guide-flow-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.guide-flow-node{display:flex;align-items:center;gap:9px;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:7px 14px 7px 8px}.guide-flow-num{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guide-flow-label{font-size:12px;font-weight:700;color:var(--text)}.guide-flow-arrow{color:var(--border2);font-size:14px;font-weight:700}.guide-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);display:flex;align-items:center;gap:8px}.guide-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.guide-step{display:flex;flex-direction:column;gap:12px}.guide-step-head{display:flex;align-items:center;gap:10px}.guide-step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #586ca359}.guide-step-title{font-size:16px;font-weight:800;color:var(--text)}.guide-text{font-size:13px;color:var(--text2);line-height:1.7}.guide-shot{position:relative;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--surface2);line-height:0}.guide-shot img{display:block;width:100%;height:auto}.guide-marker{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2.5px solid #fff;box-shadow:0 2px 10px #0006;transform:translate(-50%,-50%);z-index:2}.guide-legend{display:flex;flex-direction:column;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.guide-legend-item{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--text2);line-height:1.5}.guide-legend-num{width:19px;height:19px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.guide-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)}.guide-card h4{font-size:13px;font-weight:800;color:var(--text);margin-bottom:8px}.guide-card p{font-size:12px;color:var(--text2);line-height:1.65}.guide-badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.guide-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid}.guide-badge.green{background:var(--green-light);color:#059669;border-color:#10b98140}.guide-badge.amber{background:var(--amber-light);color:#b45309;border-color:#f59e0b40}.guide-badge.red{background:var(--red-light);color:#dc2626;border-color:#ef444440}.guide-cards-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-footer{text-align:center;font-size:12px;color:var(--text3);padding-top:8px}.guide-footer a{color:var(--blue);font-weight:600;text-decoration:none}.guide-footer a:hover{text-decoration:underline}.mobile-menu-btn{display:none;position:fixed;top:10px;left:10px;z-index:1100;width:40px;height:40px;border-radius:8px;border:1.5px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .15s}.mobile-menu-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.mobile-menu-btn svg{width:20px;height:20px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999;opacity:0;transition:opacity .22s}.sidebar-overlay.show{display:block;opacity:1}@media (max-width:960px){.kpi-band{grid-template-columns:repeat(2,1fr)}.role-grid{grid-template-columns:1fr}#subclients-list.grid-view{grid-template-columns:repeat(2,1fr)}.period-inner{flex-direction:column}.task-col{width:40%;min-width:220px}}@media (max-width:768px){body{height:auto;min-height:100vh;overflow:auto;flex-direction:column;font-size:13px}.mobile-menu-btn{display:flex}.sidebar{position:fixed;top:0;left:-280px;bottom:0;width:260px;z-index:1000;transition:left .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #00000040}.sidebar.open{left:0}.sidebar.collapsed{width:260px;left:-280px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-section,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-info,.sidebar.collapsed .collapse-btn span{display:initial}.sidebar.collapsed .logo-wrap{padding:20px 18px 16px}.sidebar.collapsed .logo{justify-content:flex-start}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:9px 12px}.sidebar.collapsed .user-row{justify-content:flex-start;padding:8px 10px}.sidebar.collapsed .collapse-ico{transform:none}.collapse-btn{display:none}.main{flex:1;width:100%;min-width:0;overflow:visible;height:auto}.page{height:auto;overflow:visible}.page-body{overflow:visible;flex:none}.admin-body{overflow:visible}.period-expand{max-height:0}.period-expand.open{max-height:none}.page-header{height:auto;min-height:54px;padding:10px 14px 10px 60px;flex-wrap:wrap;gap:8px}.page-header h1{font-size:15px;flex:1 1 100%;min-width:0}.page-header .search-wrap{flex:1 1 100%!important;min-width:0!important;margin-left:0!important}.page-header .back-btn,.page-header .count-chip,.page-header .breadcrumb-nav,.page-header .icon-btn{flex-shrink:0}.page-header>div[style*="margin-left:auto"]{margin-left:0!important;width:100%;flex-wrap:wrap;justify-content:flex-start}.breadcrumb-nav{flex-wrap:wrap}.topbar{padding:8px 14px 8px 60px;height:auto;flex-wrap:wrap;gap:8px}.search-wrap{flex:1 1 100%}.topbar-right{margin-left:0;width:100%;justify-content:flex-end;flex-wrap:wrap}.filter-bar{padding:12px 14px 0;flex-direction:column;align-items:stretch;gap:10px}.filter-tabs{flex-wrap:wrap;gap:6px}.ftab{font-size:11px;padding:3px 10px 3px 5px}.page-body{padding:14px;gap:10px}.admin-body{padding:14px;flex-direction:column}.admin-card{width:100%}#clients-list.grid-view,#subclients-list.grid-view,.role-grid{grid-template-columns:1fr;gap:12px}.kpi-band{grid-template-columns:1fr;padding:14px 14px 2px;gap:10px}.perm-list,.guide-cards-2{grid-template-columns:1fr}.si-grid{grid-template-columns:repeat(2,1fr)}.period-inner{flex-direction:column;padding:14px;gap:12px}.pe-dates{flex-direction:column;gap:8px}.sc-card{flex-direction:column;padding:14px;gap:12px}.sc-left{width:100%}.sc-right{width:100%;padding-left:0;padding-top:12px;border-left:none;border-top:1px solid var(--border);justify-content:space-between;gap:10px;flex-wrap:wrap}.sc-actions-row{flex-wrap:wrap}.client-card{padding:14px}.period-bar{flex-wrap:wrap;padding:10px 14px;gap:6px}.period-pill{font-size:11px;padding:4px 10px}.rv-selectbar{flex-direction:column;gap:10px;padding:12px 14px 0}.rv-select{width:100%}.ov-header{position:relative;padding:12px 14px 12px 60px;flex-direction:column;align-items:stretch;gap:10px}.ov-header .back-btn{align-self:flex-start}.ov-company{width:100%;gap:10px;padding-right:60px}.ov-name{font-size:14px}.ov-sub{font-size:10px}.donut-ring{position:absolute!important;right:14px;top:12px;width:42px!important;height:42px!important;margin:0!important}.donut-ring svg{width:42px;height:42px}.ov-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;flex:none}.stat-pill{min-width:0;padding:6px 8px;width:100%}.sp-label{font-size:8px}.sp-val{font-size:12px}.ov-actions{width:100%;justify-content:flex-end;gap:6px}.ov-actions .btn{flex:1;max-width:160px}.stepper-zone{padding:12px 10px;overflow:visible}.stepper{min-width:0;flex-wrap:nowrap}.step-bubble{width:26px;height:26px;font-size:11px}.step-name{font-size:9px;white-space:normal;text-align:center;line-height:1.2}.step-count{font-size:9px}.step-connector{margin-top:13px}.tz-body{flex-direction:column;overflow:auto}.task-col{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border);max-height:380px}.detail-col{min-height:300px}.dt-table-wrap,.sc-table-wrap,.rv-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.dt-table{min-width:720px}.form-modal{width:95vw;max-width:95vw}.btn{padding:7px 14px;font-size:12px}.btn-grad,.btn-outline{white-space:nowrap}}@media (max-width:480px){.si-grid{grid-template-columns:1fr}.page-header h1{font-size:14px}.breadcrumb-nav{font-size:11px}.ov-stats{grid-template-columns:repeat(2,1fr)}.step-name{font-size:8px}.step-bubble{width:24px;height:24px;font-size:10px}}.rv-header{gap:10px;flex-wrap:wrap}.rv-mini-select{font-family:inherit;font-size:12px;font-weight:600;color:var(--text);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-xs);padding:6px 10px;min-width:170px;cursor:pointer;outline:none;transition:border .15s}.rv-mini-select:focus{border-color:var(--blue)}.rv-mini-select:disabled{background:var(--surface2);color:var(--text3);cursor:not-allowed}.rv-mini-kpis{display:inline-flex;gap:6px;margin-left:4px}.rv-mini-kpis .stat-pill{flex-direction:row;align-items:center;gap:6px;padding:5px 11px;min-width:0}.rv-mini-kpis .sp-label{margin-bottom:0;font-size:9px}.rv-mini-kpis .sp-val{font-size:13px}.rv-tabbar{padding:8px 24px;background:var(--surface)}.rv-tabs{display:inline-flex;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-xs);padding:3px;gap:2px}.rv-tab{font-family:inherit;font-size:12px;font-weight:700;color:var(--text3);background:transparent;border:none;padding:7px 14px;border-radius:6px;cursor:pointer;transition:all .15s;letter-spacing:.01em}.rv-tab:hover{color:var(--text)}.rv-tab.active{background:var(--blue-light);color:var(--blue)}.rv-export-btn{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:12px;font-weight:700;color:var(--green);background:var(--green-light);border:1.5px solid transparent;border-radius:var(--radius-xs);padding:7px 13px;cursor:pointer;transition:all .15s}.rv-export-btn:hover{border-color:var(--green);background:var(--white)}.rv-export-btn svg{width:14px;height:14px}.rv-monthpicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-xs);font-size:12px;font-weight:600;color:var(--text2)}.rv-monthpicker select{font-family:inherit;font-size:12px;font-weight:700;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 7px;background:var(--white);cursor:pointer}.rv-tab-body{padding:16px 24px 24px;flex:1;min-height:0;overflow:auto}.rv-grid-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.rv-grid-table th{padding:14px 16px;text-align:left;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;background:var(--surface2);border-bottom:1.5px solid var(--border);white-space:nowrap}.rv-grid-table td{padding:18px 16px;border-bottom:1px solid var(--border);color:var(--text2);font-size:12.5px;vertical-align:middle}.rv-grid-table tbody tr:last-child td{border-bottom:none}.rv-grid-table tbody tr:hover{background:var(--blue-light)}.rv-grid-table .num{text-align:right;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.rv-cov-cell{text-align:center;font-weight:700;font-size:11px;width:48px;min-width:48px}.rv-cov-cell.has{background:var(--green-light);color:var(--green);cursor:pointer}.rv-cov-cell.has:hover{background:var(--green);color:var(--white)}.rv-cov-cell.miss{color:var(--text3);background:var(--surface2)}.rv-cov-row-h{font-weight:800;color:var(--text);background:var(--surface)}.rv-pop{position:absolute;background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius-xs);padding:10px 12px;z-index:9999;font-size:12px;min-width:200px}.rv-pop b{color:var(--text);font-size:13px}.rv-section-title{font-size:11px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px}.rv-section-title:first-child{margin-top:0}.rv-cov-scroll{overflow-x:auto;border-radius:var(--radius)}.rv-empty.in-tab{height:auto;padding:60px 20px}.rv-viz{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:18px}.rv-viz.full{grid-template-columns:1fr}.rv-viz-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;min-width:0}.rv-viz-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rv-viz-title{font-size:11px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.rv-viz-sub{font-size:11px;color:var(--text3);font-weight:600}.rv-hbars{display:flex;flex-direction:column;gap:10px}.rv-hbar-row{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:10px;font-size:11.5px}.rv-hbar-label{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-hbar-track{height:14px;background:var(--surface2);border-radius:7px;overflow:hidden;position:relative}.rv-hbar-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--blue),var(--indigo));transition:width .25s ease}.rv-hbar-fill.alt1{background:linear-gradient(90deg,var(--purple),var(--blue))}.rv-hbar-fill.alt2{background:linear-gradient(90deg,var(--green),oklch(.65 .13 165))}.rv-hbar-fill.alt3{background:linear-gradient(90deg,var(--amber),oklch(.72 .18 50))}.rv-hbar-val{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.rv-mcols{display:flex;align-items:flex-end;gap:5px;height:90px;padding-top:4px}.rv-mcol{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;color:var(--text3);font-weight:700}.rv-mcol-bar{width:100%;background:linear-gradient(180deg,var(--blue),var(--indigo));border-radius:3px 3px 0 0;min-height:2px;transition:height .25s ease}.rv-mcol.sel .rv-mcol-bar{background:linear-gradient(180deg,var(--amber),oklch(.65 .18 50))}.rv-mcol-lab{font-size:9px;line-height:1;color:var(--text3);text-transform:uppercase;letter-spacing:.03em;text-align:center;white-space:nowrap}.rv-mcol-yr{font-size:8px;color:var(--text3);font-weight:600}.rv-donut-wrap{display:flex;align-items:center;gap:18px}.rv-donut{width:120px;height:120px;flex-shrink:0;position:relative}.rv-donut-c{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em}.rv-donut-c span{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-top:-2px}.rv-leg{display:flex;flex-direction:column;gap:6px;font-size:11.5px;min-width:0;flex:1}.rv-leg-row{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:600;min-width:0}.rv-leg-sw{width:10px;height:10px;border-radius:3px;flex-shrink:0}.rv-leg-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-leg-val{font-weight:800;color:var(--text2);font-variant-numeric:tabular-nums}.rv-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.rv-mini-stat{padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);display:flex;flex-direction:column;gap:2px}.rv-mini-stat-val{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em}.rv-mini-stat-lab{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.rv-mini-stat .accent-amber{color:var(--amber)}.rv-mini-stat .accent-green{color:var(--green)}.rv-mini-stat .accent-blue{color:var(--blue)}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:99990;animation:tourFadeIn .25s ease;pointer-events:auto}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}.tour-spot{position:fixed;border:3px solid var(--blue);border-radius:14px;z-index:99992;pointer-events:none;box-shadow:0 0 0 9999px #0f172a9e,0 0 0 4px #4e6dee59;transition:all .35s cubic-bezier(.4,0,.2,1);animation:tourPulseRing 1.8s ease-in-out infinite}@keyframes tourPulseRing{0%,to{box-shadow:0 0 0 9999px #0f172a9e,0 0 0 4px #4e6dee59}50%{box-shadow:0 0 0 9999px #0f172a9e,0 0 0 10px #4e6dee2e}}.tour-num{position:fixed;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;z-index:99994;box-shadow:0 6px 18px #4e6dee66,0 0 0 6px #ffffffe6;transition:all .35s cubic-bezier(.4,0,.2,1);animation:tourNumPulse 1.4s ease-in-out infinite}@keyframes tourNumPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.tour-tip{position:fixed;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:18px 20px;width:320px;max-width:calc(100vw - 40px);box-shadow:0 18px 50px #0f172a40;z-index:99993;transition:all .35s cubic-bezier(.4,0,.2,1);animation:tourTipIn .35s ease}@keyframes tourTipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tour-tip-stage{font-size:10px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;display:flex;align-items:center;gap:7px}.tour-tip-stage .tour-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:tourBlink 1s ease-in-out infinite}@keyframes tourBlink{0%,to{opacity:.3}50%{opacity:1}}.tour-tip-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.01em}.tour-tip-body{font-size:12.5px;color:var(--text2);line-height:1.55;margin-bottom:14px}.tour-tip-foot{display:flex;align-items:center;gap:8px}.tour-progress{display:flex;gap:4px;flex:1}.tour-dotrow{width:8px;height:8px;border-radius:50%;background:var(--surface2);transition:all .25s}.tour-dotrow.done{background:var(--blue-mid)}.tour-dotrow.active{background:var(--blue);transform:scale(1.3);box-shadow:0 0 0 3px #4e6dee33}.tour-btn{font-family:inherit;font-size:12px;font-weight:700;border-radius:7px;padding:7px 13px;cursor:pointer;border:1.5px solid var(--border);background:var(--white);color:var(--text2);transition:all .15s}.tour-btn:hover{border-color:var(--blue);color:var(--blue)}.tour-btn.primary{background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;border-color:transparent}.tour-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4e6dee59;color:#fff}.tour-welcome{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:18px;padding:28px 32px;width:460px;max-width:calc(100vw - 32px);box-shadow:0 30px 70px #0f172a52;z-index:99995;text-align:center;animation:tourTipIn .35s ease}.tour-welcome-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--indigo));margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;box-shadow:0 10px 26px #4e6dee59;animation:tourNumPulse 1.6s ease-in-out infinite}.tour-welcome h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:var(--text)}.tour-welcome p{font-size:13.5px;color:var(--text2);line-height:1.55;margin-bottom:18px}.tour-welcome-steps{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tour-ws-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:5px 10px;border-radius:14px;background:var(--blue-light);color:var(--blue)}.tour-ws-pill .n{display:inline-flex;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#fff;font-size:9px;align-items:center;justify-content:center}.tour-welcome-actions{display:flex;gap:10px;justify-content:center}.tour-welcome-actions .tour-btn{padding:10px 22px;font-size:13px}.tour-skip{position:fixed;top:14px;right:14px;z-index:99996;font-family:inherit;font-size:11.5px;font-weight:700;color:#fff;background:#0f172a8c;border:1.5px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 14px;cursor:pointer;transition:all .15s}.tour-skip:hover{background:#0f172acc;border-color:#fff}.tour-replay{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:12px;font-weight:700;color:var(--blue);background:var(--blue-light);border:1.5px solid transparent;border-radius:8px;padding:8px 14px;cursor:pointer;transition:all .15s;margin-left:auto}.tour-replay:hover{border-color:var(--blue);background:var(--white)}.rv-grid-table tr.rvx-main{cursor:pointer}.rv-grid-table tr.rvx-main td{transition:background .12s}.rv-grid-table tr.rvx-main .rvx-chev{display:inline-block;width:14px;font-size:9px;color:var(--text3);transition:transform .15s;margin-right:2px}.rv-grid-table tr.rvx-main.open .rvx-chev{transform:rotate(90deg);color:var(--blue)}.rv-grid-table tr.rvx-main.open td{background:var(--blue-light)}.rv-grid-table tr.rvx-detail td{background:var(--surface);padding:0;border-bottom:1px solid var(--border)}.rvx-drawer{padding:26px;display:flex;flex-direction:column;gap:22px}.rvx-period{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;padding:18px 20px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xs)}.rvx-period-range{font-weight:700;color:var(--text)}.rvx-period-dur{color:var(--blue);font-weight:700;font-size:11.5px}.rvx-period-tot{margin-left:auto;font-size:11.5px;color:var(--text3);font-weight:600}.rvx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-top:14px}.rvx-step{display:flex;align-items:center;gap:10px;padding:16px;background:#f3f7ff;background:oklch(.975 .013 268);border:1px solid oklch(.93 .025 268);border-radius:8px;font-size:12px}.rvx-step-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--white);color:var(--blue);font-weight:800;font-size:10px;flex-shrink:0;border:1px solid oklch(.88 .04 268)}.rvx-step-name{font-weight:600;color:var(--blue2);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rvx-step-time{font-weight:800;color:var(--text);font-size:12px;white-space:nowrap}.rvx-gap{font-size:12px;font-weight:700;color:#ad7b3d;background:#fff9f0;background:oklch(.985 .025 80);border:1px solid oklch(.94 .04 80);padding:16px 18px;border-radius:var(--radius-xs)}.rv-badge-pill.gap{background:#fff9f0;background:oklch(.985 .025 80);color:#ad7b3d}.rvx-cli-hdr{display:flex;align-items:center;gap:10px;padding:6px 2px 8px;border-bottom:1px solid var(--border);margin-bottom:10px}.rvx-cli-name{font-size:13px;font-weight:800;color:var(--text);letter-spacing:-.01em}.rvx-cli-meta{font-size:11px;font-weight:600;color:var(--text3);margin-left:auto}.rvx-sub-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.rvx-sub-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xs);padding:12px 14px}.rvx-sub-hdr{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.rvx-sub-name{font-size:12.5px;font-weight:700;color:var(--text)}.rvx-sub-meta{font-size:10.5px;font-weight:600;color:var(--text3)}.rvx-mini-periods{display:flex;flex-direction:column;gap:5px}.rvx-mini-period{display:flex;align-items:center;gap:8px;padding:6px 9px;background:#f3f7ff;background:oklch(.975 .013 268);border:1px solid oklch(.93 .025 268);border-radius:6px;font-size:11px}.rvx-mini-range{font-weight:700;color:var(--blue2);flex:1;min-width:0}.rvx-mini-dur{color:var(--blue);font-weight:700;font-size:10.5px}.rvx-mini-tot{font-weight:800;color:var(--text);font-size:11px;margin-left:auto}.rv-badge-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px}.rv-badge-pill.ok{background:var(--green-light);color:var(--green)}.rv-badge-pill.gap{background:var(--amber-light);color:#955900;color:oklch(.52 .13 66)}.login-root{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#1d4176,#1c2369);padding:20px}.login-card{background:var(--white);border-radius:16px;box-shadow:var(--shadow-lg);padding:40px 36px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.login-logo-mark{width:40px;height:40px;background:linear-gradient(135deg,var(--blue),var(--indigo));border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 4px 14px #6366f159}.login-logo-text{font-size:14px;font-weight:700;color:var(--text);line-height:1.3}.login-logo-text span{display:block;font-size:11px;font-weight:400;color:var(--text3);letter-spacing:.03em}.login-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:-4px}.login-form{display:flex;flex-direction:column;gap:16px}.lf-field{display:flex;flex-direction:column;gap:6px}.lf-field label{font-size:12px;font-weight:600;color:var(--text2);letter-spacing:.02em}.lf-field input{height:40px;padding:0 12px;border:1.5px solid var(--border2);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none}.lf-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #586ca31f}.lf-field input:disabled{opacity:.6;cursor:not-allowed}.lf-pw-wrap{position:relative;display:flex}.lf-pw-wrap input{flex:1;padding-right:38px}.lf-pw-toggle{position:absolute;right:0;top:0;height:40px;width:38px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text3);transition:color .15s}.lf-pw-toggle:hover{color:var(--text2)}.lf-pw-toggle svg{width:16px;height:16px}.lf-error{display:flex;align-items:flex-start;gap:8px;background:var(--red-light);border:1px solid oklch(.56 .21 18 / .25);border-radius:var(--radius-xs);padding:10px 12px;font-size:12.5px;color:var(--red);line-height:1.5}.lf-error svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}.lf-submit{height:42px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s;display:flex;align-items:center;justify-content:center;gap:8px}.lf-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.lf-submit:disabled{opacity:.6;cursor:not-allowed}.lf-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:lf-spin .7s linear infinite;flex-shrink:0}@keyframes lf-spin{to{transform:rotate(360deg)}}.lf-divider{display:flex;align-items:center;gap:12px;font-size:11.5px;color:var(--text3)}.lf-divider:before,.lf-divider:after{content:"";flex:1;height:1px;background:var(--border)}.lf-xero-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:42px;border:1.5px solid var(--border2);border-radius:var(--radius-sm);background:var(--white);font-family:inherit;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .12s}.lf-xero-btn:hover{border-color:#13b5ea;background:#e6fafa;transform:translateY(-1px)}.lf-xero-btn svg{width:22px;height:22px;flex-shrink:0}.lf-note{font-size:12px;color:var(--text3);text-align:center;line-height:1.5}.lf-link{background:none;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;color:var(--blue);cursor:pointer;text-decoration:underline}.lf-link:hover{color:var(--indigo)}.task-zone.dt-max{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;height:100vh;background:var(--white)}.task-zone.dt-max .tz-header{display:none}.task-zone.dt-max .tz-body{height:100vh}.gv-cases{position:relative;z-index:3;margin:6px 14px 0}.gv-cases-cap{font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#fff9;text-transform:uppercase;margin-bottom:7px}.gv-cases-empty{font-size:11px;color:#ffffff80;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 11px}.gv-cases-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px}.gv-case-chip{flex:0 0 auto;min-width:118px;max-width:160px;text-align:left;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:11px;padding:8px 10px;cursor:pointer;color:#fff;display:flex;flex-direction:column;gap:5px;transition:all .18s;font-family:inherit}.gv-case-chip:hover{background:#ffffff1a;border-color:#ffffff38}.gv-case-chip.on{background:linear-gradient(135deg,#8a6bff59,#5b3fd640);border-color:#8a6bff;box-shadow:0 4px 14px #5b3fd666}.gv-case-nm{font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gv-case-pct{font-family:var(--gv-fred);font-size:11px;font-weight:700;color:var(--gv-gold1)}.gv-case-bar{height:5px;border-radius:4px;background:#ffffff24;overflow:hidden}.gv-case-bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gv-gold1),var(--gv-gold2));transition:width .4s}.gami-float{position:absolute;font-weight:900;font-size:28px;pointer-events:none;z-index:5000;animation:gamiFloatUp 1.2s ease-out forwards;text-shadow:0 2px 6px rgba(16,185,129,.28)}@keyframes gamiFloatUp{0%{opacity:0;transform:translateY(0) scale(.6)}18%{opacity:1;transform:translateY(-16px) scale(1.55)}to{opacity:0;transform:translateY(-84px) scale(1.2)}}.gami-confetti{position:fixed;width:10px;height:10px;z-index:9000;pointer-events:none}.gami-cele{position:fixed;top:0;right:0;bottom:0;left:0;background:#1015248c;display:none;align-items:center;justify-content:center;z-index:6000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gami-cele.show{display:flex;animation:gamiFade .2s}@keyframes gamiFade{0%{opacity:0}to{opacity:1}}.gami-cele-card{background:var(--white);border-radius:20px;padding:34px 40px;text-align:center;max-width:340px;box-shadow:0 30px 80px #0f094280;animation:gamiPop .4s cubic-bezier(.2,1.5,.4,1)}@keyframes gamiPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.gami-cele-icon{font-size:58px;margin-bottom:10px}.gami-cele-title{font-size:22px;font-weight:900;margin-bottom:6px}.gami-cele-sub{font-size:13px;color:var(--text2);margin-bottom:18px}.gami-cele-btn{padding:11px 26px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;font-weight:800;font-size:13px;cursor:pointer}.gami-toast{position:fixed;bottom:24px;right:24px;background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 40px #0f094240;z-index:6000;transform:translate(420px);transition:transform .4s cubic-bezier(.2,1.2,.4,1)}.gami-toast.show{transform:translate(0)}.gami-toast .ti{font-size:30px}.gami-toast .tt{font-size:13px;font-weight:800}.gami-toast .td{font-size:11px;color:var(--text2)}:root{--gv-gold1:#ffe27a;--gv-gold2:#ffb320;--gv-gold3:#d97a0c;--gv-fred:"Fredoka","Segoe UI",sans-serif}svg.gv-ic{width:24px;height:24px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.gami-streak{position:relative;display:inline-flex;align-items:center;gap:13px;padding:9px 18px 9px 12px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#ff8a3c,#ff4d6d 60%,#ff2d9b);box-shadow:0 8px 24px #ff4d6d6b,inset 0 1px #fff6}.gami-streak:after{content:"";position:absolute;top:-50%;left:-60%;width:45%;height:200%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-20deg);animation:gvSheen 3s ease-in-out infinite}@keyframes gvSheen{0%,55%{left:-60%}to{left:140%}}.gv-flamebadge{position:relative;width:42px;height:42px;flex-shrink:0}.gv-flamebadge .gv-halo{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,rgba(255,226,122,.85),transparent 70%);animation:gvPulse 1.6s ease-out infinite}@keyframes gvPulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.5);opacity:0}}.gv-flamebadge .gv-disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d5,#ffd86b 45%,#f5a623 75%,#c9760f);border:2px solid #fff3cf;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 3px 5px #fffc,inset 0 -5px 8px #96500080,0 4px 12px #f5a62399}.gv-flamebadge .gv-fl{font-size:22px;line-height:1;animation:gvFlick .5s ease-in-out infinite alternate}@keyframes gvFlick{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.15) rotate(5deg)}}.gv-num{font-family:var(--gv-fred);font-weight:700;font-size:27px;color:#fff;line-height:.85;text-shadow:0 2px 7px rgba(140,20,40,.5)}.gv-num small{display:block;font-size:9px;font-weight:600;letter-spacing:.16em;opacity:.95;text-shadow:none}.gv-week{display:flex;gap:5px;padding-left:12px;margin-left:3px;border-left:1.5px solid rgba(255,255,255,.35)}.gv-d{position:relative;width:19px;height:19px;border-radius:6px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:#fff9;transition:all .3s}.gv-d.on{background:radial-gradient(circle at 35% 30%,#fff6d5,#ffd86b 50%,#f5a623);color:#7a3b00;box-shadow:0 3px 7px #f5a62399,inset 0 1px #ffffffb3;transform:translateY(-2px)}.gv-d.on:after{content:"🔥";font-size:10px}.gv-d.on .gv-dl{display:none}.gami-trail-btn{position:fixed;right:18px;top:auto;bottom:150px;transform:none;z-index:120;background:linear-gradient(160deg,var(--gv-gold1),var(--gv-gold3));color:#5a2e00;border:2px solid #fff3cf;border-radius:14px 0 0 14px;padding:14px 9px;cursor:pointer;font-size:18px;font-weight:800;box-shadow:-4px 6px 18px #f5a62380;writing-mode:vertical-rl;letter-spacing:.04em}.gami-panel{position:fixed;top:0;right:0;height:100vh;width:352px;z-index:130;transform:translate(372px);transition:transform .38s cubic-bezier(.3,1,.4,1);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(130% 80% at 75% -5%,#3b2e80 0%,transparent 50%),radial-gradient(120% 70% at 10% 105%,#7a1f6b 0%,transparent 55%),linear-gradient(180deg,#1a1840,#0c0a22);box-shadow:-16px 0 50px #0c0a2280}.gami-panel.open{transform:translate(0)}.gv-rays{position:absolute;top:-150px;left:50%;width:540px;height:540px;transform:translate(-50%);z-index:0;opacity:.15;background:repeating-conic-gradient(from 0deg,#ffd86b 0deg 9deg,transparent 9deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,#000 38%,transparent 62%);mask:radial-gradient(circle,#000 0,#000 38%,transparent 62%);animation:gvSpin 26s linear infinite}@keyframes gvSpin{to{transform:translate(-50%) rotate(360deg)}}.gv-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.55;background-image:radial-gradient(1.4px 1.4px at 18% 16%,#fff,transparent),radial-gradient(1.2px 1.2px at 72% 10%,#ffe9a8,transparent),radial-gradient(1.3px 1.3px at 88% 36%,#fff,transparent),radial-gradient(1px 1px at 42% 26%,#cfd6ff,transparent),radial-gradient(1.4px 1.4px at 10% 52%,#fff,transparent),radial-gradient(1.2px 1.2px at 64% 66%,#ffe9a8,transparent),radial-gradient(1px 1px at 90% 74%,#fff,transparent),radial-gradient(1.3px 1.3px at 28% 86%,#cfd6ff,transparent)}.gv-conf{position:absolute;width:8px;height:12px;border-radius:2px;z-index:1;opacity:.85;animation:gvFall linear infinite}@keyframes gvFall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.9}to{transform:translateY(760px) rotate(540deg);opacity:0}}.gami-panel-head{position:relative;z-index:4;padding:14px 18px 6px;font-family:var(--gv-fred);font-size:14px;font-weight:700;color:#fff;display:flex;justify-content:space-between;align-items:center}.gami-panel-close{background:#ffffff1f;border:none;width:28px;height:28px;border-radius:9px;font-size:17px;cursor:pointer;color:#fff;line-height:1}.gv-hero{position:relative;z-index:3;padding:6px 20px 2px;text-align:center}.gv-emblem{position:relative;width:66px;height:66px;margin:0 auto 7px}.gv-emblem .gv-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.7),transparent 70%);animation:gvPulse 2.2s ease-out infinite}.gv-emblem .gv-shield{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(160deg,#8a6bff,#5b3fd6);border:2px solid #c4b6ff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 3px 6px #fff6,inset 0 -6px 10px #3c1e8c99,0 8px 20px #5b3fd699}.gv-emblem .gv-shield svg{width:34px;height:34px;stroke:#fff;stroke-width:2.4;fill:none}.gv-rank{font-family:var(--gv-fred);font-weight:700;font-size:18px;color:#fff}.gv-rsub{font-size:11px;color:#d8d4f7;font-weight:600;margin-top:1px}.gv-prog{margin:11px 14px 0;display:flex;align-items:center;gap:10px}.gv-pbar{flex:1;height:10px;border-radius:7px;background:#ffffff21;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.gv-pfill{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--gv-gold1),var(--gv-gold2));box-shadow:0 0 14px #ffb320cc;transition:width .7s cubic-bezier(.2,.8,.2,1)}.gv-ptxt{font-family:var(--gv-fred);font-weight:700;font-size:13px;color:var(--gv-gold1)}.gami-trail{position:relative;z-index:2;flex:1;min-height:410px;margin:8px 6px 0}.gv-path{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.gv-node{position:absolute;width:56px;height:56px;z-index:3}.gv-coin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.gv-coin:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.4)}.gv-coin:after{content:"";position:absolute;top:8px;left:12px;width:17px;height:9px;border-radius:50%;background:#ffffff8c;filter:blur(2px)}.gv-node.locked .gv-coin{background:radial-gradient(circle at 35% 30%,#34336b,#1d1c44 80%);border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 -4px 8px #00000080}.gv-node.locked .gv-coin svg{stroke:#fff6}.gv-node.locked .gv-coin:before,.gv-node.locked .gv-coin:after{opacity:.25}.gv-node.done .gv-coin{background:radial-gradient(circle at 35% 28%,#fff6d5,#ffd86b 42%,#f5a623 72%,#c9760f);border:2px solid #fff3cf;box-shadow:inset 0 3px 5px #ffffffd9,inset 0 -6px 10px #9650008c,0 8px 20px #f5a62399}.gv-node.active .gv-coin{background:radial-gradient(circle at 35% 28%,#cfe0ff,#6f8bff 45%,#4a5ed8 80%);border:2px solid #c4d2ff;box-shadow:0 0 0 5px #6f8bff38,0 0 30px #6f8bffd9,inset 0 3px 5px #fff9}.gv-node.active{animation:gvBob 1.5s ease-in-out infinite}@keyframes gvBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.gv-node.active .gv-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#9fb0ff,transparent 60%);-webkit-mask:radial-gradient(circle,transparent 24px,#000 25px);mask:radial-gradient(circle,transparent 24px,#000 25px);animation:gvSpin 3s linear infinite}.gv-node .gv-check{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:#3ddc84;border:3px solid #0c0a22;display:flex;align-items:center;justify-content:center;z-index:4;box-shadow:0 3px 8px #3ddc8499}.gv-node .gv-check svg{width:11px;height:11px;stroke:#063;stroke-width:3.5;fill:none}.gv-node .gv-spark{position:absolute;top:-9px;right:-7px;font-size:13px;animation:gvTw 1.6s ease-in-out infinite}@keyframes gvTw{0%,to{opacity:.3;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(25deg)}}.gv-lbl{position:absolute;font-family:var(--gv-fred);font-weight:600;font-size:11.5px;width:106px;text-align:center;z-index:3}.gv-lbl.done{color:var(--gv-gold1)}.gv-lbl.active{color:#fff}.gv-lbl.locked{color:#ffffffb8}.gv-here{display:inline-block;margin-top:3px;font-size:8px;font-weight:800;letter-spacing:.06em;color:#0c0a22;background:#9fb0ff;padding:2px 7px;border-radius:10px}.gv-avatar{position:absolute;z-index:5;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9fb0ff 70%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px #9fb0ffe6;animation:gvBob 1.5s ease-in-out infinite;transition:left .9s cubic-bezier(.4,1.4,.5,1),top .9s cubic-bezier(.4,1.4,.5,1)}.gv-avatar svg{width:18px;height:18px;stroke:#3a2e80;stroke-width:2.4;fill:none}.gami-shelf{position:relative;z-index:3;margin:2px 14px 16px;padding:14px 16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.gv-shelf-cap{font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#ffffffd9;text-transform:uppercase;margin-bottom:11px;display:flex;justify-content:space-between}.gv-shelf-cap b{color:var(--gv-gold1)}.gv-medals{display:flex;gap:10px;justify-content:space-between}.gv-medal{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.gv-medal .gv-mc{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.gv-medal .gv-mc:after{content:"";position:absolute;top:7px;left:11px;width:14px;height:8px;border-radius:50%;background:#ffffff80;filter:blur(2px)}.gv-medal.locked .gv-mc{background:radial-gradient(circle at 35% 30%,#34336b,#1d1c44);border:2px solid rgba(255,255,255,.1)}.gv-medal.locked .gv-mc svg{stroke:#ffffff59}.gv-medal.locked .gv-mc:after{opacity:.2}.gv-medal.earned .gv-mc{background:radial-gradient(circle at 35% 28%,#fff6d5,#ffd86b 42%,#f5a623 75%,#c9760f);border:2px solid #fff3cf;box-shadow:0 5px 14px #f5a6238c,inset 0 2px 3px #ffffffb3;animation:gvCoinPop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes gvCoinPop{0%{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0)}}.gv-medal.earned .gv-spark2{position:absolute;top:-3px;right:6px;font-size:11px;animation:gvTw 1.6s ease-in-out infinite}.gv-medal .gv-rib{font-size:8.5px;font-weight:800;color:#ffffff80}.gv-medal.earned .gv-rib{color:var(--gv-gold1)}.gv-case{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at 50% 42%,#3c288c8c,#0c0a22db 70%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gv-case.show{display:flex;animation:gvFade .25s ease}@keyframes gvFade{0%{opacity:0}to{opacity:1}}.gv-case-burst{position:absolute;top:42%;left:50%;width:360px;height:360px;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,216,107,.9) 0deg 8deg,transparent 8deg 16deg);-webkit-mask:radial-gradient(circle,#000 0,#000 30%,transparent 60%);mask:radial-gradient(circle,#000 0,#000 30%,transparent 60%);opacity:0;animation:gvBurstIn 1.6s ease-out forwards,gvSpin 9s linear infinite}@keyframes gvBurstIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}40%{opacity:.85}to{opacity:.5;transform:translate(-50%,-50%) scale(1)}}.gv-coinflip{position:relative;width:118px;height:118px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,#fff6d5,#ffd86b 42%,#f5a623 72%,#c9760f);border:3px solid #fff3cf;box-shadow:inset 0 4px 7px #ffffffd9,inset 0 -8px 14px #9650008c,0 14px 36px #f5a623b3;animation:gvFlip 1.05s cubic-bezier(.2,.8,.3,1)}.gv-coinflip:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;border:2px dashed rgba(180,100,0,.4)}.gv-coinflip svg{width:54px;height:54px;stroke:#a8590a;stroke-width:2.2;fill:none}@keyframes gvFlip{0%{transform:rotateY(0) scale(.2);opacity:0}25%{opacity:1}to{transform:rotateY(1080deg) scale(1)}}.gv-coinflip .gv-bigcheck{position:absolute;right:-6px;bottom:-6px;width:34px;height:34px;border-radius:50%;background:#3ddc84;border:3px solid #0c0a22;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3ddc84b3;animation:gvPopIn .4s .9s both cubic-bezier(.2,1.7,.4,1)}.gv-coinflip .gv-bigcheck svg{width:18px;height:18px;stroke:#063;stroke-width:4}@keyframes gvPopIn{0%{transform:scale(0)}to{transform:scale(1)}}.gv-cband{position:relative;text-align:center;animation:gvBandIn .5s .55s both cubic-bezier(.2,1.5,.4,1)}@keyframes gvBandIn{0%{transform:scale(.6) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.gv-cband .gv-ribbon{font-family:var(--gv-fred);font-weight:700;font-size:25px;letter-spacing:.04em;color:#5a2e00;background:linear-gradient(135deg,#ffe27a,#ffb320 70%,#f59a0c);padding:9px 30px;border-radius:14px;display:inline-block;box-shadow:0 10px 26px #f5a62399,inset 0 2px #fff9;transform:rotate(-2deg)}.gv-cband .gv-csub{margin-top:11px;font-family:var(--gv-fred);font-weight:600;font-size:13px;color:#dcd6ff}.gv-case .gv-conf{animation-duration:2.4s}.gv-tabs{position:relative;z-index:4;display:flex;gap:6px;margin:8px 16px 2px;padding:4px;border-radius:13px;background:#ffffff12}.gv-tab{flex:1;border:none;background:transparent;color:#fff9;font-family:var(--gv-fred);font-weight:600;font-size:12.5px;padding:8px 6px;border-radius:10px;cursor:pointer;transition:all .2s}.gv-tab.on{background:linear-gradient(135deg,#8a6bff,#5b3fd6);color:#fff;box-shadow:0 4px 12px #5b3fd680}.gv-view{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.gv-lb{position:relative;z-index:2;padding:12px 16px 16px}.gv-scope{display:flex;gap:5px;padding:4px;border-radius:12px;background:#ffffff12;margin-bottom:14px}.gv-scope button{flex:1;border:none;background:transparent;color:#fff9;font-weight:700;font-size:11.5px;padding:7px;border-radius:9px;cursor:pointer;transition:all .2s}.gv-scope button.on{background:#ffffff24;color:#fff}.gv-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-bottom:16px}.gv-pod{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1}.gv-pod .pc{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--gv-fred);font-weight:700;color:#5a2e00;border:2px solid #fff3cf}.gv-pod.p1 .pc{width:58px;height:58px;font-size:19px;background:radial-gradient(circle at 35% 28%,#fff6d5,#ffd86b 45%,#f5a623 78%);box-shadow:0 6px 18px #f5a62399}.gv-pod.p2 .pc{width:48px;height:48px;font-size:16px;background:radial-gradient(circle at 35% 28%,#fff,#d4dbe6 50%,#9aa7bd);box-shadow:0 5px 14px #78829680;border-color:#eef2f8;color:#33415a}.gv-pod.p3 .pc{width:46px;height:46px;font-size:15px;background:radial-gradient(circle at 35% 28%,#ffd9b0,#e3915a 55%,#c06a32);box-shadow:0 5px 14px #be6e3c80;color:#5a2300}.gv-pod .pcrown{position:absolute;top:-15px;font-size:15px}.gv-pod .pname{font-size:10px;font-weight:700;color:#dcd6ff;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.gv-pod .pstreak{font-family:var(--gv-fred);font-weight:700;font-size:12px;color:var(--gv-gold1)}.gv-pod.me .pname{color:#fff}.gv-row{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:12px;margin-bottom:7px;background:#ffffff0d;border:1px solid transparent;transition:all .2s}.gv-row.me{background:linear-gradient(135deg,#ffd26b38,#f5a6231f);border-color:#ffd86b8c;box-shadow:0 4px 14px #f5a62340}.gv-row .gv-rank{font-family:var(--gv-fred);font-weight:700;font-size:14px;color:#ffffff8c;width:24px;text-align:center;flex-shrink:0}.gv-row.me .gv-rank{color:var(--gv-gold1)}.gv-av{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--gv-fred);font-weight:700;font-size:12px;color:#fff;background:linear-gradient(135deg,#6f8bff,#5b3fd6)}.gv-row.me .gv-av{background:linear-gradient(135deg,#ffd86b,#f5a623);color:#5a2e00}.gv-rname{flex:1;font-size:12.5px;font-weight:600;color:#e7e3ff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gv-row.me .gv-rname{color:#fff;font-weight:700}.gv-rstreak{font-family:var(--gv-fred);font-weight:700;font-size:13px;color:var(--gv-gold1);display:flex;align-items:center;gap:3px;flex-shrink:0}.gv-myrank{position:sticky;bottom:0;margin-top:6px;padding:11px 14px;border-radius:13px;background:linear-gradient(135deg,#8a6bff,#5b3fd6);color:#fff;font-weight:700;font-size:12.5px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -6px 18px #0c0a2280}.gv-myrank b{font-family:var(--gv-fred);font-size:15px}.asksh{position:relative;z-index:50}.asksh.open{z-index:1000}.asksh-pill{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:var(--white);border:1.5px solid var(--border2);border-radius:999px;cursor:pointer;min-width:210px;transition:border-color .15s,box-shadow .15s}.asksh-pill:hover{border-color:var(--blue-mid);box-shadow:var(--shadow-sm)}.asksh.open .asksh-pill{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-light)}.asksh-mark{width:24px;height:24px;border-radius:50%;background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.asksh-pill-label{font-weight:700;font-size:13px;color:var(--blue2)}.asksh-pill-ph{font-size:13px;color:var(--text3);font-weight:400}.asksh-panel{position:absolute;top:calc(100% + 8px);left:0;width:420px;max-width:80vw;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:14px;z-index:140;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s}.asksh.open .asksh-panel{opacity:1;transform:translateY(0);pointer-events:auto}.asksh-inputrow{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border2);border-radius:var(--radius-sm);padding:8px 10px}.asksh-inputrow:focus-within{border-color:var(--blue)}.asksh-input{flex:1;border:none;outline:none;font-size:14px;font-family:inherit;background:transparent;color:var(--text)}.asksh-send{border:none;background:var(--blue);color:#fff;width:30px;height:30px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.asksh-send:hover{background:var(--blue2)}.asksh-suggest-h{font-size:12px;font-weight:700;color:var(--text2);margin:14px 0 8px}.asksh-chips{display:flex;flex-wrap:wrap;gap:7px}.asksh-chip{font-size:12px;padding:6px 11px;background:var(--blue-light);color:var(--blue2);border:1px solid transparent;border-radius:999px;cursor:pointer;font-weight:500;transition:all .15s}.asksh-chip:hover{background:var(--white);border-color:var(--blue-mid)}.asksh-answer{margin-top:6px;padding:12px;background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border)}.asksh-answer-q{font-size:12px;font-weight:700;color:var(--text2);margin-bottom:5px}.asksh-answer-a{font-size:13px;color:var(--text);line-height:1.5}.asksh-answer-btn{margin-top:10px;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--blue2);background:var(--blue-light);border:none;padding:7px 12px;border-radius:var(--radius-xs);cursor:pointer}.asksh-answer-btn:hover{background:var(--blue-mid)}@media (prefers-reduced-motion:reduce){.asksh-panel{transition:none}}.dash2-body{gap:24px}.dash2-sec{display:flex;flex-direction:column;gap:13px}.dash2-h{margin:0;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text2);display:flex;align-items:center;gap:8px}.att-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.att-card.game-card{gap:9px;position:relative;overflow:hidden}.game-rank{font-size:11.5px;font-weight:700;color:var(--purple);background:var(--purple-light);padding:3px 11px;border-radius:20px}.game-streak-big{font-size:13.5px;font-weight:700;color:var(--text)}.game-streak-big b{font-size:17px}.game-days{display:flex;gap:7px;margin:5px 0 1px}.gday{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0;border-radius:10px;background:var(--surface2);border:1px solid var(--border)}.gday-fl{font-size:16px;line-height:1;opacity:.4}.gday.on .gday-fl{opacity:1}.gday-l{font-size:9.5px;font-weight:800;color:var(--text3)}.gday.today{outline:2px solid var(--amber);outline-offset:-2px;background:var(--amber-light);border-color:transparent}.game-foot{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.game-stat{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--text2)}.game-bar{height:7px;border-radius:5px;background:var(--surface2);overflow:hidden;margin-top:8px}.game-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#ffd86b,#ff8a3c);transition:width .4s}.att-card.game-card .game-streak-big,.att-card.game-card .game-streak-big b{color:var(--text)}.att-card.game-card .game-rank,.att-card.game-card .game-rank b{color:var(--purple)}.att-card.game-card .game-stat{color:var(--text2)}.att-card.game-card .game-stat b{color:var(--text)}.att-card.game-card .game-cta{color:var(--blue)}.att-card.game-card .gday-l{color:var(--text3)}.att-card.game-card .gday.on .gday-l{color:var(--text)}.att-card.game-card .gday.today .gday-l{color:#955900;color:oklch(.52 .13 66)}.att-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .18s;display:flex;flex-direction:column;gap:6px}.att-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--blue-mid)}.att-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.att-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.att-n{font-size:30px;font-weight:800;line-height:1}.att-card b{font-size:14px;color:var(--text);font-weight:700}.att-card span{font-size:12px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmb{display:flex;align-items:flex-end;gap:9px;padding-top:16px}.dmb-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.dmb-v{font-size:12px;font-weight:800;color:var(--text);margin-bottom:6px;line-height:1}.dmb-bar{width:82%;max-width:34px;border-radius:7px 7px 0 0;box-shadow:0 2px 6px #4a258f33}.dmb-lab{margin-top:8px;text-align:center;line-height:1.15}.dmb-m{display:block;font-size:10px;font-weight:700;color:var(--text2)}.dmb-y{display:block;font-size:9px;font-weight:600;color:var(--text3)}.dash2-link{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--blue);cursor:pointer;text-transform:none;letter-spacing:0}.dash2-link:hover{text-decoration:underline}.dash-rv-list{display:flex;flex-direction:column;gap:0;background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}.dash-rv-card{display:flex;align-items:center;gap:14px;padding:13px 18px;cursor:pointer;transition:background .14s;border-bottom:1px solid var(--border)}.dash-rv-card:last-child{border-bottom:none}.dash-rv-card:hover{background:var(--blue-light)}.dash-rv-av{width:34px;height:34px;border-radius:9px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}.dash-rv-main{flex:1;min-width:0}.dash-rv-nm{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-rv-meta{font-size:12px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-rv-period{font-size:12px;font-weight:600;color:var(--text2);flex-shrink:0;text-align:right}.dash-rv-rev{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--text2);flex-shrink:0}.dash-rv-rev .rva{width:18px;height:18px;border-radius:50%;background:var(--purple-light);color:var(--purple);display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800}.dash-rv-when{font-size:12px;color:var(--text3);flex-shrink:0;text-align:right;min-width:96px}.dash-rv-dur{font-size:11.5px;font-weight:700;color:var(--blue);flex-shrink:0;min-width:54px;text-align:right}.dash-rv-chev{color:var(--text3);font-size:15px;flex-shrink:0}@media (max-width:980px){.att-cards{grid-template-columns:1fr}.dash-rv-period,.dash-rv-rev{display:none}}#gamiMascot{position:fixed;right:18px;bottom:18px;width:124px;z-index:1400;pointer-events:none;font-family:inherit;transition:opacity .3s ease,transform .3s ease}#gamiMascot .mascot-svg{width:124px;height:auto;display:block;pointer-events:auto;cursor:grab;filter:drop-shadow(0 8px 12px rgba(20,40,90,.22));overflow:visible;touch-action:none}#gamiMascot.dragging .mascot-svg{cursor:grabbing}#gamiMascot.dragging{transition:none!important}#gamiMascot .mascot-bubble{position:absolute;right:6px;bottom:140px;background:#fff;color:#16243a;border:2px solid #1B5FD9;border-radius:13px;padding:8px 12px;font-size:12.5px;font-weight:800;white-space:nowrap;box-shadow:0 6px 16px #14285a2e;opacity:0;transform:translateY(8px) scale(.88);transform-origin:bottom right;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1);pointer-events:none}#gamiMascot .mascot-bubble:after{content:"";position:absolute;right:26px;bottom:-9px;width:0;height:0;border:8px solid transparent;border-top-color:#1b5fd9;border-bottom:0}#gamiMascot.show-bubble .mascot-bubble{opacity:1;transform:translateY(0) scale(1)}.m-tail{transform-box:fill-box;transform-origin:18% 22%;animation:mascot-tail 3.4s ease-in-out infinite}.m-eyes{transform-box:fill-box;transform-origin:center;animation:mascot-blink 5s ease-in-out infinite}.m-arm{transform-box:fill-box;transform-origin:88% 8%}.mascot-svg:hover .m-arm,#gamiMascot.waving .m-arm{animation:mascot-wave .55s ease-in-out 3}#gamiMascot.waving .mascot-svg{animation:mascot-pop .4s ease}@keyframes mascot-tail{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes mascot-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes mascot-wave{0%,to{transform:rotate(2deg)}25%{transform:rotate(-26deg)}75%{transform:rotate(16deg)}}@keyframes mascot-pop{0%,to{transform:scale(1)}40%{transform:scale(1.06)}}#gamiMascot.quest-open{opacity:0;transform:translateY(24px) scale(.9);pointer-events:none}.gv-foxmark{position:absolute;width:58px;z-index:6;pointer-events:none;animation:foxLand .5s cubic-bezier(.34,1.56,.64,1)}.gv-foxmark .fox-mini{width:58px;height:auto;display:block;overflow:visible;filter:drop-shadow(0 5px 7px rgba(0,0,0,.5))}.gv-foxmark .m-arm{animation:mascot-wave .55s ease-in-out 2 .4s}@keyframes foxLand{0%{opacity:0;transform:translateY(-24px) scale(.55)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.m-tail,.m-eyes,.m-arm,#gamiMascot .mascot-svg,.gv-foxmark{animation:none!important}}