:root{--canon-red:#e41920;--canon-red-dark:#bd141a;--ink:#262626;--grey:#757575;--grey-2:#939393;--border:#dbdbdb;--bg-light:#f3f4f6;--stage:#050505;--panel-line:#ffffff29;--muted-light:#ffffff9e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#fff;background:var(--stage);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}.topNav{z-index:20;background:#fff;align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 6px #0000001f}.topNav .inner{align-items:center;gap:10px;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.topNav img{width:auto;height:62px}.topNav .country{color:#333;letter-spacing:.04em;border-left:1px solid #ddd;margin-left:2px;padding-left:12px;font-size:13px;font-weight:600}.loginStage{background:#050505;justify-content:center;align-items:center;min-height:100%;padding:96px 24px 40px;display:flex;position:relative;overflow:hidden}.bgVideo{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.stageOverlay{z-index:0;pointer-events:none;background:linear-gradient(90deg,#000000d1 0%,#0009 42%,#00000080 100%),radial-gradient(1000px 600px at 80% 15%,#e419202e,#0000 60%);position:absolute;inset:0}.loginWrap{z-index:1;grid-template-columns:minmax(320px,440px) 1fr;align-items:center;gap:48px;width:100%;max-width:1080px;display:grid;position:relative}.formBox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080a9e;border:1px solid #ffffff14;border-radius:14px;max-width:400px;padding:34px 34px 30px;position:relative}.formBox .logo{filter:drop-shadow(0 2px 10px #0009);height:92px;margin-bottom:22px;display:block}.formBox h1{text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;color:#fff;text-shadow:0 2px 12px #0000008c;margin:0 0 10px;font-size:30px;font-weight:800;line-height:1.14}.formBox .kicker{text-transform:uppercase;letter-spacing:.14em;color:#ffffffd1;text-shadow:0 1px 8px #00000080;margin:0 0 26px;font-size:12.5px;font-weight:600}.field{margin-bottom:18px}.siteInput{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff47;outline:none;width:100%;height:48px;padding:0 16px;font-size:13px;transition:border-color .15s,background .15s}.siteInput::placeholder{color:#ffffff9e}.siteInput:focus{border-color:var(--canon-red);background:#ffffff24}.siteBtn{cursor:pointer;background:var(--canon-red);color:#fff;letter-spacing:.12em;text-transform:uppercase;border:0;width:100%;height:48px;font-size:14px;font-weight:700;transition:background .15s}.siteBtn:hover{background:var(--canon-red-dark)}.siteBtn:disabled{opacity:.6;cursor:default}.loginError{color:#ffd7d7;background:#cc000024;border:1px solid #cc000080;margin-bottom:16px;padding:10px 12px;font-size:12.5px}.loginNotice{color:#cdffe0;background:#008c4624;border:1px solid #00aa5a80;margin-bottom:16px;padding:10px 12px;font-size:12.5px}.forgotForm{margin-top:16px}.formBottom{border-top:1px solid #ffffff1f;flex-direction:column;gap:11px;margin-top:22px;padding-top:18px;display:flex}.formBottom .forgotLink{color:#fff;letter-spacing:.01em;width:fit-content;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.formBottom .forgotLink:hover{color:var(--canon-red)}.formBottom .legalLinks{align-items:center;gap:10px;font-size:12px;display:flex}.formBottom .legalLinks a{color:#ffffff94;text-decoration:none;transition:color .15s}.formBottom .legalLinks a:hover{color:#fff}.formBottom .legalLinks .dot{color:#ffffff52}.stageArt{align-self:center;min-width:0}.teamMarquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.teamTrack{gap:18px;width:max-content;animation:60s linear infinite teamScroll;display:flex}.teamMarquee:hover .teamTrack{animation-play-state:paused}@keyframes teamScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.teamCard{border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0d;border-radius:10px;flex:0 0 200px;margin:0;overflow:hidden}.teamCard .teamImg{background:#111;height:190px;overflow:hidden}.teamCard .teamImg img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.teamCard figcaption{padding:12px 14px 14px}.teamCard h6{color:#fff;margin:0 0 6px;font-size:14px;font-weight:700}.teamCard p{color:#fff9;margin:0;font-size:11px;line-height:1.5}@media (prefers-reduced-motion:reduce){.teamTrack{animation:none}}@media (width<=860px){.loginWrap{grid-template-columns:1fr;gap:32px}.stageArt{display:none}}.dash{color:#1a1d24;background:#f4f5f7;min-height:100%}.dashBar{z-index:5;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.dashBar .brandLockup{cursor:pointer;align-items:center;gap:16px;display:flex}.dashBar .brandCanon{width:auto;height:58px}.dashBar .brandDivider{background:var(--border);width:1px;height:44px}.dashBar .brandNorth{width:auto;height:54px}@media (width<=640px){.dashBar .brandNorth,.dashBar .brandDivider{display:none}}.rolePill{color:var(--canon-red);text-transform:uppercase;letter-spacing:.06em;background:#fbeceb;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.profile{position:relative}.profileTrigger{cursor:pointer;background:0 0;border:0;border-radius:24px;align-items:center;gap:10px;padding:4px 4px 4px 14px;transition:background .12s;display:flex}.profileTrigger:hover{background:#f4f5f7}.profileTriggerName{color:#1a1d24;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:14px;font-weight:600;overflow:hidden}.profileBtn{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#e41920,#a30f14);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;transition:box-shadow .15s;display:grid}.profileTrigger:hover .profileBtn,.profileTrigger.open .profileBtn{box-shadow:0 0 0 3px #fbeceb}@media (width<=560px){.profileTriggerName{display:none}.profileTrigger{padding:4px}}.profileMenu{z-index:30;border:1px solid var(--border);background:#fff;border-radius:12px;width:250px;padding:14px;animation:.12s ease-out menuIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #14182829}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.profileHead{align-items:center;gap:12px;display:flex}.profileAvatar{color:#fff;background:linear-gradient(135deg,#e41920,#a30f14);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid}.profileInfo{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.profileName{color:#1a1d24;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:14px;font-weight:700;overflow:hidden}.profileEmail{color:var(--grey);text-overflow:ellipsis;white-space:nowrap;margin:10px 0 0;font-size:12px;overflow:hidden}.profileDivider{background:var(--line-soft,#eef0f2);height:1px;margin:12px 0}.profileItem{color:#1a1d24;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13.5px;font-weight:600;transition:background .12s,color .12s;display:flex}.profileItem:hover{color:var(--canon-red);background:#fbeceb}.dashBody{width:100%;margin:0;padding:28px 32px 60px}.dashBody h2{margin:0 0 4px;font-size:20px}.dashBody .sub{color:#616b7a;margin:0 0 22px;font-size:14px}.tableCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.tableScroll{overflow-x:auto}table.cases{border-collapse:collapse;width:100%;min-width:620px;font-size:13.5px}table.cases th,table.cases td{text-align:left;white-space:nowrap;border-bottom:1px solid #f0f1f3;padding:11px 16px}table.cases td.stacked{white-space:normal}table.cases td .cPrim{color:#1f2430;font-weight:600}table.cases td .cSub{color:#8b95a3;margin-top:2px;font-size:12px}table.cases th{text-transform:uppercase;letter-spacing:.06em;color:#616b7a;background:#fafafa;font-size:11px;font-weight:600}table.cases tr:last-child td{border-bottom:0}.st{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.st.active{color:#3767a6;background:#e9f0f8}.st.approve{color:#2f7d5b;background:#e8f3ee}.st.reject,.st.cancel{color:#c00;background:#fbeceb}.st.complete{color:#5b46b0;background:#eae7fb}.st.service_closed{color:#a9711a;background:#f8efdd}.centerMsg{min-height:100%;color:var(--muted-light);justify-content:center;align-items:center;display:flex}.appShell{background:var(--bg-light);color:#1a1d24;min-height:100vh}.appBody{align-items:stretch;display:flex}.sidebar{border-right:1px solid var(--border);background:#fff;flex-shrink:0;width:246px;height:calc(100vh - 64px);transition:width .18s;position:sticky;top:64px;overflow:hidden auto}.appMain{flex:1;min-width:0}.sideHeader{justify-content:space-between;align-items:center;padding:12px 14px 4px;display:flex}.sideHeaderLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--grey-2);font-size:12px;font-weight:700}.sideToggle{border:1px solid var(--border);width:30px;height:30px;color:var(--grey);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.sideToggle:hover{color:var(--canon-red);background:#f4f5f7}.sideNav{flex-direction:column;gap:2px;padding:8px 12px 16px;display:flex}.appBody.collapsed .sidebar{width:68px}.appBody.collapsed .sideItem span,.appBody.collapsed .sideGroupTitle span{display:none}.appBody.collapsed .sideItem{justify-content:center;padding:10px}.appBody.collapsed .sideGroupTitle{justify-content:center;padding:6px 0 4px}.appBody.collapsed .sideHeaderLabel{display:none}.appBody.collapsed .sideHeader{justify-content:center}.sideItem{text-align:left;color:#3a4049;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;transition:background .12s,color .12s;display:flex}.sideItem svg{color:#8b95a3;flex-shrink:0}.sideItem:hover{background:#f4f5f7}.sideItem.active{color:var(--canon-red);background:#fbeceb}.sideItem.active svg{color:var(--canon-red)}.sideItem.sub{padding:8px 12px 8px 14px;font-size:13px;font-weight:500}.sideGroup{margin-top:14px}.sideGroupTitle{text-transform:uppercase;letter-spacing:.07em;color:var(--grey-2);align-items:center;gap:9px;padding:6px 12px 4px;font-size:11px;font-weight:700;display:flex}.sideGroupTitle svg{color:var(--grey-2)}.navBackdrop{display:none}@media (width<=820px){.sidebar{z-index:30;border-right:1px solid var(--border);width:264px;height:calc(100vh - 64px);transition:transform .22s;position:fixed;top:64px;left:0;transform:translate(-100%)}.sidebar.mobileOpen{transform:translate(0);box-shadow:0 14px 44px #0a0c1033}.appBody.collapsed .sidebar{width:264px}.appBody.collapsed .sideItem span,.appBody.collapsed .sideGroupTitle span{display:inline}.appBody.collapsed .sideItem{justify-content:flex-start;padding:10px 12px}.appBody.collapsed .sideGroupTitle{justify-content:flex-start;padding:6px 12px 4px}.sideHeader{display:none}.navBackdrop{z-index:25;opacity:0;pointer-events:none;background:#0a0c1066;transition:opacity .22s;display:block;position:fixed;inset:64px 0 0}.navBackdrop.show{opacity:1;pointer-events:auto}}.navToggle{display:none}.dashBarLeft{align-items:center;gap:12px;min-width:0;display:flex}@media (width<=820px){.navToggle{border:1px solid var(--border);color:#3a4049;cursor:pointer;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .12s,color .12s;display:inline-flex}.navToggle:hover{color:var(--canon-red);background:#f4f5f7}}.crud .crudHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.crud .crudHead h2{margin:0;font-size:20px}.kpiRow{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px;display:grid}@media (width<=1100px){.kpiRow{grid-template-columns:repeat(2,1fr)}}.kpiCard{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.kpiCard:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.kpiIcon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.kpiCard>div{flex-direction:column;gap:2px;min-width:0;display:flex}.kpiVal{letter-spacing:-.02em;color:#1a1d24;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;line-height:1.1;overflow:hidden}.kpiLbl{text-transform:uppercase;letter-spacing:.06em;color:var(--grey);font-size:11px;font-weight:700}.kpiCard.red:before{background:#e41920}.kpiCard.red .kpiIcon{color:#e41920;background:#fdecec}.kpiCard.green:before{background:#1f9d63}.kpiCard.green .kpiIcon{color:#1f9d63;background:#e5f6ed}.kpiCard.gold:before{background:#c8892a}.kpiCard.gold .kpiIcon{color:#bd7d1c;background:#fbf1dd}.kpiCard.blue:before{background:#2f6fd0}.kpiCard.blue .kpiIcon{color:#2f6fd0;background:#e9f1fd}.kpiCard.purple:before{background:#6d5bd0}.kpiCard.purple .kpiIcon{color:#6d5bd0;background:#efecfb}.analyticsGrid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.analyticsGrid.two-one{grid-template-columns:1.9fr 1fr}@media (width<=980px){.analyticsGrid,.analyticsGrid.two-one{grid-template-columns:1fr}}.chartCard{border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px 22px}.chartHead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.chartHead h3{color:#1a1d24;margin:0;font-size:15px;font-weight:750}.chartSub{text-transform:uppercase;letter-spacing:.06em;color:var(--grey-2);white-space:nowrap;font-size:11px;font-weight:600}.chartEmpty{color:#8b95a3;margin:4px 0;font-size:13px}.barList{flex-direction:column;gap:15px;display:flex}.barRow{grid-template-columns:22px 1fr;align-items:center;gap:12px;display:grid}.barRank{width:22px;height:22px;color:var(--grey);background:#f2f3f5;border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid}.barMain{min-width:0}.barTop{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.barLabel{color:#2a2f37;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.barVal{color:#1a1d24;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.barVal em{color:var(--grey-2);font-size:12px;font-style:normal;font-weight:600}.barTrack{background:#f0f1f4;border-radius:7px;height:10px;overflow:hidden}.barFill{border-radius:7px;min-width:4px;height:100%;transition:width .5s cubic-bezier(.2,.7,.3,1)}.chartCard.red .barFill,.chartCard.red .barRank{background:linear-gradient(90deg,#e41920,#f2686d)}.chartCard.blue .barFill{background:linear-gradient(90deg,#2f6fd0,#6ea3ea)}.chartCard.green .barFill{background:linear-gradient(90deg,#1f9d63,#57c48d)}.chartCard.purple .barFill{background:linear-gradient(90deg,#6d5bd0,#9c8ee6)}.chartCard.gold .barFill{background:linear-gradient(90deg,#c8892a,#e6b45f)}.chartCard.red .barRank{color:#fff}.donutWrap{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.donut{flex-shrink:0}.donutTotal{fill:#1a1d24;font-size:30px;font-weight:800}.donutLbl{fill:var(--grey);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.donutLegend{flex-direction:column;flex:1;gap:10px;min-width:150px;display:flex}.legendRow{align-items:center;gap:9px;display:flex}.legendDot{border-radius:3px;flex-shrink:0;width:11px;height:11px}.legendLabel{color:#2a2f37;text-transform:capitalize;flex:1;font-size:13px;font-weight:600}.legendVal{color:#1a1d24;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.trend .trendAxis{fill:var(--grey-2);font-size:11px;font-weight:600}.trend .trendVal{fill:#1a1d24;font-size:12px;font-weight:700}.funnel{flex-direction:column;gap:16px;display:flex}.funnelStage{flex-direction:column;gap:6px;display:flex}.funnelInfo{justify-content:space-between;align-items:baseline;display:flex}.funnelLabel{color:#2a2f37;font-size:13px;font-weight:600}.funnelVal{color:#1a1d24;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.funnelVal em{color:var(--grey-2);font-size:12px;font-style:normal;font-weight:600}.funnelBarWrap{background:#f0f1f4;border-radius:8px;height:20px;overflow:hidden}.funnelBar{border-radius:8px;min-width:6px;height:100%;transition:width .5s cubic-bezier(.2,.7,.3,1)}.funnelStep{color:var(--grey-2);font-size:11px;font-weight:600}.catalogSection{margin-top:6px}.catalogTitle{color:#1a1d24;margin:0 0 14px;font-size:15px;font-weight:750}.catalogGrid{grid-template-columns:repeat(7,1fr);gap:14px;display:grid}@media (width<=1100px){.catalogGrid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.catalogGrid{grid-template-columns:repeat(2,1fr)}}.catalogCard{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px;transition:box-shadow .15s,transform .12s,border-color .15s;display:flex}.catalogCard:hover{border-color:#f0d9d7;transform:translateY(-2px);box-shadow:0 8px 20px #14182814}.catalogIcon{width:34px;height:34px;color:var(--canon-red);background:#fbeceb;border-radius:9px;place-items:center;margin-bottom:6px;display:grid}.catalogNum{color:#1a1d24;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.catalogLbl{color:var(--grey);font-size:12px;font-weight:600}.btn{color:#1a1d24;cursor:pointer;background:#fff;border:1px solid #d7dae0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s}.btn:hover{background:#f4f5f7}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--canon-red);border-color:var(--canon-red);color:#fff}.btn.primary:hover{background:var(--canon-red-dark)}.btn.ghost-danger{color:var(--canon-red);border-color:#eebfbd}.btn.ghost-danger:hover{background:#fbeceb}.btn.sm{padding:5px 11px;font-size:12px}.btnRow{flex-wrap:wrap;gap:10px;display:flex}.dashHead{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}table.cases tbody tr.clickable{cursor:pointer}table.cases tbody tr.clickable:hover{background:#fafbfc}.backLink{color:#616b7a;cursor:pointer;background:0 0;border:0;margin-bottom:14px;padding:0;font-size:13px}.backLink:hover{color:var(--canon-red)}.detailGrid{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=820px){.detailGrid{grid-template-columns:1fr}}.card2{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 22px}.card2 h3{text-transform:uppercase;letter-spacing:.06em;color:#616b7a;margin:0 0 14px;font-size:13px}.card2 .cardHead{align-items:center;gap:10px;display:flex}.card2 .cardHead .cardIco{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.cardHead.blue{color:#2f6fd0}.cardHead.blue .cardIco{background:#e9f1fd}.cardHead.gold{color:#b0740f}.cardHead.gold .cardIco{color:#bd7d1c;background:#fbf1dd}.cardHead.green{color:#17864f}.cardHead.green .cardIco{color:#1f9d63;background:#e5f6ed}.cardHead.red{color:#cf141b}.cardHead.red .cardIco{color:#e41920;background:#fdecec}.kv2{grid-template-columns:150px 1fr;gap:9px 14px;font-size:14px;display:grid}.kv2 dt{color:#8b95a3}.kv2 dd{color:#1a1d24;margin:0}.caseTitle{margin:4px 0 2px;font-size:22px;font-weight:700}.poeItem{border:1px solid #eceef1;border-radius:8px;margin-bottom:10px;padding:13px 15px}.poeItem:last-child{margin-bottom:0}.poeTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.poeType{font-size:14px;font-weight:700}.poeAmt{font-variant-numeric:tabular-nums;color:#1a1d24}.poeDesc{color:#616b7a;margin:6px 0 0;font-size:13px}.poeImgs{color:#8b95a3;margin-top:6px;font-size:12px}.st.pending{color:#a9711a;background:#f8efdd}.st.accepted{color:#2f7d5b;background:#e8f3ee}.st.rejected{color:#c00;background:#fbeceb}.modalOverlay{z-index:40;background:#0a0c108c;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:100%;max-width:640px;padding:24px 26px}.modal h2{margin:0 0 4px;font-size:18px}.modal .msub{color:#616b7a;margin:0 0 18px;font-size:13px}.formGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.formGrid .full{grid-column:1/-1}.fld{color:#616b7a;flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:600;display:flex}.fld .req{color:var(--canon-red)}.inp{box-sizing:border-box;color:#1a1d24;background:#fff;border:1px solid #d7dae0;border-radius:6px;width:100%;min-width:0;max-width:100%;height:40px;padding:0 12px;font-size:14px}.inp:focus{border-color:var(--canon-red);outline:none}select.inp{appearance:none;text-overflow:ellipsis;background:#fff}.ssel{min-width:0;position:relative}.sselControl{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;font-weight:400;display:flex}.sselControl .ph{color:#9aa1ab}.sselControl>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sselCaret{color:#9aa1ab;flex-shrink:0;font-size:10px}.sselPanel{z-index:50;background:#fff;border:1px solid #d7dae0;border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 28px #00000024}.sselSearch{box-sizing:border-box;border:0;border-bottom:1px solid #eceef1;outline:none;width:100%;padding:11px 12px;font-size:14px}.sselList{max-height:220px;overflow-y:auto}.sselOpt{cursor:pointer;color:#1a1d24;white-space:nowrap;text-overflow:ellipsis;padding:9px 12px;font-size:13.5px;overflow:hidden}.sselOpt.active{background:#f4f5f7}.sselOpt.sel{color:var(--canon-red);font-weight:600}.sselEmpty{color:#8b95a3;padding:12px;font-size:13px}.modalActions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.formErr{color:#a30000;background:#fbeceb;border:1px solid #eebfbd;border-radius:6px;margin-bottom:14px;padding:9px 12px;font-size:13px}.toast{color:#fff;z-index:60;background:#1a1d24;border-radius:8px;padding:10px 18px;font-size:13px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.fileLink{cursor:pointer;color:#2f6fd0;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.fileLink:hover{color:var(--canon-red);text-decoration:underline}.previewModal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.previewHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.previewName{color:#1a1d24;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.previewFrame{background:#525659;border:0;flex:1;width:100%}.previewMsg{color:var(--grey);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.previewMsg .previewMsgIcon{opacity:.5;margin-bottom:4px;font-size:40px}.previewMsg strong{color:#1a1d24;font-size:15px}.previewMsg p{margin:0;font-size:13px}.statRow{grid-template-columns:repeat(4,1fr) 1.3fr 1.3fr;gap:14px;margin-bottom:22px;display:grid}@media (width<=820px){.statRow{grid-template-columns:1fr 1fr}}.statCard{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .16s,transform .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.statCard:after{content:"";opacity:.1;background:currentColor;border-radius:50%;width:90px;height:90px;position:absolute;top:-40px;right:-30px}.statCard:hover{transform:translateY(-3px);box-shadow:0 10px 26px #14182817}.statCard>div{z-index:1;flex-direction:column;gap:2px;min-width:0;display:flex;position:relative}.statIcon{z-index:1;border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;position:relative}.statCard .statN{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:25px;font-weight:800;line-height:1.1}.statCard.wide .statN{font-size:21px}.statCard .statL{text-transform:uppercase;letter-spacing:.07em;color:var(--grey);font-size:11px;font-weight:700}.statCard.red{color:#e41920}.statCard.red .statIcon{color:#e41920;background:#fdecec}.statCard.red .statN{color:#cf141b}.statCard.blue{color:#2f6fd0}.statCard.blue .statIcon{color:#2f6fd0;background:#e9f1fd}.statCard.blue .statN{color:#2f6fd0}.statCard.green{color:#1f9d63}.statCard.green .statIcon{color:#1f9d63;background:#e5f6ed}.statCard.green .statN{color:#17864f}.statCard.purple{color:#6d5bd0}.statCard.purple .statIcon{color:#6d5bd0;background:#efecfb}.statCard.purple .statN{color:#6d5bd0}.statCard.gold{color:#c8892a}.statCard.gold .statIcon{color:#bd7d1c;background:#fbf1dd}.statCard.gold .statN{color:#b0740f}.statCard.gold{background:linear-gradient(115deg,#fff 55%,#fdf6ea);border-color:#f0e3c8}.dateControls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.rangePresets{border:1px solid var(--border);background:#fff;border-radius:20px;gap:2px;padding:3px;display:inline-flex}.rangeBtn{color:var(--grey);cursor:pointer;background:0 0;border:0;border-radius:16px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}.rangeBtn:hover{color:#1a1d24}.rangeBtn.active{background:var(--canon-red);color:#fff}.dateInputs{align-items:center;gap:14px;display:flex}.dateInputs label{color:var(--grey);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.dateInputs input[type=date]{border:1px solid var(--border);color:#1a1d24;background:#fff;border-radius:8px;outline:none;height:34px;padding:0 10px;font-size:13px}.dateInputs input[type=date]:focus{border-color:var(--canon-red)}.listControls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.searchBox{flex:0 340px;align-items:center;min-width:280px;display:flex;position:relative}.searchBox .searchIcon{color:#9aa1ab;pointer-events:none;font-size:17px;position:absolute;left:12px}.searchBox input{box-sizing:border-box;border:1px solid var(--border);color:#1a1d24;background:#fff;border-radius:20px;outline:none;width:100%;height:38px;padding:0 32px 0 34px;font-size:13.5px;transition:border-color .15s}.searchBox input:focus{border-color:var(--canon-red)}.searchBox input::placeholder{color:#9aa1ab}.searchClear{cursor:pointer;color:#9aa1ab;background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1;position:absolute;right:8px}.searchClear:hover{color:var(--canon-red)}.filterTabs{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.statusSelect{border:1px solid var(--border);color:#1a1d24;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23757575' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:20px;outline:none;height:38px;padding:0 30px 0 14px;font-size:13px;font-weight:600}.statusSelect:focus{border-color:var(--canon-red)}.filterTab{color:#4a5261;cursor:pointer;background:#fff;border:1px solid #e0e2e6;border-radius:20px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.filterTab:hover{background:#f4f5f7}.filterTab.active{background:var(--canon-red);border-color:var(--canon-red);color:#fff}.filterTab .tabN{font-variant-numeric:tabular-nums;background:#00000014;border-radius:10px;padding:1px 7px;font-size:11px}.filterTab.active .tabN{background:#ffffff40}@media (width<=640px){.dashBar{padding:0 16px}.dashBody{padding:20px 16px 48px}.modal{padding:20px 18px}}@media (width<=560px){.formGrid{grid-template-columns:1fr}}@media (width<=640px){.tableScroll{overflow-x:visible}table.cases{min-width:0;font-size:14px}table.cases thead{display:none}table.cases tbody,table.cases tr,table.cases td{width:100%;display:block}table.cases tbody tr{border-bottom:1px solid #eef0f2;padding:10px 2px}table.cases tbody tr:last-child{border-bottom:0}table.cases td{white-space:normal;border:0;padding:5px 14px}table.cases td.snoCell{display:none}table.cases td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:#9aa2ad;margin-bottom:1px;font-size:10px;font-weight:700;display:block}}