.topbar{position:fixed;top:0;left:0;width:100%;z-index:210;height:var(--top-bar-h);background:var(--gray-900);color:var(--white);border-bottom:1px solid rgba(255,255,255,.06)}.topbar-inner{width:100%;height:100%;max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-px)}.topbar-brand{display:flex;align-items:center;gap:var(--space-12);min-width:0;flex-shrink:1;overflow:hidden}.topbar-logo{display:flex;align-items:center;gap:var(--space-8);flex-shrink:0}.logo-mark{width:8px;height:8px;background:var(--protime-red);border-radius:2px;flex-shrink:0}.logo-text{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fffffff2;white-space:nowrap}.topbar-divider{width:1px;height:16px;background:#ffffff26;flex-shrink:0}.topbar-title{font-size:13px;font-weight:400;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-meta{display:flex;align-items:center;gap:var(--space-10);font-size:11px;color:#ffffff80;flex-shrink:0;white-space:nowrap}.meta-item{display:inline-flex;align-items:center;gap:var(--space-6)}.meta-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.meta-dot-live{background:#34d399;box-shadow:0 0 6px #34d39980;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.meta-sep{width:1px;height:12px;background:#ffffff1f;flex-shrink:0}.meta-tag{display:inline-flex;align-items:center;padding:2px 8px;background:#ffffff14;border-radius:3px;font-size:10px;color:#ffffff8c;letter-spacing:.02em}.topbar-protime{color:#fff6;font-weight:500;font-size:11px;transition:color var(--duration-fast) var(--ease-default);cursor:pointer}.topbar-protime:hover{color:var(--protime-red)}.topbar-action{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#ffffffa6;font-size:11px;font-family:var(--font-mixed);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.topbar-action:hover{background:#ffffff24;color:#ffffffe6;border-color:#fff3}.topbar-user{display:inline-flex;align-items:center;gap:6px}.topbar-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.topbar-avatar-placeholder{width:20px;height:20px;border-radius:50%;background:#ffffff26}.topbar-username{font-size:11px;color:#fff9;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-logout{background:none;border:none;color:#ffffff59;cursor:pointer;padding:2px;display:flex;align-items:center;transition:color var(--duration-fast) var(--ease-default)}.topbar-logout:hover{color:var(--protime-red)}@media(max-width:768px){.topbar-title,.topbar-divider{display:none}}.controls-strip{padding:0 var(--page-px);background:var(--white)}.controls-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-10) 0;gap:var(--space-16);max-width:var(--content-max);margin:0 auto}.ctrl-group{display:flex;align-items:center;gap:var(--space-8)}.ctrl-label{font-size:11px;font-weight:500;color:var(--gray-600);white-space:nowrap;letter-spacing:.03em;text-transform:uppercase}.ctrl-pills{display:flex;gap:0}.ctrl-pill{padding:5px 14px;font-size:12px;color:var(--gray-700);cursor:pointer;background:var(--white);border:1px solid var(--border-default);border-right:none;transition:all var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit;font-weight:400;line-height:1}.ctrl-pill:first-child{border-radius:var(--card-radius) 0 0 var(--card-radius)}.ctrl-pill:last-child{border-right:1px solid var(--border-default);border-radius:0 var(--card-radius) var(--card-radius) 0}.ctrl-pill:hover{background:var(--gray-200);color:var(--charcoal)}.ctrl-pill.active{background:var(--gray-900);color:var(--white);border-color:var(--gray-900);font-weight:500;position:relative;z-index:1}.ctrl-pill.active+.ctrl-pill{border-left-color:var(--gray-900)}.ctrl-pill-count{font-size:9px;margin-left:3px;opacity:.5;font-variant-numeric:tabular-nums}.ctrl-view-group{display:flex;align-items:center;gap:0}.ctrl-tabs{display:flex;gap:0;border:1px solid var(--border-default);border-radius:var(--card-radius);overflow:hidden}.ctrl-tab{padding:5px 16px;font-size:12px;font-weight:400;color:var(--gray-700);cursor:pointer;background:var(--white);border:none;border-right:1px solid var(--border-default);transition:all var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit;line-height:1}.ctrl-tab:last-child{border-right:none}.ctrl-tab:hover{background:var(--gray-200);color:var(--charcoal)}.ctrl-tab.active{background:var(--gray-900);color:var(--white);font-weight:500}.ctrl-tab-sep{width:1px;height:18px;background:var(--border-default);margin:0 var(--space-10);flex-shrink:0}.dp-wrap{position:relative}.dp-trigger{display:flex;align-items:center;gap:var(--space-6);padding:4px 10px 4px 8px;font-family:inherit;font-size:12px;color:var(--charcoal);background:var(--white);border:1px solid var(--border-default);border-radius:var(--card-radius);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:1}.dp-trigger:hover{border-color:var(--gray-700);background:var(--gray-100)}.dp-trigger.active{border-color:var(--gray-900);box-shadow:0 0 0 2px #1e293b14}.dp-icon{color:var(--gray-600);flex-shrink:0}.dp-trigger-body{display:flex;flex-direction:column;gap:1px;min-width:0}.dp-trigger-label{font-size:9px;font-weight:500;color:var(--gray-500);letter-spacing:.04em;text-transform:uppercase;line-height:1}.dp-trigger-value{font-size:12px;font-weight:600;color:var(--charcoal);line-height:1.2}.dp-trigger-sub{font-size:9px;color:var(--gray-400);padding:1px 4px;background:var(--gray-200);border-radius:2px;letter-spacing:.02em;line-height:1;margin-left:var(--space-2)}.dp-chevron{color:var(--gray-500);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-default);margin-left:var(--space-4)}.dp-chevron.open{transform:rotate(180deg)}.dp-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--white);border:1px solid var(--border-default);border-radius:var(--panel-radius);box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000d;z-index:100;overflow:hidden;animation:dpSlideIn var(--duration-fast) var(--ease-default)}@keyframes dpSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dp-dropdown-header{padding:var(--space-8) var(--space-12);font-size:10px;font-weight:600;color:var(--gray-500);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border-light);background:var(--surface-sunken)}.dp-option{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8) var(--space-12);font-family:inherit;font-size:12px;color:var(--gray-800);background:none;border:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-default);text-align:left}.dp-option:hover{background:var(--gray-100)}.dp-option.active{background:var(--gray-200);color:var(--charcoal);font-weight:500}.dp-option-dot{width:5px;height:5px;border-radius:50%;background:var(--gray-400);flex-shrink:0}.dp-option.active .dp-option-dot{background:var(--protime-red)}.dp-option-label{flex:1;min-width:0}.dp-check{color:var(--protime-red);flex-shrink:0}@media(max-width:768px){.controls-inner{flex-direction:column;align-items:flex-start;gap:var(--space-8)}.dp-dropdown{right:auto;left:0}}.overview-block{padding:var(--space-8) 0 0}.overview-kpis{display:flex;align-items:stretch;gap:0;padding:var(--space-6) 0}.kpi-item{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 var(--space-14);min-width:0}.kpi-item:first-child{padding-left:0}.kpi-item:last-child{padding-right:0}.kpi-sep{width:1px;background:var(--border-light);flex-shrink:0;align-self:stretch}.kpi-label{font-size:11px;font-weight:500;color:var(--gray-600);letter-spacing:.04em;text-transform:uppercase}.kpi-value{font-size:22px;font-weight:700;color:var(--charcoal);font-variant-numeric:tabular-nums;line-height:1.2}.kpi-value-row{display:flex;align-items:center;gap:var(--space-10)}.kpi-bar{flex:1;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;max-width:120px}.kpi-bar-fill{height:100%;background:var(--gray-900);border-radius:2px;transition:width .5s var(--ease-default)}.kpi-sub{font-size:10px;color:var(--gray-500);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-dir-up{color:var(--color-ok)}.kpi-dir-down{color:var(--color-alert)}.kpi-dir-flat{color:var(--gray-600)}.kpi-status-pills{display:flex;gap:var(--space-6)}.kpi-pill{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;border-radius:3px;font-variant-numeric:tabular-nums;line-height:1.4}.kpi-pill-ok{background:var(--color-ok-bg);color:var(--color-ok)}.kpi-pill-warn{background:var(--color-warn-bg);color:var(--color-warn)}.kpi-pill-alert{background:var(--color-alert-bg);color:var(--color-alert)}.kpi-logic-note{flex:1.2}.logic-note-body{display:flex;flex-direction:column;gap:2px}.logic-note-row{display:flex;align-items:baseline;gap:var(--space-4);font-size:10px;color:var(--gray-600);line-height:1.5}.logic-note-tag{flex-shrink:0;font-size:9px;font-weight:600;color:var(--gray-700);background:var(--gray-100);padding:0 4px;border-radius:2px;line-height:1.6;white-space:nowrap}.overview-product-groups{display:flex;gap:var(--space-10);padding:var(--space-6) 0 var(--space-8)}.status-group{flex:1;min-width:0;background:var(--surface-sunken);border-radius:var(--card-radius);padding:var(--space-6) var(--space-8)}.status-group-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.status-group-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.status-group-header.clickable:hover{opacity:.8}.status-group-chevron{margin-left:auto;display:inline-flex;align-items:center;color:var(--gray-400);transition:transform .2s ease;transform:rotate(-90deg)}.status-group-chevron.open{transform:rotate(0)}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%}.dot-alert{background:var(--color-alert)}.dot-warn{background:var(--color-warn)}.dot-ok{background:var(--color-ok)}.status-group-label{font-size:11px;font-weight:600;color:var(--charcoal);letter-spacing:.02em}.status-group-count{font-size:11px;font-weight:700;color:var(--gray-500);font-variant-numeric:tabular-nums}.status-group-empty{font-size:11px;color:var(--gray-400);text-align:center;padding:var(--space-4) 0}.status-group-items{display:flex;flex-direction:column;gap:var(--space-4)}.product-detail-row{padding:2px 0}.product-detail-main{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.product-detail-name{font-size:11px;font-weight:600;color:var(--charcoal);white-space:nowrap}.micro-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:500;padding:0 4px;border-radius:2px;line-height:1.6;white-space:nowrap}.micro-badge-ok{background:var(--color-ok-bg);color:var(--color-ok)}.micro-badge-warn{background:var(--color-warn-bg);color:var(--color-warn)}.micro-badge-alert{background:var(--color-alert-bg);color:var(--color-alert)}.product-concerns{font-size:10px;color:var(--gray-600);line-height:1.5;padding-left:2px;margin-top:1px}@media(max-width:768px){.overview-kpis{flex-wrap:wrap}.kpi-item{min-width:45%;padding:var(--space-6) 0}.kpi-sep{display:none}.overview-product-groups{flex-direction:column}}.page-header{position:fixed;top:var(--top-bar-h);left:0;width:100%;z-index:200;background:var(--white);border-bottom:1px solid var(--border-default);box-shadow:0 1px 4px #0000000a}.header-overview-wrap{padding:0 var(--page-px);border-top:1px solid var(--border-light);max-width:var(--content-max);margin:0 auto}.bi-footer{padding:var(--space-16) var(--page-px) var(--space-24);border-top:1px solid var(--border-default);margin-top:var(--space-24);background:var(--white)}.bi-footer-inner{max-width:var(--content-max);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;color:var(--gray-500);line-height:1.6}.bi-footer-left{display:flex;align-items:center;gap:var(--space-8)}.bi-footer-sys{font-weight:500;color:var(--gray-600);letter-spacing:.02em}.bi-footer-sep{width:1px;height:12px;background:var(--border-default)}.bi-footer-data{color:var(--gray-400);font-size:10px}.bi-footer-brand{text-align:right;color:var(--protime-red);font-weight:500;font-size:13px}.bi-footer-slogan{font-size:9px;color:var(--gray-400);font-weight:400;margin-top:1px}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 8px;font-weight:500;width:fit-content;border-radius:3px;letter-spacing:.02em}.status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.status-ok{background:var(--color-ok-bg);color:var(--color-ok)}.status-ok .status-dot{background:var(--color-ok)}.status-warn{background:var(--color-warn-bg);color:var(--color-warn)}.status-warn .status-dot{background:var(--color-warn)}.status-alert{background:var(--color-alert-bg);color:var(--color-alert)}.status-alert .status-dot{background:var(--color-alert)}.prog-row{display:flex;align-items:center;gap:var(--space-8)}.prog-label{width:22px;font-size:11px;font-weight:700;text-align:center;flex-shrink:0;letter-spacing:.02em}.l-a{color:var(--color-a)}.l-i{color:var(--color-i)}.l-pl{color:var(--color-pl)}.prog-track{flex:1;height:14px;background:var(--gray-200);border-radius:2px;position:relative;overflow:visible}.prog-fill{height:100%;position:absolute;left:0;top:0;border-radius:2px;transition:width .5s var(--ease-default)}.f-a{background:var(--color-a)}.f-i{background:var(--color-i)}.f-pl{background:var(--color-pl)}.prog-time-marker{position:absolute;top:-3px;bottom:-3px;width:0;border-left:1.5px dashed var(--gray-600);z-index:2;pointer-events:none}.prog-time-marker:after{content:"";position:absolute;top:-2px;left:-3px;width:5px;height:5px;background:var(--gray-600);border-radius:50%}.prog-info{width:200px;flex-shrink:0;display:flex;align-items:center;gap:var(--space-4)}.prog-value{font-size:12px;font-weight:700;color:var(--charcoal);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.prog-target-label{font-size:9px;color:var(--gray-500);margin-left:2px}.prog-target-val{font-size:11px;font-weight:600;color:var(--gray-700);font-variant-numeric:tabular-nums;padding:1px 4px;background:var(--gray-200);border:1px solid var(--gray-300);border-radius:3px}.prog-pct{font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;font-variant-numeric:tabular-nums;white-space:nowrap}.pct-ahead{color:var(--color-ok);background:var(--color-ok-bg)}.pct-on{color:var(--gray-700);background:var(--gray-200)}.pct-behind{color:var(--color-alert);background:var(--color-alert-bg)}.prog-target{display:inline-block;font-size:9px;font-weight:400;padding:1px 5px;white-space:nowrap;color:var(--gray-400);background:var(--gray-200);border-radius:2px}.vs-target{display:inline-block;font-size:9px;font-weight:500;padding:1px 5px;margin-top:1px;white-space:nowrap;border-radius:2px;font-variant-numeric:tabular-nums}.vs-ahead{color:var(--color-ok);background:var(--color-ok-bg)}.vs-behind{color:var(--color-alert);background:var(--color-alert-bg)}.vs-on{color:var(--gray-600);background:var(--gray-200)}.bi-section{max-width:var(--content-max);margin:0 auto;padding:var(--space-20) var(--page-px) var(--space-8)}.bi-section-head{display:flex;align-items:center;gap:var(--space-10);margin-bottom:var(--space-16);padding-bottom:var(--space-10);border-bottom:2px solid var(--gray-900)}.bi-section-indicator{width:3px;height:18px;background:var(--protime-red);border-radius:2px;flex-shrink:0}.bi-section-title{font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--charcoal)}.bi-section-meta{font-size:10px;color:var(--gray-500);margin-left:auto}.bi-line-group{margin-bottom:var(--space-40)}.bi-line-head{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6) 0;margin-bottom:var(--space-8)}.bi-line-name{font-size:14px;font-weight:600;color:var(--charcoal);letter-spacing:.03em}.bi-line-badge{font-size:10px;color:var(--gray-600);background:var(--gray-200);padding:2px 8px;border-radius:3px;letter-spacing:.02em}.bi-table{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--panel-radius);overflow:hidden;box-shadow:var(--card-shadow)}.bi-row{display:grid;grid-template-columns:100px 1fr 1fr 260px;border-bottom:1px solid var(--border-light)}.bi-row:not(.bi-row-header){grid-template-rows:auto auto auto auto auto;row-gap:2px}.bi-row:not(.bi-row-header):not(:last-child){border-bottom:6px solid var(--off-white)}.bi-row:last-child{border-bottom:none}.bi-row-header{background:var(--panel-header-bg);border-bottom:1px solid var(--border-default)!important}.bi-row-header .bi-col-ident{border-bottom:none;padding:var(--space-4) var(--space-10)}.bi-col-header{padding:var(--space-6) var(--space-12);font-size:10px;font-weight:600;color:var(--gray-600);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;border-left:1px solid var(--border-light)}.bi-col-ident{padding:var(--space-10) var(--space-12);border-right:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;gap:3px}.bi-row:not(.bi-row-header)>.bi-col-ident{grid-row:1 / -1}.bi-ident-name{font-size:14px;font-weight:600;color:var(--charcoal)}.bi-ident-cat{font-size:11px;color:var(--gray-600)}.bi-col-progress{padding:var(--space-10) var(--space-16);border-left:3px solid var(--protime-red)}.bi-row:not(.bi-row-header)>.bi-col-progress{grid-row:1 / -1;display:grid;grid-template-rows:subgrid;align-items:center}.bi-row:not(.bi-row-header) .bi-aipl-rows{display:contents}.bi-prog-subhdr{font-size:9px;color:var(--gray-500);letter-spacing:.04em;align-self:end;padding-bottom:1px}.bi-col-buy{border-left:3px solid var(--color-i)!important}.bi-time-ctx{display:flex;align-items:center;gap:var(--space-6);font-size:9px;color:var(--gray-400);align-self:start}.bi-col-metrics{padding:var(--space-10) var(--space-14);border-left:1px solid var(--border-light)}.bi-row:not(.bi-row-header)>.bi-col-metrics{grid-row:1 / -1;display:grid;grid-template-rows:subgrid;align-items:center}.bi-metrics-header{display:grid;grid-template-columns:56px 1fr 1fr;font-size:10px;color:var(--gray-500);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light);align-self:end}.bi-metrics-header span:not(:first-child){text-align:right}.bi-metric-row{display:grid;grid-template-columns:56px 1fr 1fr;align-items:start;font-size:12px;padding:var(--space-6) 0 5px}.bi-metric-row+.bi-metric-row{border-top:1px dashed var(--border-light)}.bi-metric-label{color:var(--gray-500);font-size:11px;padding-top:1px}.bi-metric-val{font-weight:600;color:var(--charcoal);font-variant-numeric:tabular-nums;display:flex;flex-direction:column;align-items:flex-end;gap:0}.bi-metrics-note{font-size:9px;color:var(--gray-400);font-style:italic;align-self:start}@media(max-width:768px){.bi-row{grid-template-columns:1fr}.bi-row:not(.bi-row-header){grid-template-rows:none;row-gap:0}.bi-row:not(.bi-row-header)>.bi-col-ident,.bi-row:not(.bi-row-header)>.bi-col-progress,.bi-row:not(.bi-row-header)>.bi-col-metrics{grid-row:auto;display:block}.bi-row:not(.bi-row-header) .bi-aipl-rows{display:flex;flex-direction:column;gap:3px}.bi-prog-subhdr{display:none}.bi-row-header{display:none!important}.bi-col-ident{border-right:none;border-bottom:1px solid var(--border-light)}.bi-col-progress{border-left:none!important;border-top:1px solid var(--border-light)}.bi-col-metrics{border-left:none;border-top:1px solid var(--border-light)}}.ci-inline{margin-top:3px;display:flex;align-items:center;gap:4px;justify-content:flex-end}.ci-inline .ci-label{font-size:9px;color:var(--gray-400);font-weight:400;white-space:nowrap}.ci-mini-bar{display:inline-block;width:28px;height:5px;background:var(--gray-200);position:relative;flex-shrink:0;border-radius:2px;vertical-align:middle}.ci-mini-bar:after{content:"";position:absolute;top:-1px;width:1px;height:7px;background:var(--gray-700);left:50%;z-index:2}.ci-mini-fill{position:absolute;top:0;height:100%;border-radius:2px}.ci-mini-fill.ci-fill-up{left:50%;background:var(--color-ok);opacity:.55}.ci-mini-fill.ci-fill-down{right:50%;background:var(--color-alert);opacity:.55}.ci-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:0 4px;font-size:9px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;border-radius:2px}.ci-pill.ci-strong{background:#05966918;color:#047857}.ci-pill.ci-mild-up{background:#05966910;color:#059669}.ci-pill.ci-neutral{background:var(--gray-200);color:var(--gray-600)}.ci-pill.ci-mild-down{background:#dc262610;color:#dc2626}.ci-pill.ci-weak{background:#dc262618;color:#b91c1c}.week-context-bar{display:flex;align-items:center;gap:var(--space-6);font-size:11px;color:var(--gray-600);margin-bottom:var(--space-12);padding:var(--space-6) var(--space-10);background:var(--surface-sunken);border-radius:var(--card-radius);border:1px solid var(--border-light)}.weekly-cards{display:flex;flex-direction:column;gap:var(--space-48)}.weekly-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--panel-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:box-shadow var(--duration-normal) var(--ease-default)}.weekly-card:hover{box-shadow:var(--card-shadow-hover)}.weekly-card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-10) var(--space-14);border-bottom:1px solid var(--border-light);background:var(--panel-header-bg)}.weekly-card-ident{display:flex;align-items:baseline;gap:var(--space-6)}.weekly-card-name{font-size:13px;font-weight:600;color:var(--charcoal)}.weekly-card-cat{font-size:10px;color:var(--gray-600)}.weekly-panel-label{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-14);font-size:10px;font-weight:600;color:var(--gray-600);letter-spacing:.05em;text-transform:uppercase;border-top:1px solid var(--border-light);background:var(--surface-sunken)}.weekly-panel-label:first-of-type{border-top:none}.panel-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.panel-dot.panel-dot-trend{background:var(--color-i)}.panel-dot.panel-dot-comp{background:var(--comp-self)}.trend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0}.trend-cell{padding:var(--space-10) var(--space-14);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.trend-cell:nth-child(3n){border-right:none}.trend-cell:nth-last-child(-n+3){border-bottom:none}.trend-cell-name{font-size:10px;color:var(--gray-500);margin-bottom:var(--space-4);font-weight:500;letter-spacing:.02em}.trend-cell-val{font-size:15px;font-weight:700;color:var(--charcoal);font-variant-numeric:tabular-nums}.trend-cell-prev{font-size:10px;color:var(--gray-400);margin-left:var(--space-6)}.trend-cell-wow{font-size:11px;font-weight:600;margin-top:var(--space-4);font-variant-numeric:tabular-nums}.trend-cell-wow.up{color:var(--color-ok)}.trend-cell-wow.down{color:var(--color-alert)}.trend-cell-wow.flat{color:var(--gray-600)}.bi-comp-tbl{width:100%;border-collapse:collapse;font-size:12px}.bi-comp-tbl th{font-size:10px;font-weight:600;color:var(--gray-600);text-align:right;padding:var(--space-8) var(--space-14);border-bottom:1px solid var(--border-default);background:var(--surface-sunken);letter-spacing:.03em;text-transform:uppercase}.bi-comp-tbl th:first-child{text-align:left;width:110px}.bi-comp-tbl td{padding:var(--space-10) var(--space-14);text-align:right;border-bottom:1px solid var(--border-light);font-variant-numeric:tabular-nums}.bi-comp-tbl td:first-child{text-align:left;font-weight:500}.bi-comp-tbl tr:last-child td{border-bottom:none}.bi-comp-tbl tr.self-row td:first-child{color:var(--comp-self);font-weight:600}.comp-delta{font-size:10px;font-weight:400;margin-top:2px;white-space:nowrap}.comp-delta.up{color:var(--color-ok)}.comp-delta.down{color:var(--color-alert)}.comp-delta.flat{color:var(--gray-600)}@media(max-width:768px){.trend-grid{grid-template-columns:repeat(2,1fr)}.trend-cell:nth-child(3n){border-right:1px solid var(--border-light)}.trend-cell:nth-child(2n){border-right:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-page)}.login-card{background:var(--white);border-radius:var(--panel-radius);box-shadow:var(--card-shadow);padding:48px 40px;max-width:380px;width:100%;text-align:center}.login-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-24)}.login-logo-mark{width:10px;height:10px;background:var(--protime-red);border-radius:2px}.login-logo-text{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-900)}.login-title{font-size:18px;font-weight:600;color:var(--charcoal);margin-bottom:var(--space-8)}.login-desc{font-size:13px;color:var(--gray-600);margin-bottom:var(--space-32)}.login-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;background:var(--protime-red);color:var(--white);border:none;border-radius:6px;font-size:15px;font-weight:600;font-family:var(--font-mixed);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.login-btn:hover{background:var(--protime-red-dark)}.login-footer{margin-top:var(--space-24);font-size:11px;color:var(--gray-500);letter-spacing:.04em}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upload-panel{background:var(--white);border-radius:var(--panel-radius);box-shadow:0 8px 32px #00000026;width:540px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.upload-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-light)}.upload-header h2{font-size:16px;font-weight:600;color:var(--charcoal)}.upload-close{background:none;border:none;font-size:22px;color:var(--gray-500);cursor:pointer;padding:0 4px;line-height:1}.upload-close:hover{color:var(--charcoal)}.upload-body{padding:16px 24px;overflow-y:auto;flex:1}.upload-hint{font-size:12px;color:var(--gray-600);margin-bottom:12px;line-height:1.5}.upload-templates-download{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:var(--gray-100);border-radius:6px}.upload-templates-label{font-size:11px;color:var(--gray-600);flex-shrink:0}.upload-template-link{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--border-default);border-radius:4px;font-size:11px;font-weight:600;color:var(--protime-red);background:var(--white);text-decoration:none;transition:all var(--duration-fast) var(--ease-default)}.upload-template-link:hover{background:var(--protime-red-subtle);border-color:var(--protime-red)}.upload-slot{border:1px solid var(--border-default);border-radius:var(--card-radius);padding:14px 16px;margin-bottom:12px;transition:border-color var(--duration-fast) var(--ease-default)}.upload-slot.has-file{border-color:var(--color-ok);background:#05966605}.upload-slot-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.upload-slot-badge{display:inline-block;padding:1px 6px;background:var(--protime-red-subtle);color:var(--protime-red);font-size:10px;font-weight:600;border-radius:3px;letter-spacing:.04em}.upload-slot-head h3{font-size:13px;font-weight:600;color:var(--charcoal)}.upload-required{font-size:10px;color:var(--color-alert);margin-left:auto}.upload-slot-desc{font-size:11px;color:var(--gray-600);margin-bottom:10px;line-height:1.4}.upload-slot-picker{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px dashed var(--gray-400);border-radius:4px;font-size:12px;color:var(--gray-700);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.upload-slot-picker:hover:not(.disabled){border-color:var(--protime-red);color:var(--protime-red)}.upload-slot-picker.disabled{opacity:.5;cursor:not-allowed}.upload-slot-picker input[type=file]{display:none}.upload-slot-file{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--gray-100);border-radius:4px;font-size:12px}.upload-file-icon{color:var(--color-ok);flex-shrink:0;display:flex}.upload-file-name{color:var(--charcoal);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{color:var(--gray-500);flex-shrink:0;font-size:11px}.upload-file-remove{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:16px;padding:0 2px;line-height:1}.upload-file-remove:hover{color:var(--color-alert)}.upload-validation-errors{margin:0 24px 12px;padding:10px 14px;border-radius:4px;background:var(--color-alert-bg);border:1px solid rgba(220,38,38,.15)}.upload-validation-title{font-size:12px;font-weight:600;color:var(--color-alert);margin-bottom:6px}.upload-validation-errors ul{margin:0;padding:0 0 0 16px;font-size:11px;color:var(--color-alert);line-height:1.6}.upload-progress-section{margin:0 24px 12px}.upload-progress-bar-track{height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.upload-progress-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.upload-progress-bar-fill.validating,.upload-progress-bar-fill.uploading{background:var(--protime-red);animation:progressPulse 1.2s ease infinite}.upload-progress-bar-fill.processing{background:#f59e0b;animation:progressPulse 1.5s ease infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.upload-progress-label{text-align:center;font-size:11px;color:var(--gray-600);margin-top:6px}.upload-result{margin:0 24px 12px;padding:10px 14px;border-radius:4px;font-size:12px;line-height:1.5}.upload-result.is-success{background:var(--color-ok-bg);color:var(--color-ok)}.upload-result.is-error{background:var(--color-alert-bg);color:var(--color-alert);white-space:pre-line}.upload-result.is-warning{background:#fff8e1;color:#f57f17;border-left:3px solid #ffc107;white-space:pre-line}.upload-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-light)}.upload-btn-cancel{padding:8px 18px;border:1px solid var(--border-default);border-radius:5px;background:var(--white);font-size:13px;font-family:var(--font-mixed);color:var(--gray-700);cursor:pointer}.upload-btn-cancel:hover:not(:disabled){background:var(--gray-100)}.upload-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.upload-btn-submit{padding:8px 20px;border:none;border-radius:5px;background:var(--protime-red);color:var(--white);font-size:13px;font-weight:600;font-family:var(--font-mixed);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.upload-btn-submit:hover:not(:disabled){background:var(--protime-red-dark)}.upload-btn-submit:disabled{opacity:.5;cursor:not-allowed}.upload-btn-complete{display:inline-flex;align-items:center;gap:6px;padding:10px 32px;border:none;border-radius:5px;background:var(--color-ok);color:var(--white);font-size:14px;font-weight:600;font-family:var(--font-mixed);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);margin-left:auto}.upload-btn-complete:hover{opacity:.9}:root{--protime-red: #CC1F26;--protime-red-dark: #B01820;--protime-red-subtle: #CC1F260A;--charcoal: #1A1A1A;--gray-900: #1E293B;--gray-800: #334155;--gray-700: #475569;--gray-600: #64748B;--gray-mid: #666666;--gray-500: #94A3B8;--gray-400: #CBD5E1;--gray-300: #E2E8F0;--gray-200: #F1F5F9;--gray-light: #F4F4F4;--gray-100: #F8FAFC;--off-white: #F0F2F5;--white: #FFFFFF;--font-mixed: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", monospace;--color-a: #CC1F26;--color-a-bg: #CC1F260F;--color-a-light: #FEF2F2;--color-i: #2563EB;--color-i-bg: #2563EB0F;--color-i-light: #EFF6FF;--color-pl: #059669;--color-pl-bg: #0596690F;--color-pl-light: #ECFDF5;--color-ok: #059669;--color-ok-bg: #05966912;--color-warn: #D97706;--color-warn-bg: #D9770612;--color-alert: #DC2626;--color-alert-bg: #DC262612;--comp-self: #CC1F26;--comp-1: #6B7280;--comp-2: #9CA3AF;--page-px: 24px;--page-py: 20px;--top-bar-h: 48px;--content-max: 1440px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--card-bg: var(--white);--card-border: #E5E7EB;--card-shadow: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--card-shadow-hover: 0 4px 12px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);--card-radius: 6px;--panel-bg: var(--white);--panel-border: #E5E7EB;--panel-radius: 8px;--panel-shadow: 0 1px 3px rgba(0,0,0,.05);--panel-header-bg: #F8FAFC;--surface-page: #F0F2F5;--surface-elevated: var(--white);--surface-sunken: #F8FAFC;--surface-overlay: rgba(0,0,0,.5);--border-light: #F0F0F0;--border-default: #E5E7EB;--border-strong: #D1D5DB;--ease-default: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-normal: .2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-mixed);background:var(--surface-page);color:var(--charcoal);line-height:1.6;letter-spacing:.01em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.bi-app{min-height:100vh;display:flex;flex-direction:column}.bi-workspace{flex:1;min-height:0}@media(max-width:768px){:root{--page-px: 12px}}