:root{--navy:#063d7b;--navy2:#0758aa;--blue:#1769e8;--blue2:#eaf3ff;--green:#18a55b;--orange:#ff8517;--purple:#7547dc;--cyan:#0d9ab3;--red:#e5484d;--text:#152238;--muted:#6b7890;--line:#e4eaf2;--bg:#f5f7fb;--card:#fff;--shadow:0 3px 12px #132a520f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}.app{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--navy2),var(--navy));color:#fff;z-index:20;flex-direction:column;width:245px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff26;padding:20px 18px 16px}.brand img{object-fit:contain;object-position:left center;width:100px;max-height:65px;margin-bottom:12px;display:block}.brand h1{margin:0;font-size:15px}.brand p{opacity:.82;margin:5px 0 0;font-size:12px}.nav{flex:1;padding:14px 10px;overflow:auto}.nav-section{text-transform:uppercase;letter-spacing:.08em;opacity:.58;margin:15px 10px 7px;font-size:10px}.nav-btn{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:11px 12px;font-size:13px;display:flex}.nav-btn:hover{background:#ffffff1a}.nav-btn.active{background:#1974e6;box-shadow:0 4px 12px #0000001f}.ico{flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.ico svg{width:18px;height:18px}.sidebar-foot{opacity:.9;border-top:1px solid #ffffff24;padding:13px 15px;font-size:12px}.main{width:calc(100% - 245px);margin-left:245px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex;position:sticky;top:0}.title h2{color:#173b5d;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:26px;font-weight:800;overflow:hidden}.title h2 .title-sep{color:var(--muted);font-weight:400}.title h2 .title-branch{font-size:18px;font-weight:600}.title p{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:600}.top-actions{align-items:center;gap:10px;display:flex}.control{border:1px solid var(--line);height:38px;color:var(--text);background:#fff;border-radius:9px;padding:0 11px;font-size:12px}.textsize-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}html.johto-large-text body{zoom:1.12}@media print{html.johto-large-text body{zoom:1}}.avatar{background:var(--navy2);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.page{padding:18px;display:none}.page.active{display:block}.kpis{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px;display:grid}.kpi{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:12px;min-height:105px;padding:15px;display:flex}.kpi-icon{border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.blue{color:var(--blue);background:#eaf2ff}.green{color:var(--green);background:#eaf9f0}.purple{color:var(--purple);background:#f2ebff}.orange{color:var(--orange);background:#fff0e1}.cyan{color:var(--cyan);background:#e9f8fa}.yellow{color:#d39700;background:#fff8df}.kpi label{color:#364258;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.kpi strong{white-space:nowrap;margin-top:5px;font-size:23px;display:block}.kpi small{color:var(--green);font-size:10px}.grid{gap:14px;display:grid}.g-3{grid-template-columns:1.55fr .95fr .72fr}.g-2{grid-template-columns:1.25fr 1fr}.g-equal3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:15px}.card-title{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.link{color:var(--blue);font-size:10px;font-weight:700}.chart{height:245px}.chart.sm{height:190px}.alert{border-bottom:1px solid #eef1f5;align-items:center;gap:10px;padding:10px 0;font-size:11px;display:flex}.alert:last-child{border-bottom:0}.alert-badge{border-radius:20px;margin-left:auto;padding:4px 9px;font-size:9px;font-weight:800}.low{color:#d93939;background:#ffeded}.high{color:#1b62d9;background:#edf3ff}.centers{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.center{border:1px solid var(--line);border-radius:11px;padding:13px}.center:first-child{border-top:3px solid var(--blue)}.center:nth-child(2){border-top:3px solid var(--green)}.center:nth-child(3){border-top:3px solid var(--orange)}.center h4{margin:0;font-size:12px}.center .loc{color:var(--muted);margin:5px 0 11px;font-size:10px}.center .bigicon{text-align:center;margin:8px 0;font-size:31px}.stats2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat span{color:var(--muted);font-size:9px;display:block}.stat b{font-size:15px}.process-flow{background:#f8fafc;border:1px solid #edf1f6;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.flow-step{text-align:center;min-width:72px}.flow-step .fi{font-size:30px}.flow-step div:last-child{margin-top:6px;font-size:9px;font-weight:700}.arrow{color:var(--navy2);font-size:20px}.process-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.metric{border:1px solid var(--line);background:#fbfcfe;border-radius:9px;padding:11px}.metric span{color:var(--muted);font-size:9px}.metric b{margin-top:4px;font-size:17px;display:block}.quick-strip{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:14px;display:grid}.quick{border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:11px;padding:11px}.quick .qicon{font-size:24px}.quick span{margin-top:5px;font-size:9px;display:block}table:not(.slip-table){border-collapse:collapse;width:100%;font-size:10px}th:not(.slip-table th){text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:9px 7px;font-weight:700}td:not(.slip-table td){border-bottom:1px solid #eef2f6;padding:9px 7px}.num{text-align:right}.pos{color:var(--green);font-weight:800}.status{border-radius:15px;padding:3px 8px;font-size:9px;font-weight:700}.ok{color:#17854c;background:#eaf8f0}.wait{color:#2166cc;background:#edf3ff}.maint{color:#d87800;background:#fff1e2}.pill-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.pill{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;padding:9px 14px;font-size:11px}.pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}.summary-row{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:14px;display:grid}.mini{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px}.mini span{color:var(--muted);font-size:9px}.mini b{margin-top:5px;font-size:16px;display:block}.footer{text-align:center;color:#7d8798;padding:18px 0 5px;font-size:10px}@media (max-width:1450px){.kpis{grid-template-columns:repeat(3,1fr)}.g-3{grid-template-columns:1.35fr .9fr}.g-3>.card:last-child{grid-column:1/-1}.summary-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:1000px){.sidebar{width:76px}.brand h1,.brand p,.nav-btn span:last-child,.nav-section,.sidebar-foot span{display:none}.brand img{width:45px}.main{width:calc(100% - 76px);margin-left:76px}.g-3,.g-2,.g-equal3,.centers{grid-template-columns:1fr}.quick-strip{grid-template-columns:repeat(4,1fr)}}@media (max-width:650px){.kpis{grid-template-columns:1fr}.top-actions .loc-control{display:none}.summary-row,.quick-strip{grid-template-columns:repeat(2,1fr)}}.kpi small{white-space:normal;line-height:1.35}n .executive-readable-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-bottom:18px!important}.executive-kpi{border-radius:16px!important;gap:17px!important;min-height:136px!important;padding:20px!important}.executive-kpi .kpi-icon{flex:0 0 62px!important;width:62px!important;height:62px!important;font-size:28px!important}.executive-kpi .kpi-copy{min-width:0}.executive-kpi label{letter-spacing:.01em;color:#25354c!important;text-transform:none!important;font-size:15px!important;font-weight:800!important;line-height:1.3!important}.executive-kpi strong{letter-spacing:-.02em;color:#10233d!important;margin-top:7px!important;font-size:20px!important;line-height:1.15!important}.executive-kpi .kpi-unit{color:#536279;font-weight:700;font-size:16px!important}.executive-kpi .kpi-description{color:#5d6c80;white-space:normal;margin-top:8px;font-size:13px;font-weight:650;line-height:1.35}.page-title{font-size:23px!important}.page-subtitle{line-height:1.4;font-size:12px!important}.nav-item{min-height:44px;font-size:14px!important}.card-title{font-size:15px!important}table:not(.slip-table){font-size:11px!important}th:not(.slip-table th),td:not(.slip-table td){padding-top:10px!important;padding-bottom:10px!important}.select-box,.date-box{font-size:13px!important}.kpi-card,.card{border-color:#dce4ee!important}.executive-kpi:hover{transform:translateY(-1px);box-shadow:0 7px 20px #14285014!important}@media (min-width:1500px){.page{padding:22px!important}.executive-readable-kpis{gap:18px!important}.executive-kpi{min-height:142px!important}}@media (max-width:1250px){.executive-readable-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:760px){.executive-readable-kpis{grid-template-columns:1fr!important}.executive-kpi{min-height:120px!important}.executive-kpi strong{font-size:20px!important}}.lease-kpi .lease-secondary{color:#536279;margin-top:3px;font-size:14px;font-weight:800;line-height:1.2}.lease-kpi .kpi-description{margin-top:5px}.vehicle-kpi .vehicle-line{color:#5d6c80;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:650;line-height:1.2;display:flex}.vehicle-kpi .vehicle-line b{color:#25354c;font-size:14px;font-weight:800}.executive-centers-row{align-items:stretch;grid-template-columns:minmax(0,1.45fr) minmax(410px,.9fr)!important}.executive-centers-row>.card{height:100%}.processing-center-card{flex-direction:column;display:flex}.processing-center-card .process-flow{flex:1}.fleet-section{margin-top:16px}.fleet-section-title{color:#152238;margin:0 0 9px 2px;font-size:16px;font-weight:800;line-height:1.25}.fleet-row{gap:14px!important}.fleet-summary-card,.fleet-status-card{min-height:226px}.fleet-main{align-items:center;gap:15px;padding:10px 0 15px;display:flex}.fleet-main-icon{border-radius:50%;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:24px;display:grid}.fleet-main-value{color:#152238;font-size:28px;font-weight:800;line-height:1}.fleet-main-label{color:#6b7890;margin-top:5px;font-size:11px;font-weight:700}.fleet-detail-row{color:#6b7890;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;min-height:38px;font-size:11px;display:flex}.fleet-detail-row strong{color:#25354c;font-size:13px}.fleet-status-green{color:#17854c!important}@media (max-width:1250px){.executive-centers-row{grid-template-columns:1fr!important}}@media (max-width:900px){.fleet-row{grid-template-columns:1fr!important}}.custom-processing-flow{gap:10px!important;padding:14px 12px!important;overflow:visible!important}.custom-flow-step{flex:1 1 0;min-width:104px!important}.process-visual{justify-content:center;align-items:center;height:58px;margin-bottom:5px;display:flex}.process-icon-svg{width:106px;height:56px;overflow:visible}.process-arrow{text-shadow:0 1px #0b7f4314;flex:0 0 31px;line-height:1;color:#0b7f43!important;font-size:31px!important;font-weight:900!important}.custom-flow-step>div:last-child{color:#24354b;font-size:10px!important;font-weight:800!important}.outbound-flow-step>div:last-child{color:#087844!important}.process-icon-svg .wheel{fill:#263746}.process-icon-svg .hub{fill:#aebbc7}.process-icon-svg .glass{fill:#cfe8f7;stroke:#6c879a;stroke-width:1px}.process-icon-svg .grille{fill:#d5dde4}.process-icon-svg .chassis{fill:#465663}.process-icon-svg .giga-text{letter-spacing:.5px;font:700 6px Segoe UI,Arial,sans-serif}.tipper-blue .cab{fill:#f7f9fb;stroke:#1769e8;stroke-width:2px}.tipper-blue .tipper-bed{fill:#1769e8;stroke:#0d4ea8;stroke-width:1.5px}.tipper-blue .giga-text{fill:#1769e8}.tipper-green .cab{fill:#f7fbf8;stroke:#159154;stroke-width:2px}.tipper-green .tipper-bed{fill:#18a55b;stroke:#0b7f43;stroke-width:1.5px}.tipper-green .giga-text{fill:#0b7f43}.soil-machine .machine-base{fill:#465663}.soil-machine .machine-wheel{fill:#273746}.soil-machine .hopper{fill:#e99a22;stroke:#bd7211;stroke-width:1.5px}.soil-machine .crusher{fill:#5e7080;stroke:#3e4c58;stroke-width:1px}.soil-machine .conveyor{fill:#7c8d9b;stroke:#566675;stroke-width:1px}.soil-machine .roller{fill:#2f3f4c}.soil-machine .processed-soil{fill:#9a6a36;stroke:#7b4f26;stroke-width:1px}.soil-heap .heap-main{fill:#9d7040;stroke:#79502a;stroke-width:1.5px}.soil-heap .heap-shadow{fill:#d7c0a4;opacity:.55}.soil-heap .soil-dot{fill:#6f4825}@media (max-width:1450px){.process-icon-svg{width:92px;height:50px}.process-arrow{flex-basis:26px;font-size:26px!important}}@media (max-width:1100px){.custom-processing-flow{justify-content:flex-start!important;overflow-x:auto!important}.custom-flow-step{min-width:112px!important}}.process-photo-wrap{justify-content:center;align-items:center;display:flex;height:60px!important}.process-photo{object-fit:contain;object-position:center;image-rendering:auto;filter:drop-shadow(0 1px 1px #14284614);width:112px;height:58px;display:block}.receiving-photo,.outbound-photo{transform:scale(1.04)}.custom-processing-flow .process-arrow{color:#0b7f43!important;opacity:1!important;font-size:33px!important;font-weight:900!important}@media (max-width:1450px){.process-photo{width:100px;height:53px}}.processing-center-card{min-width:0!important;overflow:hidden!important}.processing-center-card .custom-processing-flow{grid-template-columns:minmax(72px,1fr) 24px minmax(72px,1fr) 24px minmax(72px,1fr) 24px minmax(72px,1fr)!important;align-items:center!important;gap:3px!important;width:100%!important;min-width:0!important;padding:12px 8px!important;display:grid!important;overflow:hidden!important}.processing-center-card .custom-flow-step{width:100%!important;min-width:0!important;max-width:none!important;overflow:hidden!important}.processing-center-card .process-visual,.processing-center-card .process-photo-wrap{justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:52px!important;display:flex!important;overflow:hidden!important}.processing-center-card .process-photo,.processing-center-card .process-icon-svg{object-fit:contain!important;object-position:center!important;width:100%!important;max-width:88px!important;height:48px!important;max-height:48px!important;transform:none!important}.processing-center-card .soil-machine,.processing-center-card .soil-heap{width:100%!important;max-width:84px!important;height:46px!important}.processing-center-card .process-arrow{text-align:center!important;flex:0 0 24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;font-size:24px!important;line-height:1!important;overflow:visible!important}.processing-center-card .custom-flow-step>div:last-child{white-space:normal!important;text-align:center!important;overflow-wrap:anywhere!important;font-size:9px!important;line-height:1.2!important}.processing-center-card .process-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.processing-center-card .metric{min-width:0!important;padding:9px 7px!important}.processing-center-card .metric span{white-space:normal!important;font-size:8px!important}.processing-center-card .metric b{white-space:nowrap!important;font-size:12px!important}@media (max-width:1350px){.processing-center-card .custom-processing-flow{grid-template-columns:minmax(66px,1fr) 20px minmax(66px,1fr) 20px minmax(66px,1fr) 20px minmax(66px,1fr)!important}.processing-center-card .process-photo,.processing-center-card .process-icon-svg{max-width:76px!important;height:43px!important}.processing-center-card .process-arrow{width:20px!important;min-width:20px!important;max-width:20px!important;font-size:21px!important}}@media (max-width:1100px){.processing-center-card .custom-processing-flow{grid-template-columns:86px 22px 86px 22px 86px 22px 86px!important;justify-content:start!important;overflow-x:auto!important}}.mizumoto-center .center-photo-wrap{background:#f3f7fb;border:1px solid #e3eaf2;border-radius:11px;justify-content:center;align-items:center;width:100%;height:86px;overflow:hidden;margin:6px 0 10px!important;display:flex!important}.mizumoto-center .center-photo{object-fit:cover;object-position:center;border-radius:10px;width:100%;height:100%;display:block}.mizumoto-center h4{font-weight:800}@media (max-width:1250px){.mizumoto-center .center-photo-wrap{height:78px}}.mizumoto-center .center-photo-wrap{background:#f8f7f4!important;height:92px!important}.mizumoto-center .mizumoto-photo{padding:2px;object-fit:contain!important;object-position:center!important}.mizumoto-center .center-photo-wrap{background:#fff!important;border:1px solid #e3eaf2!important;height:82px!important;padding:8px 10px!important}.mizumoto-center .mizumoto-photo{object-fit:contain!important;object-position:center!important;border-radius:0!important;width:100%!important;max-width:260px!important;height:100%!important;padding:0!important}.mizumoto-center .center-photo-wrap{background:#fff!important;border:1px solid #e3eaf2!important;border-radius:11px!important;height:78px!important;padding:8px 10px!important;overflow:hidden!important}.mizumoto-center .mizumoto-photo{object-fit:contain!important;object-position:center!important;border-radius:0!important;width:100%!important;max-width:270px!important;height:100%!important;padding:0!important;display:block!important;transform:none!important}.mizumoto-center .center-photo-wrap{background:#fff!important;border:1px solid #e3eaf2!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;height:92px!important;padding:5px!important;display:flex!important;overflow:hidden!important}.mizumoto-center .mizumoto-photo{object-fit:contain!important;object-position:center!important;border-radius:0!important;width:82px!important;max-width:82px!important;height:82px!important;max-height:82px!important;margin:0 auto!important;padding:0!important;display:block!important;transform:none!important}@media (max-width:1250px){.mizumoto-center .center-photo-wrap{height:84px!important}.mizumoto-center .mizumoto-photo{width:74px!important;height:74px!important}}.misato-center .misato-photo-wrap{width:100%;height:92px;background:#fff!important;border:1px solid #e3eaf2!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;margin:6px 0 10px!important;padding:5px!important;display:flex!important;overflow:hidden!important}.misato-center .misato-photo{object-fit:contain!important;object-position:center!important;border-radius:0!important;width:82px!important;max-width:82px!important;height:82px!important;max-height:82px!important;margin:0 auto!important;padding:0!important;display:block!important;transform:none!important}.misato-center h4{font-weight:800!important}@media (max-width:1250px){.misato-center .misato-photo-wrap{height:84px!important}.misato-center .misato-photo{width:74px!important;height:74px!important}}.kohoku-center .kohoku-photo-wrap{width:100%;height:92px;background:#fff!important;border:1px solid #e3eaf2!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;margin:6px 0 10px!important;padding:5px!important;display:flex!important;overflow:hidden!important}.kohoku-center .kohoku-photo{object-fit:contain!important;object-position:center!important;border-radius:0!important;width:82px!important;max-width:82px!important;height:82px!important;max-height:82px!important;margin:0 auto!important;padding:0!important;display:block!important;transform:none!important}.kohoku-center h4{font-weight:800!important}@media (max-width:1250px){.kohoku-center .kohoku-photo-wrap{height:84px!important}.kohoku-center .kohoku-photo{width:74px!important;height:74px!important}}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,canvas{max-width:100%}.main,.page,.card,.kpi,.center{min-width:0}.mobile-menu-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--navy);background:#fff;border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:none}.sidebar-overlay{z-index:18;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b233d73;display:none;position:fixed;inset:0}.kpis,.executive-readable-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid>*,.kpis>*,.centers>*,.summary-row>*{min-width:0}.centers{grid-template-columns:repeat(3,minmax(0,1fr))!important}.executive-centers-row{grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr)!important}.fleet-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.card-title{flex-wrap:wrap;gap:10px}.card-title .link{margin-left:auto}.chart,.chart-wrap{width:100%;max-width:100%}canvas{width:100%!important;max-width:100%!important}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.card>table{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}.table-wrap table{min-width:680px}.process-flow,.custom-processing-flow{max-width:100%}.process-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (min-width:1800px){.main{max-width:none}.page{padding:22px 26px!important}.kpi{min-height:120px}.chart{height:280px}}@media (max-width:1400px){.sidebar{width:220px!important}.main{width:calc(100% - 220px)!important;margin-left:220px!important}.brand img{width:88px!important}.nav-btn{font-size:12px!important}.executive-centers-row{grid-template-columns:1fr!important}.fleet-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:1100px){.sidebar{width:78px!important}.brand{text-align:center;padding:14px 10px!important}.brand img{width:48px!important;margin-left:auto!important;margin-right:auto!important}.brand h1,.brand p,.nav-section,.nav-btn span:not(.ico),.sidebar-foot span{display:none!important}.nav-btn{min-height:46px;justify-content:center!important;padding:10px 6px!important}.nav-btn .ico{width:22px!important;height:22px!important}.main{width:calc(100% - 78px)!important;margin-left:78px!important}.topbar{padding:0 14px!important}.kpis,.executive-readable-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid.g-3,.grid.g-2,.grid.g-equal3{grid-template-columns:1fr!important}.centers{grid-template-columns:repeat(3,minmax(0,1fr))!important}.fleet-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fleet-status-card{grid-column:1/-1}.summary-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width:820px){.sidebar{transition:transform .24s;transform:translate(-102%);box-shadow:0 12px 40px #08244440;width:252px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open+.sidebar-overlay,.sidebar-overlay.show{display:block}.brand{text-align:left!important;padding:18px!important}.brand img{width:88px!important;margin-left:0!important}.brand h1,.brand p,.nav-section,.nav-btn span:not(.ico),.sidebar-foot span{display:block!important}.nav-btn{justify-content:flex-start!important;padding:11px 12px!important}.nav-btn .ico{width:22px!important;height:22px!important}.main{width:100%!important;margin-left:0!important}.mobile-menu-btn{display:flex}.topbar{flex-wrap:wrap;gap:10px;min-height:70px;height:auto!important;padding:10px 12px!important}.title{flex:calc(100% - 56px);min-width:0}.page-title,.title h2{font-size:18px!important}.page-subtitle,.title p{font-size:10px!important}.top-actions{order:3;grid-template-columns:minmax(140px,1fr) minmax(160px,1fr) auto auto;width:100%;overflow:visible;gap:7px!important;display:grid!important}.control,.select-box,.date-box{width:100%;min-width:0}.page{padding:12px!important}.kpis,.executive-readable-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.executive-kpi{min-height:118px!important;padding:14px!important}.executive-kpi .kpi-icon{flex-basis:50px!important;width:50px!important;height:50px!important;font-size:23px!important}.centers{grid-template-columns:1fr!important}.center{grid-template-columns:auto 1fr;align-items:start;column-gap:12px;display:grid}.center h4,.center .loc{grid-column:1/-1}.center .bigicon,.center .center-photo-wrap{width:96px!important;height:84px!important;margin:6px 0 0!important}.center .stats2{align-self:center;width:100%;grid-template-columns:1fr 1fr!important}.processing-center-card .custom-processing-flow,.processing-center-card .process-flow{-webkit-overflow-scrolling:touch;justify-content:flex-start!important;overflow-x:auto!important}.fleet-row{grid-template-columns:1fr!important}.fleet-status-card{grid-column:auto}.summary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.chart{height:235px!important}}@media (max-width:600px){.top-actions{grid-template-columns:1fr 1fr auto!important}.top-actions .loc-control{grid-column:1/2;display:block!important}.top-actions input.control,.date-box{grid-column:2/3;display:block!important}.kpis,.executive-readable-kpis{grid-template-columns:1fr!important}.executive-kpi,.kpi{min-height:100px!important}.executive-kpi strong{font-size:20px!important}.executive-kpi label{font-size:15px!important}.grid.g-3,.grid.g-2,.grid.g-equal3,.executive-centers-row,.fleet-row{grid-template-columns:1fr!important}.center{display:block}.center .bigicon,.center .center-photo-wrap{width:100%!important;height:86px!important;margin:6px 0 10px!important}.center .center-photo{width:78px!important;height:78px!important;margin:auto!important}.center .stats2{grid-template-columns:1fr 1fr!important}.process-metrics{grid-template-columns:1fr!important}.fleet-section-title{font-size:15px!important}.summary-row{grid-template-columns:1fr 1fr!important}.card{border-radius:12px!important;padding:12px!important}.chart{height:220px!important}.chart.sm{height:190px!important}table{min-width:620px}}@media (max-width:420px){.topbar{padding:8px 9px!important}.mobile-menu-btn{flex-basis:38px;width:38px;height:38px}.title{flex-basis:calc(100% - 48px)}.top-actions{grid-template-columns:1fr 1fr auto!important}.control{height:34px!important;padding:0 7px!important;font-size:10px!important}.page{padding:9px!important}.executive-kpi{gap:11px!important;padding:12px!important}.executive-kpi .kpi-description,.vehicle-kpi .vehicle-line{font-size:11px!important}.summary-row,.center .stats2{grid-template-columns:1fr!important}.chart{height:205px!important}}.fleet-own-icon{object-fit:contain;object-position:center;width:78px;height:50px;display:block}@media (max-width:600px){.fleet-own-icon-wrap{flex-basis:78px;width:78px;height:54px}.fleet-own-icon{width:70px;height:46px}}.fleet-lease-icon-wrap{background:#fff;border:1px solid #efd9dc;border-radius:50%;flex:0 0 72px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.fleet-lease-icon{object-fit:contain;object-position:center;width:66px;height:66px;display:block}@media (max-width:600px){.fleet-lease-icon-wrap{flex-basis:64px;width:64px;height:64px}.fleet-lease-icon{width:58px;height:58px}}.fleet-own-icon-wrap{background:#fff!important;border:1px solid #d6eadc!important;border-radius:50%!important;flex:0 0 72px!important;justify-content:center!important;align-items:center!important;width:72px!important;height:72px!important;display:flex!important;overflow:hidden!important}.fleet-own-icon{object-fit:contain!important;object-position:center!important;width:66px!important;height:66px!important;margin:0!important;padding:0!important;display:block!important}@media (max-width:600px){.fleet-own-icon-wrap{flex-basis:64px!important;width:64px!important;height:64px!important}.fleet-own-icon{width:58px!important;height:58px!important}}.fleet-status-card .chart.sm{min-height:190px}.vehicle-logbook-section{margin-top:18px;margin-bottom:9px}.vehicle-logbook-title{color:#152238;padding-left:2px;font-size:16px;font-weight:800;line-height:1.3}.vehicle-logbook-boxes{margin-top:0!important}@media (max-width:600px){.vehicle-logbook-title{font-size:15px}}.vehicle-logbook-boxes .mini{flex-direction:column;justify-content:center;min-height:78px;display:flex}.vehicle-logbook-boxes .mini span{white-space:normal;font-weight:700;line-height:1.25}.vehicle-logbook-boxes .mini b{white-space:nowrap;margin-top:7px}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo-transparent{filter:drop-shadow(0 2px 5px #00000029);flex:0 0 78px;object-fit:contain!important;object-position:center!important;background:0 0!important;border:0!important;width:78px!important;max-width:78px!important;height:58px!important;max-height:58px!important;margin:0!important;padding:0!important;display:block!important}.brand-copy{min-width:0;line-height:1.25}.brand-copy h1{white-space:normal;color:#fff!important;margin:0!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important}.brand-copy p{letter-spacing:.02em;color:#ffffffe0!important;margin:4px 0 0!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}@media (max-width:1400px){.brand{padding:12px 9px!important}.brand-lockup{gap:7px}.brand-logo-transparent{flex-basis:66px;width:66px!important;max-width:66px!important;height:50px!important;max-height:50px!important}.brand-copy h1{font-size:11px!important}.brand-copy p{font-size:10px!important}}@media (max-width:1100px) and (min-width:821px){.brand{padding:12px 8px!important}.brand-lockup{justify-content:center}.brand-logo-transparent{flex-basis:52px;width:52px!important;max-width:52px!important;height:46px!important;max-height:46px!important}.brand-copy{display:none!important}}@media (max-width:820px){.brand{padding:14px!important}.brand-lockup{justify-content:flex-start;gap:10px}.brand-logo-transparent{flex-basis:74px;width:74px!important;max-width:74px!important;height:56px!important;max-height:56px!important}.brand-copy{display:block!important}.brand-copy h1{font-size:12px!important;display:block!important}.brand-copy p{font-size:11px!important;display:block!important}}.brand-lockup-vertical{text-align:center;width:100%;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;display:flex!important}.brand-lockup-vertical .brand-logo-transparent{filter:drop-shadow(0 2px 4px #00000029);object-fit:contain!important;object-position:center!important;background:0 0!important;border:0!important;width:132px!important;max-width:90%!important;height:auto!important;max-height:82px!important;margin:0 auto!important;padding:0!important;display:block!important}.brand-copy-japanese p{white-space:nowrap;letter-spacing:.05em!important;color:#fff!important;margin:0!important;font-size:13px!important;font-weight:800!important;line-height:1.25!important;display:block!important}@media (max-width:1400px){.brand{padding:12px 8px!important}.brand-lockup-vertical .brand-logo-transparent{width:112px!important;max-height:70px!important}.brand-copy-japanese p{font-size:12px!important}}@media (max-width:1100px) and (min-width:821px){.brand{padding:10px 6px!important}.brand-lockup-vertical{gap:0!important}.brand-lockup-vertical .brand-logo-transparent{width:56px!important;max-height:52px!important}.brand-copy-japanese{display:none!important}}@media (max-width:820px){.brand{padding:14px 12px!important}.brand-lockup-vertical .brand-logo-transparent{width:132px!important;max-height:82px!important}.brand-copy-japanese{display:block!important}.brand-copy-japanese p{font-size:13px!important;display:block!important}}.brand-lockup-vertical .brand-logo-transparent{width:148px!important;max-width:92%!important;max-height:86px!important}@media (max-width:1400px){.brand-lockup-vertical .brand-logo-transparent{width:126px!important;max-height:76px!important}}@media (max-width:1100px) and (min-width:821px){.brand-lockup-vertical .brand-logo-transparent{width:60px!important;max-height:54px!important}}@media (max-width:820px){.brand-lockup-vertical .brand-logo-transparent{width:148px!important;max-height:86px!important}}@media (max-width:1400px){.brand-lockup-vertical .brand-logo-transparent{width:96px!important;max-width:96px!important;height:96px!important;max-height:96px!important}}@media (max-width:1100px) and (min-width:821px){.brand-lockup-vertical .brand-logo-transparent{width:54px!important;max-width:54px!important;height:54px!important;max-height:54px!important}}@media (max-width:820px){.brand-lockup-vertical .brand-logo-transparent{width:112px!important;max-width:112px!important;height:112px!important;max-height:112px!important}}.nav-btn,.card-title,.kpi label,.mini span,.fleet-detail-row,.brand-copy-japanese p{word-break:keep-all;overflow-wrap:anywhere}html,body,button,input,select,textarea{font-family:Noto Sans JP,Yu Gothic,YuGothic,Meiryo,Hiragino Kaku Gothic ProN,Segoe UI,Arial,sans-serif!important}.brand{padding:14px 12px 12px!important}.brand-lockup-vertical{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;gap:8px!important}.brand-lockup-vertical .brand-logo-transparent{object-fit:contain!important;object-position:left top!important;width:96px!important;max-width:96px!important;height:96px!important;max-height:96px!important;margin:0!important}.brand-copy-japanese{text-align:left!important;width:100%!important}.brand-copy-japanese p{text-align:left!important;white-space:normal!important}@media (max-width:1400px){.brand-lockup-vertical .brand-logo-transparent{width:84px!important;max-width:84px!important;height:84px!important;max-height:84px!important}}@media (max-width:1100px) and (min-width:821px){.brand{padding:10px 6px!important}.brand-lockup-vertical{align-items:center!important}.brand-lockup-vertical .brand-logo-transparent{object-position:center!important;width:52px!important;max-width:52px!important;height:52px!important;max-height:52px!important;margin:0 auto!important}}@media (max-width:820px){.brand-lockup-vertical{text-align:left!important;align-items:flex-start!important}.brand-lockup-vertical .brand-logo-transparent{object-position:left top!important;width:96px!important;max-width:96px!important;height:96px!important;max-height:96px!important;margin:0!important}.brand-copy-japanese,.brand-copy-japanese p{text-align:left!important}}.mobile-menu-btn svg{width:20px;height:20px}.sidebar-foot{align-items:center;gap:8px;display:flex}.sidebar-foot svg{flex:none}.notif-wrap{position:relative}.notif-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.notif-btn:hover{background:#f2f6fb}.notif-badge{color:#fff;text-align:center;background:#e52d2d;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:-6px;right:-6px}.notif-panel{border:1px solid var(--line);z-index:30;width:min(360px,100vw - 24px);color:var(--text);background:#fff;border-radius:14px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 44px #0824442e}.notif-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:8px;padding:11px 8px 11px 14px;display:flex}.notif-head strong{white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:inline-flex}.notif-count{color:var(--blue);background:#eaf2ff;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.notif-head-actions{align-items:center;gap:2px;display:flex}.notif-mark{color:var(--blue);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:700;display:inline-flex}.notif-mark:hover{background:#eaf2ff}.notif-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.notif-close:hover{color:var(--text);background:#f0f4f9}.notif-list{max-height:320px;margin:0;padding:0;list-style:none;overflow:auto}.notif-item{border-bottom:1px solid #eef1f5;align-items:flex-start;gap:9px;padding:10px 8px 10px 12px;display:flex}.notif-item:last-child{border-bottom:0}.notif-item:hover{background:#f6f9fd}.notif-item.is-read{opacity:.6}.notif-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:6px}.notif-dot.low{background:#e5484d}.notif-dot.high{background:#1b62d9}.notif-main{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:0;flex-direction:column;flex:auto;gap:3px;padding:0;display:flex}.notif-title{font-size:12px;font-weight:800}.notif-detail{color:var(--muted);font-size:11px;line-height:1.4}.notif-level{border-radius:999px;flex:none;align-self:flex-start;padding:3px 8px;font-size:9px;font-weight:800}.notif-level.low{color:#d93939;background:#ffeded}.notif-level.high{color:#1b62d9;background:#edf3ff}.notif-dismiss{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.notif-dismiss:hover{color:var(--text);background:#f0f4f9}.notif-empty{text-align:center;color:var(--muted);padding:26px 16px}.notif-empty svg{opacity:.4;margin-bottom:6px}.notif-empty p{margin:0;font-size:12px}@media (max-width:820px){.notif-panel{width:auto;position:fixed;top:132px;left:12px;right:12px}}.sidebar{transition:width .24s,transform .24s}.main{transition:margin .24s,width .24s}.nav{scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;overscroll-behavior:contain}.nav::-webkit-scrollbar{width:8px}.nav::-webkit-scrollbar-track{background:0 0}.nav::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.nav::-webkit-scrollbar-thumb:hover{background:#fff6 padding-box padding-box;border:2px solid #0000}.notif-list{scrollbar-width:thin;scrollbar-color:#c4cfdd transparent}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-track{background:0 0}.notif-list::-webkit-scrollbar-thumb{background:#c4cfdd;border-radius:999px}.topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.header-sidebar-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #10233d0a}.header-sidebar-toggle:hover{color:var(--navy2);background:#f2f6fb;border-color:#cbd7e6}.header-sidebar-toggle:active{transform:scale(.95)}.header-sidebar-toggle:focus-visible{outline:2px solid var(--navy2);outline-offset:2px}.header-sidebar-toggle.is-collapsed{background:var(--blue2);color:var(--navy2);border-color:#bad2f5}@media (max-width:820px){.header-sidebar-toggle{display:none!important}.topbar-left{gap:10px;width:100%}}.sidebar-foot{background:#0000001a;border-top:1px solid #ffffff24;flex-direction:column;gap:10px;padding:14px 12px;display:flex}.sidebar-profile{align-items:center;gap:10px;min-width:0;padding:3px 4px;display:flex}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#1e70e4,#0b4592);border:1.5px solid #ffffff47;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid;position:relative;box-shadow:0 2px 6px #0000002e}.sidebar-avatar-dot{background:#22c55e;border:1.5px solid #073873;border-radius:50%;width:8.5px;height:8.5px;position:absolute;bottom:0;right:0}.sidebar-profile-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-profile-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;line-height:1.25;overflow:hidden}.sidebar-profile-role{color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;line-height:1.2;overflow:hidden}.sidebar-logout-wrap{width:100%}.sidebar-logout-btn{color:#ffffffe6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:34px;padding:0 12px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .1s;display:inline-flex}.sidebar-logout-btn:hover{color:#fecaca;background:#ef44442e;border-color:#ef444459}.sidebar-logout-btn:active{transform:scale(.98)}.sidebar-logout-btn:disabled{opacity:.6;cursor:not-allowed}.logout-icon{flex-shrink:0;transition:transform .16s}.sidebar-logout-btn:hover .logout-icon{transform:translate(1.5px)}.avatar-wrap{position:relative}.avatar-btn{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;cursor:pointer;border:1.5px solid #dce4ef;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .15s,border-color .15s;display:grid;position:relative;box-shadow:0 1px 3px #10233d14}.avatar-btn:hover{border-color:#bad2f5;transform:scale(1.04);box-shadow:0 2px 8px #10233d24}.avatar-btn:focus-visible{outline:2px solid var(--navy2);outline-offset:2px}.avatar-status-dot{background:#22c55e;border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.avatar-menu{border:1px solid var(--line);z-index:50;background:#fff;border-radius:12px;width:240px;padding:12px;animation:.15s cubic-bezier(.16,1,.3,1) avatarMenuFade;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #10233d1f,0 2px 6px #10233d0a}@keyframes avatarMenuFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.avatar-menu-header{align-items:center;gap:10px;padding-bottom:10px;display:flex}.avatar-menu-badge{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:grid}.avatar-menu-details{flex-direction:column;flex:1;min-width:0;display:flex}.avatar-menu-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.2;overflow:hidden}.avatar-menu-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.avatar-menu-role{letter-spacing:.04em;text-transform:uppercase;color:var(--navy2);margin-top:4px;font-size:9.5px;font-weight:700;display:inline-block}.avatar-menu-divider{background:var(--line);height:1px;margin:6px 0 10px}.avatar-menu .sidebar-logout-btn{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;height:34px;font-size:12px}.avatar-menu .sidebar-logout-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}@media (min-width:821px){.sidebar.collapsed{width:78px!important}.sidebar.collapsed .brand{text-align:center;padding:14px 8px!important}.sidebar.collapsed .brand-lockup-vertical{gap:0!important}.sidebar.collapsed .brand-logo-transparent{width:52px!important;max-width:52px!important;height:52px!important;max-height:52px!important;margin-left:auto!important;margin-right:auto!important}.sidebar.collapsed .brand-copy-japanese,.sidebar.collapsed .nav-section,.sidebar.collapsed .nav-btn span:not(.ico){display:none!important}.sidebar.collapsed .nav-btn{min-height:46px;justify-content:center!important;padding:10px 6px!important}.sidebar.collapsed .nav-btn .ico{width:22px!important;height:22px!important}.sidebar.collapsed .sidebar-foot{align-items:center!important;gap:8px!important;padding:12px 6px!important}.sidebar.collapsed .sidebar-profile{justify-content:center!important;padding:0!important}.sidebar.collapsed .sidebar-profile-info{display:none!important}.sidebar.collapsed .sidebar-avatar{flex:0 0 36px!important;width:36px!important;height:36px!important}.sidebar.collapsed .sidebar-logout-wrap{justify-content:center;display:flex}.sidebar.collapsed .sidebar-logout-btn{border-radius:9px!important;width:36px!important;height:36px!important;padding:0!important}.sidebar.collapsed .sidebar-logout-btn span:not(.logout-icon){display:none!important}.sidebar.collapsed~.main{width:calc(100% - 78px)!important;margin-left:78px!important}}.rail-tip{z-index:1200;text-overflow:ellipsis;white-space:nowrap;color:#fff;pointer-events:none;background:#07294d;border-radius:9px;max-width:240px;padding:8px 12px;font-size:12.5px;font-weight:700;position:fixed;left:88px;overflow:hidden;transform:translateY(-50%);box-shadow:0 10px 28px #07294d59}.rail-tip:before{content:"";background:#07294d;width:8px;height:8px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}@media print{.sidebar,.sidebar-overlay,.topbar{display:none!important}.main{width:100%!important;margin-left:0!important}.page{padding:0!important}}
.branch-mark{color:#0d5aa7!important;background:linear-gradient(160deg,#eaf3ff,#d8e9ff)!important;border:1px solid #c9dcf5!important;border-radius:50%!important;place-items:center!important;width:82px!important;max-width:82px!important;height:82px!important;max-height:82px!important;margin:0 auto!important;font-size:30px!important;font-weight:900!important;line-height:1!important;display:grid!important}.process-emoji{filter:drop-shadow(0 1px 1px #1428461f);font-size:40px;line-height:1}.fleet-emoji{font-size:34px;line-height:1}
.horizon{min-height:100vh;font-family:Yu Gothic,Meiryo,Inter,Arial,sans-serif}.horizon{--navy:#173b5d;--blue:#1676a8;--blue-soft:#eaf5fb;--green:#08786f;--green-soft:#e5f5f1;--amber:#a86600;--amber-soft:#fff3d6;--danger:#a63232;--danger-soft:#fff0f0;--ink:#17222d;--muted:#5b6d7a;--line:#d8e1e7;--page:#f4f7f9;--card:#fff;--shadow:0 8px 28px #173b5d14;--radius:18px;--sidebar:240px;--gap:20px}.horizon *{box-sizing:border-box}.horizon{scroll-behavior:smooth;background:var(--page);color:var(--ink);margin:0;font-family:Yu Gothic,Meiryo,Inter,Arial,sans-serif;line-height:1.45}.horizon button,.horizon a,.horizon input{font:inherit}.horizon button,.horizon a{cursor:pointer}.horizon button:focus-visible,.horizon a:focus-visible{outline-offset:3px;outline:3px solid #f0b429}.horizon.du-hidden,.horizon .horizon .hidden{display:none!important}.horizon .app-switcher{z-index:50;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:62px;padding:0 22px;display:flex;position:sticky;top:0}.horizon .switch-brand{align-items:center;gap:11px;min-width:0;display:flex}.horizon .brand-mark{background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:1000;display:grid;box-shadow:0 5px 14px #173b5d2e}.horizon .switch-brand strong{color:var(--navy);white-space:nowrap;font-size:.94rem;display:block}.horizon .switch-brand span{color:var(--muted);letter-spacing:.08em;font-size:.67rem;display:block}.horizon .view-tabs{background:#eef3f6;border-radius:13px;gap:7px;padding:5px;display:flex}.horizon .view-tab{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 15px;font-weight:900;text-decoration:none;display:inline-flex}.horizon .view-tab.active{color:var(--navy);background:#fff;box-shadow:0 2px 8px #173b5d17}.horizon .view-tab.frontdesk.active{color:var(--green)}.horizon .inventory-shell{grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - 62px);display:grid}.horizon .sidebar{background:var(--navy);color:#fff;flex-direction:column;gap:22px;height:calc(100vh - 62px);padding:26px 16px;display:flex;position:sticky;top:62px;overflow:auto}.horizon .sidebar-title{padding:0 10px}.horizon .sidebar-title span{color:#9fc5d9;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:900;display:block}.horizon .sidebar-title strong{margin-top:3px;font-size:1.07rem;display:block}.horizon .nav-list{gap:8px;display:grid}.horizon .nav-link{color:#d8e5ed;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 13px;font-weight:900;text-decoration:none;display:flex}.horizon .nav-link:hover,.horizon .nav-link.active{color:#fff;background:#ffffff1f}.horizon .nav-icon{background:#ffffff1a;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:1.05rem;display:grid}.horizon .sidebar-bottom{background:#ffffff12;border:1px solid #ffffff29;border-radius:14px;margin-top:auto;padding:14px}.horizon .sidebar-bottom span{color:#a8c8d9;font-size:.67rem;font-weight:900;display:block}.horizon .sidebar-bottom strong{margin-top:3px;font-size:.88rem;display:block}.horizon .main{min-width:0;padding:24px clamp(18px,2.7vw,38px) 42px}.horizon .page-header{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:20px;display:flex}.horizon .eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font-size:.7rem;font-weight:1000}.horizon h1{color:var(--navy);margin:0;font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.18}.horizon .header-copy{color:var(--muted);margin:6px 0 0;font-size:.88rem}.horizon .header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.horizon .btn{border:1px solid var(--line);min-height:46px;color:var(--navy);background:#fff;border-radius:12px;padding:0 15px;font-weight:900}.horizon .btn.primary{border-color:var(--green);background:var(--green);color:#fff}.horizon .quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.horizon .quick-stat{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;padding:16px 17px;box-shadow:0 4px 16px #173b5d0a}.horizon .quick-stat .label{color:var(--muted);font-size:.71rem;font-weight:900}.horizon .quick-stat .value{color:var(--navy);align-items:baseline;gap:7px;margin-top:4px;font-size:1.55rem;font-weight:1000;display:flex}.horizon .quick-stat .value small{color:var(--muted);font-size:.67rem}.horizon .quick-stat .trend{color:var(--green);margin-top:4px;font-size:.68rem;font-weight:900}.horizon .quick-stat.alert .value,.horizon .quick-stat.alert .trend{color:var(--danger)}.horizon .dashboard-grid{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.horizon .card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-width:0;box-shadow:var(--shadow);overflow:hidden}.horizon .card-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 19px 12px;display:flex}.horizon .card-title{color:var(--navy);margin:0;font-size:1rem}.horizon .card-sub{color:var(--muted);margin:3px 0 0;font-size:.69rem}.horizon .card-badge{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.65rem;font-weight:1000}.horizon .stock-level{grid-column:span 7}.horizon .low-stock{grid-column:span 5}.horizon .bar-chart{grid-column:span 5}.horizon .stock-in{grid-column:span 7}.horizon .stock-out,.horizon .spec-card{grid-column:span 12}.horizon .stock-level-main{grid-template-columns:180px 1fr;align-items:center;gap:22px;display:grid}.horizon .gauge{background:conic-gradient(var(--green) 0 73%,#e7eef2 73% 100%);border-radius:50%;place-items:center;width:164px;height:164px;margin:auto;display:grid;position:relative}.horizon .gauge:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:16px}.horizon .gauge-value{z-index:1;text-align:center;position:relative}.horizon .gauge-value strong{color:var(--navy);font-size:2rem;line-height:1;display:block}.horizon .gauge-value span{color:var(--muted);font-size:.7rem;font-weight:900}.horizon .level-list{gap:12px;display:grid}.horizon .level-row{grid-template-columns:minmax(110px,1fr) 2fr 56px;align-items:center;gap:10px;font-size:.75rem;font-weight:900;display:grid}.horizon .meter{background:#edf2f5;border-radius:99px;height:10px;overflow:hidden}.horizon .meter i{background:var(--green);border-radius:99px;height:100%;display:block}.horizon .level-row:nth-child(2) .meter i{background:var(--blue)}.horizon .level-row:nth-child(3) .meter i{background:var(--amber)}.horizon .level-count{text-align:right;color:var(--navy)}.horizon .alert-summary{background:var(--danger-soft);border-radius:13px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 13px;display:flex}.horizon .alert-summary .big{color:var(--danger);font-size:1.55rem;font-weight:1000}.horizon .alert-summary span{color:#7b4141;font-size:.69rem;font-weight:900;display:block}.horizon .alert-list{gap:9px;display:grid}.horizon .alert-item{border:1px solid #efd0d0;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.horizon .alert-item strong{color:var(--navy);font-size:.78rem;display:block}.horizon .alert-item small{color:var(--muted);font-size:.64rem}.horizon .qty-pill{text-align:center;min-width:44px;color:var(--danger);background:#fff0f0;border-radius:8px;padding:5px 7px;font-size:.7rem;font-weight:1000}.horizon .chart-wrap{height:250px;position:relative}.horizon .chart-wrap svg{width:100%;height:100%;display:block;overflow:visible}.horizon .grid-line{stroke:#e4eaee;stroke-width:1px}.horizon .stock-line{fill:none;stroke:var(--green);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.horizon .dot{fill:#fff;stroke:var(--green);stroke-width:3px}.horizon .legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.66rem;font-weight:900;display:flex}.horizon .legend i{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.horizon .legend .in{background:var(--green)}.horizon .legend .out{background:var(--blue)}.horizon .donut-wrap{place-items:center;padding-top:8px;display:grid}.horizon .donut{background:conic-gradient(var(--navy) 0 36%,var(--green) 36% 62%,var(--blue) 62% 81%,var(--amber) 81% 93%,#9aa8b2 93% 100%);border-radius:50%;place-items:center;width:172px;height:172px;display:grid;position:relative}.horizon .donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:27px}.horizon .donut-center{z-index:1;text-align:center;position:relative}.horizon .donut-center strong{color:var(--navy);font-size:1.45rem;display:block}.horizon .donut-center span{color:var(--muted);font-size:.65rem;font-weight:900}.horizon .pie-legend{color:var(--muted);grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:15px;font-size:.68rem;display:grid}.horizon .pie-legend b{color:var(--navy)}.horizon .pie-legend i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.horizon .bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 45px,#edf2f5 46px);justify-content:space-around;align-items:flex-end;gap:9px;height:235px;padding:14px 3px 0;display:flex}.horizon .bar-group{flex:1;justify-content:center;align-items:flex-end;gap:5px;height:100%;padding-bottom:25px;display:flex;position:relative}.horizon .bar{border-radius:7px 7px 2px 2px;width:min(22px,36%);min-height:5px;transition:all .2s}.horizon .bar-group span{color:var(--muted);font-size:.62rem;font-weight:900;position:absolute;bottom:3px}.table-card .card-.horizon{padding:0 0 8px}.horizon .table-scroll{overflow:auto}.horizon .table-card table{border-collapse:collapse;width:100%;min-width:620px}.horizon .table-card th,.horizon .table-card td{text-align:left;white-space:nowrap;border-top:1px solid #e5ebef;padding:11px 14px}.horizon .table-card th{color:#617481;text-transform:uppercase;letter-spacing:.04em;background:#f8fafb;font-size:.66rem}.horizon .table-card td strong{color:var(--navy)}.horizon .table-card .status{border-radius:7px;padding:4px 7px;font-size:.62rem;font-weight:1000;display:inline-flex}.horizon .table-card .status.in{background:var(--green-soft);color:var(--green)}.horizon .table-card .status.out{background:var(--blue-soft);color:var(--blue)}.horizon .table-card .status.low{background:var(--danger-soft);color:var(--danger)}.horizon .table-footer{color:var(--muted);justify-content:space-between;gap:10px;padding:11px 14px 4px;font-size:.66rem;font-weight:900;display:flex}.horizon .spec-intro{color:var(--muted);padding:2px 19px 17px;font-size:.75rem}.horizon .spec-grid{grid-template-columns:1.15fr .85fr .85fr;gap:15px;padding:0 19px 19px;display:grid}.horizon .spec-box{border:1px solid var(--line);background:#fafcfd;border-radius:14px;padding:14px}.horizon .spec-box h3{color:var(--navy);margin:0 0 9px;font-size:.79rem}.horizon .hierarchy{color:#d8e7f0;white-space:pre-wrap;background:#122f49;border-radius:10px;margin:0;padding:12px;font:12px/1.55 Consolas,monospace;overflow:auto}.horizon .token-list{gap:7px;font-size:.69rem;display:grid}.horizon .token-row{border-bottom:1px dashed #d8e1e7;justify-content:space-between;gap:10px;padding-bottom:6px;display:flex}.horizon .token-row:last-child{border:0;padding-bottom:0}.horizon .token-row b{color:var(--navy)}.horizon #frontdeskView{background:#eef2f4;height:calc(100vh - 62px)}.horizon .frontdesk-toolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:14px;height:52px;padding:0 18px;display:flex}.horizon .frontdesk-toolbar strong{color:var(--green);font-size:.82rem}.horizon .frontdesk-toolbar span{color:var(--muted);font-size:.68rem}.horizon #frontdeskFrame{background:#fff;border:0;width:100%;height:calc(100% - 52px)}@media (max-width:1180px){.horizon{--sidebar:84px;--gap:16px}.horizon .sidebar{padding:20px 10px}.horizon .sidebar-title strong,.horizon .sidebar-title span,.horizon .nav-label,.horizon .sidebar-bottom{display:none}.horizon .nav-link{justify-content:center;padding:0}.horizon .nav-icon{width:40px;height:40px}.horizon .stock-level,.horizon .low-stock{grid-column:span 12}.horizon .line-chart{grid-column:span 8}.horizon .pie-chart{grid-column:span 4}.horizon .bar-chart,.horizon .stock-in{grid-column:span 12}.horizon .spec-grid{grid-template-columns:1fr 1fr}.horizon .spec-grid .spec-box:first-child{grid-column:span 2}}@media (max-width:820px){.horizon .app-switcher{flex-direction:column;align-items:stretch;height:auto;min-height:62px;padding:9px 12px}.horizon .switch-brand{display:none}.horizon .view-tabs{width:100%}.horizon .view-tab{flex:1}.horizon .inventory-shell{min-height:calc(100vh - 70px);display:block}.horizon .sidebar{z-index:40;background:var(--navy);width:100%;height:auto;padding:7px 10px;display:block;position:sticky;top:70px;overflow-x:auto}.horizon .nav-list{gap:6px;min-width:max-content;display:flex}.horizon .nav-link{justify-content:flex-start;width:auto;min-height:46px;padding:0 12px}.horizon .nav-icon{width:31px;height:31px}.horizon .nav-label{font-size:.74rem;display:inline}.horizon .main{padding:16px 12px 32px}.horizon .page-header{flex-direction:column}.horizon .header-actions{justify-content:flex-start;width:100%}.horizon .btn{flex:1}.horizon .quick-stats{grid-template-columns:1fr 1fr;gap:10px}.horizon .dashboard-grid{gap:12px}.horizon .line-chart,.horizon .pie-chart{grid-column:span 12}.horizon .stock-level-main{grid-template-columns:1fr}.horizon .level-list{width:100%}.horizon .chart-wrap{height:220px}.horizon .spec-grid{grid-template-columns:1fr}.horizon .spec-grid .spec-box:first-child{grid-column:span 1}.horizon #frontdeskView{height:calc(100vh - 70px)}}@media (max-width:520px){.horizon .quick-stats{grid-template-columns:1fr 1fr}.horizon .quick-stat{padding:13px}.horizon .quick-stat .value{font-size:1.28rem}.horizon .card-head{padding:15px 14px 10px}.card-.horizon{padding:0 14px 15px}.horizon .stock-level-main{gap:14px}.horizon .gauge{width:145px;height:145px}.horizon .level-row{grid-template-columns:90px 1fr 40px;font-size:.68rem}.horizon .alert-item{padding:9px}.horizon .pie-legend{grid-template-columns:1fr}.horizon .spec-intro,.horizon .spec-grid{padding-left:14px;padding-right:14px}.horizon .frontdesk-toolbar span{display:none}}.horizon{--cyan:#18a8d8;--cyan-soft:#e7f8fd;--violet:#7557d6;--violet-soft:#f0edff;--orange:#ef7f32;--orange-soft:#fff0e6;--lime:#62a83e;--lime-soft:#eef8e9;--rose:#df4e78;--rose-soft:#fff0f5;--yellow:#e8b62e;--yellow-soft:#fff9df;background:radial-gradient(circle at 86% 8%,#18a8d81a,#0000 27%),radial-gradient(circle at 42% 0,#7557d612,#0000 24%),#f4f7fb}.horizon .app-switcher{border-top:4px solid #0000;border-image:linear-gradient(90deg,var(--cyan),var(--green),var(--yellow),var(--orange),var(--rose),var(--violet)) 1;box-shadow:0 4px 18px #173b5d0f}.horizon .sidebar{background:linear-gradient(#173b5d 0%,#135a7d 53%,#08786f 100%)}.horizon .nav-link:hover,.horizon .nav-link.active{background:#ffffff29;box-shadow:inset 3px 0 #80e3d3}.horizon .main{width:100%;max-width:none;margin:0 auto}.horizon .page-header{background:linear-gradient(115deg,#fff 0%,#f4fbff 48%,#f7f3ff 100%);border:1px solid #dbe6ef;border-radius:20px;padding:18px 20px;box-shadow:0 8px 26px #173b5d0f}.horizon .header-copy{max-width:820px}.horizon .header-highlight{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.horizon .info-chip{color:var(--navy);background:#fff;border:1px solid #dce7ee;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:.66rem;font-weight:1000;display:inline-flex}.horizon .info-chip.good{background:var(--green-soft);color:var(--green);border-color:#bce7dc}.horizon .info-chip.warn{background:var(--amber-soft);color:#8c5a00;border-color:#f3d898}.horizon .info-chip.blue{background:var(--cyan-soft);color:#0f7da4;border-color:#bfe8f5}.horizon .quick-stats{gap:16px}.horizon .quick-stat{border:0;padding:17px 18px 14px;position:relative;overflow:hidden;box-shadow:0 9px 24px #1a415d17}.horizon .quick-stat:before{content:"";background:var(--accent,var(--blue));height:5px;position:absolute;inset:0 0 auto}.horizon .quick-stat:after{content:"";background:var(--accent-soft,var(--blue-soft));opacity:.9;border-radius:50%;width:95px;height:95px;position:absolute;top:-36px;right:-32px}.horizon .quick-stat:first-child{--accent:var(--violet);--accent-soft:var(--violet-soft)}.horizon .quick-stat:nth-child(2){--accent:var(--green);--accent-soft:var(--green-soft)}.horizon .quick-stat:nth-child(3){--accent:var(--cyan);--accent-soft:var(--cyan-soft)}.horizon .quick-stat:nth-child(4){--accent:var(--rose);--accent-soft:var(--rose-soft)}.horizon .quick-stat-top{z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.horizon .quick-stat .label{white-space:nowrap}.horizon .stat-icon{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;font-size:1.1rem;font-weight:1000;display:grid}.horizon .quick-stat .value{z-index:2;color:#173b5d;margin-top:8px;font-size:1.72rem;position:relative}.horizon .quick-stat .trend{z-index:2;white-space:nowrap;position:relative}.horizon .stat-spark{z-index:2;height:31px;margin-top:7px;position:relative}.horizon .stat-spark svg{width:100%;height:100%;display:block}.horizon .spark-fill{fill:var(--accent-soft)}.horizon .spark-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.horizon .dashboard-grid{align-items:stretch}.horizon .card{border-color:#dce6ec;position:relative;box-shadow:0 10px 26px #15375114}.horizon .card:before{content:"";background:var(--card-accent,#c7d7e2);z-index:1;height:4px;position:absolute;inset:0 0 auto}.horizon .stock-level{--card-accent:linear-gradient(90deg,var(--green),var(--cyan))}.horizon .low-stock{--card-accent:linear-gradient(90deg,var(--rose),var(--orange))}.horizon .line-chart{--card-accent:linear-gradient(90deg,var(--violet),var(--cyan))}.horizon .pie-chart{--card-accent:linear-gradient(90deg,var(--orange),var(--yellow))}.horizon .bar-chart{--card-accent:linear-gradient(90deg,var(--green),var(--blue))}.horizon .stock-in{--card-accent:var(--green)}.horizon .stock-out{--card-accent:var(--cyan)}.horizon .card-sub{font-size:.7rem}.horizon .card-badge{border:1px solid #d7e7ef}.horizon .gauge{background:conic-gradient(var(--green) 0 36%,var(--cyan) 36% 57%,var(--violet) 57% 73%,#e7eef2 73% 100%);box-shadow:0 0 0 8px #f6fbfc,0 9px 22px #08786f1f}.horizon .gauge:after{inset:20px}.horizon .level-row{background:#f8fafc;border-radius:10px;padding:7px 9px}.horizon .level-row:first-child{background:#edf9f6}.horizon .level-row:nth-child(2){background:#eef8fc}.horizon .level-row:nth-child(3){background:#fff8e8}.horizon .level-row:nth-child(4){background:#f3f1fd}.horizon .level-row:nth-child(4) .meter i{background:var(--violet)}.horizon .alert-item{background:linear-gradient(90deg,#fff8fa,#fff);border-left:5px solid #efc1ca}.horizon .alert-item:first-child,.horizon .alert-item:nth-child(2){border-left-color:var(--rose)}.horizon .alert-item:nth-child(3){border-left-color:var(--orange)}.horizon .alert-item small:before{content:"⚑ ";color:var(--orange)}.horizon .chart-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px;display:grid}.horizon .chart-kpi{background:#f8fbfd;border:1px solid #e2eaf0;border-radius:11px;padding:9px 10px}.horizon .chart-kpi span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.59rem;font-weight:900;display:block}.horizon .chart-kpi strong{color:var(--navy);margin-top:2px;font-size:.88rem;display:block}.horizon .chart-kpi.good strong{color:var(--green)}.horizon .chart-kpi.warn strong{color:var(--orange)}.horizon .chart-wrap{height:270px;padding:2px 0 0}.horizon .grid-line{stroke:#e2e9ef;stroke-dasharray:4 5}.horizon .stock-line{stroke:var(--violet);stroke-width:4.5px;filter:drop-shadow(0 3px 4px #7557d62e)}.horizon .stock-area{fill:url(#areaFill)}.horizon .dot{stroke:var(--violet);stroke-width:3.5px}.horizon .dot.latest{fill:var(--violet);stroke:#fff;stroke-width:4px;filter:drop-shadow(0 2px 5px #7557d666)}.horizon .threshold-line{stroke:var(--orange);stroke-width:2px;stroke-dasharray:8 6}.horizon .threshold-text{fill:#b46320;font-size:10px;font-weight:900}.horizon .donut{background:conic-gradient(var(--violet) 0 36%,var(--green) 36% 62%,var(--cyan) 62% 81%,var(--orange) 81% 93%,var(--yellow) 93% 100%);width:186px;height:186px;box-shadow:0 9px 28px #1a415d1a}.horizon .donut:after{inset:31px}.horizon .pie-legend{gap:9px}.horizon .pie-legend span{background:#f8fafc;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;display:flex}.horizon .bars{background:repeating-linear-gradient(0deg,#fbfcfd 0 49px,#e9eff3 50px);border-bottom:0;border-radius:12px;height:260px;padding:16px 5px 28px}.horizon .bar{width:min(25px,38%);position:relative;box-shadow:0 5px 10px #193c521a}.horizon .bar.in{background:linear-gradient(180deg,#49c9a8,var(--green))}.horizon .bar.out{background:linear-gradient(180deg,#44bce4,var(--blue))}.horizon .bar:hover{filter:brightness(1.06);transform:translateY(-2px)}.horizon .bar-value{color:var(--navy);font-size:.56rem;font-weight:1000;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.horizon .top-items{--card-accent:linear-gradient(90deg,var(--orange),var(--rose));grid-column:span 7}.inventory-heal.horizon th{--card-accent:linear-gradient(90deg,var(--green),var(--yellow),var(--rose));grid-column:span 5}.horizon .hbar-list{gap:12px;padding-top:4px;display:grid}.horizon .hbar-row{grid-template-columns:150px minmax(120px,1fr) 44px;align-items:center;gap:10px;font-size:.7rem;display:grid}.horizon .hbar-name{color:var(--navy);font-weight:900}.horizon .hbar-track{background:#edf2f5;border-radius:999px;height:18px;overflow:hidden}.horizon .hbar-fill{background:linear-gradient(90deg,var(--orange),var(--rose));color:#fff;border-radius:999px;justify-content:flex-end;align-items:center;height:100%;padding-right:6px;font-size:.55rem;font-weight:1000;display:flex}.horizon .hbar-row:nth-child(2) .hbar-fill{background:linear-gradient(90deg,var(--cyan),var(--blue))}.horizon .hbar-row:nth-child(3) .hbar-fill{background:linear-gradient(90deg,var(--green),#45bd88)}.horizon .hbar-row:nth-child(4) .hbar-fill{background:linear-gradient(90deg,var(--violet),#9a78ef)}.horizon .hbar-row:nth-child(5) .hbar-fill{background:linear-gradient(90deg,var(--yellow),var(--orange))}.horizon .hbar-num{text-align:right;color:var(--navy);font-weight:1000}.horizon .health-stack{border-radius:999px;height:32px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #e3e9ed}.horizon .health-stack i{height:100%;display:block}.horizon .health-stack .healthy{background:linear-gradient(90deg,#33b98e,var(--green));width:77%}.horizon .health-stack .warning{background:linear-gradient(90deg,#f3cd4b,var(--orange));width:18%}.horizon .health-stack .critical{background:var(--rose);width:5%}.horizon .health-legend{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.horizon .health-box{text-align:center;border-radius:12px;padding:10px}.horizon .health-box strong{font-size:1.15rem;display:block}.horizon .health-box span{font-size:.59rem;font-weight:900}.horizon .health-box.healthy{background:var(--green-soft);color:var(--green)}.horizon .health-box.warning{background:var(--yellow-soft);color:#9a7000}.horizon .health-box.critical{background:var(--rose-soft);color:var(--rose)}.horizon .health-note{color:var(--muted);background:#f7f9fc;border-radius:11px;margin-top:13px;padding:10px 11px;font-size:.66rem}.horizon .health-note b{color:var(--navy)}.horizon thead .table-card th{color:#536e80;background:linear-gradient(#f9fbfd,#f0f5f8)}.horizon .table-card tbody tr:hover{background:#f7fbfd}.horizon .table-card .status.in{background:#e1f8f0}.horizon .table-card .status.out{background:#e6f6fc}.horizon .table-card .status.low{color:var(--rose);background:#fff0f4}.horizon .spec-card{--card-accent:linear-gradient(90deg,var(--navy),var(--violet))}@media (max-width:1180px){.horizon .top-items,.inventory-heal.horizon th{grid-column:span 12}}@media (max-width:820px){.horizon .chart-kpis{grid-template-columns:1fr 1fr 1fr}.horizon .hbar-row{grid-template-columns:120px 1fr 38px}.horizon .health-legend{grid-template-columns:1fr 1fr 1fr}}@media (max-width:520px){.horizon .quick-stats,.horizon .chart-kpis{grid-template-columns:1fr}.horizon .hbar-row{grid-template-columns:105px 1fr 34px}.horizon .health-legend{grid-template-columns:1fr}.horizon .page-header{padding:15px}.horizon .info-chip{font-size:.62rem}}.horizon{color:#17222d;background:#f3f7fa;font-size:19px;line-height:1.6}.horizon .app-switcher{background:#fff;border-bottom:2px solid #cbd9e2;gap:24px;height:auto;min-height:78px;padding:10px clamp(16px,3vw,40px)}.horizon .inventory-shell{width:100%;min-height:calc(100vh - 78px);display:block}.horizon .sidebar{display:none!important}.horizon .main{max-width:none;margin:0;padding:28px clamp(18px,3vw,46px) 56px;width:100%!important;margin-left:0!important}.horizon .switch-brand .brand-mark,.horizon .switch-brand .system-logo{object-fit:contain;width:auto;height:52px;max-height:52px;box-shadow:none;background:0 0;border-radius:0;font-size:0}.horizon .switch-brand span{color:#466477;letter-spacing:.04em;font-size:.72rem;font-weight:900}.horizon .switch-brand strong{font-size:1.05rem}.horizon .view-tabs{background:#e9f1f6;border:1px solid #cfdee7;align-items:stretch;padding:6px}.horizon .view-tab{border-radius:12px;min-height:54px;padding:0 22px;font-size:.92rem}.horizon .view-tab.active{box-shadow:0 3px 10px #173b5d1f}.horizon .view-tab.frontdesk{color:#fff;text-align:left;background:#07856f;border:3px solid #056c5c;justify-content:center;align-items:center;gap:11px;min-width:245px;padding:7px 20px;line-height:1.15;display:flex;box-shadow:0 5px #055b4e,0 5px 16px #07856f3d}.horizon .view-tab.frontdesk:hover{background:#067766}.horizon .view-tab.frontdesk:focus-visible{outline-offset:3px;outline:4px solid #f0b429}.horizon .view-tab.frontdesk.active{color:#fff;background:#075e56;border-color:#054d47;box-shadow:inset 0 0 0 2px #ffffff38,0 4px #043f3a}.horizon .frontdesk-cta-icon{color:#07856f;background:#fff;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;font-size:1.15rem;display:grid}.horizon .frontdesk-cta-copy strong,.horizon .frontdesk-cta-copy small{display:block}.horizon .frontdesk-cta-copy strong{letter-spacing:.02em;font-size:1rem}.horizon .frontdesk-cta-copy small{color:#e8fff9;margin-top:3px;font-size:.68rem;font-weight:800}.horizon .main{padding:28px clamp(18px,3vw,46px) 56px}.horizon .page-header{background:0 0;border:0;border-radius:0;padding:6px 2px 12px}.horizon .page-header.simple-title{display:block}.horizon .eyebrow{letter-spacing:.06em;font-size:.82rem}.horizon .header-copy{color:#435a69;max-width:900px;font-size:1rem}.horizon .info-chip{border-width:2px;padding:8px 12px;font-size:.76rem}.horizon .header-actions{align-self:center;min-width:410px}.horizon .btn{border:2px solid #91a8b7;border-radius:14px;min-height:58px;padding:0 22px;font-size:.9rem}.horizon .btn.primary{border-color:#08786f;box-shadow:0 4px #05665f}.horizon .quick-stat{border:2px solid #e0e8ee;border-radius:18px;min-height:160px;padding:21px 22px 16px}.horizon .quick-stat .label{color:#304c60;font-size:.9rem}.horizon .quick-stat .value small{font-size:.78rem}.horizon .stat-icon{width:48px;height:48px;font-size:1.3rem}.horizon .card{border:2px solid #dbe5eb;border-radius:20px}.horizon .card-head{padding:22px 24px 15px}.horizon .card-title{font-size:1.2rem}.horizon .card-sub{color:#526878;font-size:.82rem}.horizon .card-badge{border-width:2px;padding:7px 11px;font-size:.76rem}.card-.horizon{padding:0 24px 24px}.horizon .dashboard-grid{gap:22px}.horizon .stock-level,.horizon .low-stock{grid-column:span 6}.horizon .line-chart{grid-column:span 8}.horizon .pie-chart{grid-column:span 4}.horizon .bar-chart,.horizon .top-items{grid-column:span 6}.horizon .inventory-health,.horizon .stock-in,.horizon .stock-out{grid-column:span 12}.horizon .stock-level-main{grid-template-columns:210px 1fr;gap:28px}.horizon .gauge{width:190px;height:190px}.horizon .gauge-value strong{font-size:2.35rem}.horizon .gauge-value span{font-size:.82rem}.horizon .level-list{gap:14px}.horizon .level-row{grid-template-columns:minmax(145px,1fr) 2fr 70px;min-height:48px;padding:9px 11px;font-size:.86rem}.horizon .meter{height:14px}.horizon .level-count{font-size:.95rem}.horizon .alert-summary{border:2px solid #f0c6c6;padding:16px 17px}.horizon .alert-summary .big{font-size:2rem}.horizon .alert-summary strong{font-size:1rem}.horizon .alert-summary span{font-size:.82rem}.horizon .alert-item{border-width:2px 2px 2px 7px;min-height:70px;padding:13px 14px}.horizon .alert-item strong{font-size:.95rem}.horizon .alert-item small{font-size:.78rem}.horizon .qty-pill{min-width:58px;padding:8px 10px;font-size:.9rem}.horizon .chart-kpis{gap:10px;margin-bottom:14px}.horizon .chart-kpi{border:2px solid #e2eaf0;padding:11px 12px}.horizon .chart-kpi span{font-size:.72rem}.horizon .chart-kpi strong{font-size:1.02rem}.horizon .chart-wrap{height:320px}.horizon .axis-label{fill:#526879;font-size:14px}.horizon .threshold-text{font-size:13px}.horizon .donut{width:210px;height:210px}.horizon .donut-center strong{font-size:1.8rem}.horizon .donut-center span{font-size:.78rem}.horizon .pie-legend{font-size:.8rem}.horizon .pie-legend span{padding:9px}.horizon .bars{height:300px}.horizon .bar-group span{font-size:.76rem}.horizon .bar-value{font-size:.72rem}.horizon .hbar-row{min-height:52px;font-size:.84rem}.horizon .health-box strong{font-size:1.35rem}.horizon .health-box span{font-size:.76rem}.horizon .health-note{font-size:.84rem;line-height:1.65}.horizon .table-card table{min-width:760px}.horizon .table-card th,.horizon .table-card td{padding:15px 18px}.horizon .table-card th{color:#405b6d;background:#eef4f7;font-size:.78rem}.horizon .table-card td{font-size:.88rem}.horizon .table-card .status{padding:6px 9px;font-size:.76rem}.horizon .table-footer{padding:14px 18px 8px;font-size:.78rem}.horizon .spec-card{display:none!important}.horizon .frontdesk-toolbar{border-bottom:2px solid #cad8e1;height:66px;padding:0 22px}.horizon .frontdesk-toolbar strong{font-size:1rem}.horizon .frontdesk-toolbar span{font-size:.78rem}.horizon .frontdesk-toolbar .btn{min-height:48px}.horizon #frontdeskView{height:calc(100vh - 78px)}.horizon #frontdeskFrame{height:calc(100% - 66px)}@media (max-width:1100px){.horizon .stock-level,.horizon .low-stock,.horizon .line-chart,.horizon .pie-chart,.horizon .bar-chart,.horizon .top-items{grid-column:span 12}.horizon .header-actions{width:100%;min-width:0}.horizon .page-header{flex-direction:column}.horizon .header-actions .btn{flex:1}.horizon .quick-stats{grid-template-columns:1fr 1fr}}@media (max-width:720px){.horizon{font-size:17px}.horizon .app-switcher{padding:8px 10px}.horizon .switch-brand{display:none}.horizon .view-tabs{grid-template-columns:.72fr 1.28fr;width:100%;display:grid}.horizon .view-tab{min-width:0;min-height:54px;padding:0 10px}.horizon .view-tab.frontdesk{min-width:0;padding:7px 10px}.horizon .frontdesk-cta-copy strong{font-size:.9rem}.horizon .frontdesk-cta-copy small{font-size:.6rem}.horizon .main{padding:16px 12px 36px}.horizon .page-header{padding:4px 2px 10px}.horizon .header-actions{grid-template-columns:1fr;display:grid}.horizon .quick-stats{grid-template-columns:1fr}.horizon .quick-stat{min-height:136px}.horizon .dashboard-grid{gap:14px}.horizon .stock-level-main{grid-template-columns:1fr}.horizon .level-row{grid-template-columns:120px 1fr 55px}.horizon .card-head{padding:18px 16px 12px}.card-.horizon{padding:0 16px 18px}.horizon .chart-wrap{height:260px}.horizon .frontdesk-toolbar span{display:none}}.horizon .quick-stats{gap:14px;margin:16px 0 20px}.horizon .quick-stat .label{font-size:.86rem}.horizon .quick-stat .trend{margin-top:2px;font-size:.74rem}.horizon .stat-icon{border-radius:11px;width:40px;height:40px;font-size:1.15rem}@media (max-width:720px){.horizon .quick-stat{min-height:110px;padding:12px 15px 9px}.horizon .quick-stat .value{font-size:1.75rem}.horizon .stat-spark{height:20px}}.horizon h1{font-size:clamp(.9rem,1.4vw,1.25rem)}.horizon .quick-stat{min-height:89px;padding:10px 15px 8px}.horizon .quick-stat .value{margin-top:1px;font-size:1.72rem}.horizon .quick-stat .trend{margin-top:1px}.horizon .stat-spark{height:17px;margin-top:1px}@media (max-width:720px){.horizon h1{font-size:clamp(.9rem,4.3vw,1.1rem)}.horizon .quick-stat{min-height:83px;padding:9px 13px 7px}.horizon .quick-stat .value{font-size:1.58rem}.horizon .stat-spark{height:15px}}.horizon-actions{flex:none;align-items:center;gap:10px;display:flex}.horizon-actions select{border:1px solid var(--line);min-height:40px;color:var(--navy);background:#fff;border-radius:10px;font-weight:700}@media (max-width:820px){.horizon .app-switcher{flex-flow:wrap;align-items:center}.horizon .switch-brand{flex:none;display:flex}.horizon .switch-brand>div{display:none}.horizon .switch-brand .system-logo{height:40px}.horizon .horizon-actions{width:auto;margin-left:auto}.horizon .view-tabs{flex:100%}}.horizon .app-switcher,.horizon .main{padding-left:clamp(18px,3vw,40px);padding-right:clamp(18px,3vw,40px)}.horizon .page{padding:0!important}@media print{.horizon .app-switcher,.horizon .frontdesk-toolbar{display:none!important}.horizon .main{padding:0!important}}.horizon .view-tabs{margin-left:auto}.horizon .table-card table{min-width:0}