:root{--navy-950:#0e182c;--navy-900:#14213a;--navy-800:#1c2b48;--blue:#376ee8;--blue-dark:#2659ca;--blue-soft:#edf3ff;--green:#159b6b;--green-soft:#eaf8f2;--amber:#d79221;--amber-soft:#fff6e5;--red:#df5a55;--red-soft:#fff0ef;--ink:#172033;--muted:#6f7c90;--subtle:#97a1b1;--border:#e3e8ef;--surface:#fff;--canvas:#f5f7fa;--shadow:0 1px 2px #15203308, 0 8px 24px #15203309}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}button,input,select{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:2px;outline:3px solid #376ee840}.app-shell{min-height:100vh}.sidebar{z-index:50;background:linear-gradient(180deg, var(--navy-950), var(--navy-900));color:#fff;flex-direction:column;width:236px;padding:24px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;min-height:43px;padding:3px 12px 30px 19px;display:flex;position:relative}.brand:before{content:"";background:linear-gradient(#6898ff,#376ee8);border-radius:99px;width:3px;height:35px;position:absolute;top:3px;left:8px;box-shadow:0 0 14px #376ee859}.brand-copy{min-width:0}.brand-copy>strong{color:#f7f9fd;letter-spacing:.04em;font-size:17px;font-weight:800;line-height:1.1;display:block}.brand-copy>span{color:#7485a2;letter-spacing:.14em;white-space:nowrap;margin-top:7px;font-size:6.5px;font-weight:750;display:block}.nav-section-label{color:#71819d;letter-spacing:.15em;margin:0 10px 9px;font-size:9px;font-weight:700}.nav-second{margin-top:22px}.nav-item{color:#aebbd0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 12px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#3f76ee40,#3f76ee1f);box-shadow:inset 3px 0 #4f82ef}.nav-item em{color:#ff918b;background:#ef655d2e;border-radius:99px;place-items:center;min-width:22px;height:20px;margin-left:auto;padding:0 6px;font-size:10px;font-style:normal;display:grid}.sidebar-user{border-top:1px solid #ffffff12;align-items:center;gap:9px;margin:auto -2px -4px;padding:13px 8px 0;display:flex}.avatar{background:#315caa;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.sidebar-user>div:nth-child(2){flex:1;min-width:0}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user strong{font-size:10px}.sidebar-user span{color:#8291aa;margin-top:3px;font-size:9px}.mobile-close{display:none}.main-shell{min-height:100vh;margin-left:236px}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #dde3ebe6;justify-content:space-between;align-items:center;height:66px;padding:0 28px 0 31px;display:flex;position:sticky;top:0}.company-context{align-items:center;gap:17px;display:flex}.company-context strong{letter-spacing:-.1px;font-size:13px}.topbar-controls{align-items:center;gap:8px;display:flex}.context-switcher{background:linear-gradient(#fbfcfe,#f6f8fb);border:1px solid #dfe5ed;border-radius:11px;align-items:center;gap:4px;min-height:40px;padding:4px;display:flex;box-shadow:0 1px 2px #1420360a,inset 0 1px #fffc}.switcher-leading{color:#718097;align-items:center;gap:5px;height:30px;padding:0 7px;display:flex}.switcher-leading small{letter-spacing:.06em;font-size:8px;font-weight:800}.switcher-leading.icon-only{color:var(--blue);padding-inline:6px 4px}.switcher-options{align-items:center;gap:2px;display:flex}.switcher-options button{color:#6e7a8e;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:46px;height:30px;padding:0 9px;font-size:10px;font-weight:700;transition:color .16s,background .16s,box-shadow .16s,transform .16s}.switcher-options button:hover{color:var(--ink);background:#ffffffb8}.switcher-options button.active{color:#245ccf;background:#fff;box-shadow:0 2px 7px #1c335b21,inset 0 0 0 1px #376ee81a}.switcher-options button:active{transform:translateY(1px)}.role-switcher .switcher-options button{min-width:49px}.mobile-context-selects{align-items:center;gap:5px;display:none}.select-control{border:1px solid var(--border);min-height:34px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:10px;display:flex}.select-control select{max-width:156px;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-size:11px;font-weight:600}.role-select{color:var(--blue);background:#f8faff;border-color:#dbe5fa}.department-select{max-width:174px}.icon-button{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.notification span{background:var(--red);border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.mobile-menu{display:none}.content{max-width:1510px;margin:0 auto;padding:27px 31px 44px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:79px;margin-bottom:22px;display:flex}.page-header p{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:9px;font-weight:800}.page-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.1vw,32px);font-weight:800;line-height:1.15}.page-header>div>span{color:var(--muted);margin-top:8px;font-size:12px;display:block}.period-control-wrap{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.segmented{border:1px solid var(--border);background:#fff;border-radius:9px;padding:3px;display:inline-flex;box-shadow:0 1px 2px #141e3208}.segmented button{min-width:62px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:10px;font-weight:700}.segmented button.selected{color:#fff;background:var(--navy-800);box-shadow:0 3px 8px #14213a2e}.period-control-wrap small{color:var(--subtle);align-items:center;gap:5px;font-size:9px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.kpi-card{border:1px solid var(--border);background:var(--surface);min-height:153px;box-shadow:var(--shadow);border-radius:13px;padding:15px 16px 14px;position:relative;overflow:hidden}.kpi-card:after{content:"";background:linear-gradient(90deg, var(--blue), transparent 65%);opacity:.55;height:2px;position:absolute;bottom:0;left:0;right:0}.kpi-topline{justify-content:space-between;align-items:center;display:flex}.kpi-icon{width:32px;height:32px;color:var(--blue);background:var(--blue-soft);border-radius:9px;place-items:center;display:grid}.data-source{color:#8490a3;background:#f4f6f8;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:700}.kpi-label{color:var(--muted);margin:12px 0 4px;font-size:10px;font-weight:650}.kpi-value-row{align-items:baseline;gap:8px;display:flex}.kpi-value-row strong{letter-spacing:-.04em;white-space:nowrap;font-size:clamp(18px,1.6vw,23px);line-height:1.1}.kpi-value-row span{align-items:center;font-size:9px;font-weight:800;display:inline-flex}.delta-positive,.positive-text{color:var(--green)}.delta-negative,.negative-text{color:var(--red)}.kpi-detail{color:var(--subtle);margin:7px 0 0;font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);gap:14px;margin-bottom:14px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:13px}.panel-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:15px 18px 12px;display:flex}.panel-header h2{letter-spacing:-.02em;margin:0;font-size:13px}.panel-header p{color:var(--subtle);margin:4px 0 0;font-size:9px}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:9px;font-weight:700;display:inline-flex}.chart-wrap{height:280px;padding:9px 13px 10px 7px}.compact-alerts{padding:4px 12px 8px}.compact-alert{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:51px;padding:7px 5px;display:grid}.compact-alert:last-child{border-bottom:0}.compact-alert:hover{background:#fafbfd}.compact-alert>span:nth-child(2){min-width:0}.compact-alert strong,.compact-alert small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.compact-alert strong{font-size:10px;font-weight:700}.compact-alert small{color:var(--subtle);margin-top:4px;font-size:8px}.compact-alert em{color:var(--muted);white-space:nowrap;font-size:8px;font-style:normal}.severity-icon{border-radius:7px;place-items:center;width:25px;height:25px;display:inline-grid}.severity-critical{color:var(--red);background:var(--red-soft)}.severity-warning{color:var(--amber);background:var(--amber-soft)}.severity-info{color:var(--green);background:var(--green-soft)}.table-panel{overflow:hidden}.data-table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:790px}.data-table th{border-bottom:1px solid var(--border);color:#8994a5;text-align:left;white-space:nowrap;background:#fafbfd;height:35px;padding:0 15px;font-size:8px;font-weight:700}.data-table td{color:#5d697d;white-space:nowrap;border-bottom:1px solid #edf0f4;height:47px;padding:0 15px;font-size:9px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer;transition:background .15s}.data-table tbody tr:hover,.data-table tbody tr.selected-row{background:#f7faff}.data-table td strong{color:var(--ink);font-size:10px}.data-table td small{color:var(--subtle)}.status-badge,.workflow-status{border-radius:99px;justify-content:center;align-items:center;min-width:43px;height:21px;padding:0 7px;font-size:8px;font-weight:800;display:inline-flex}.status-好調{color:var(--green);background:var(--green-soft)}.status-安定{color:var(--blue);background:var(--blue-soft)}.status-要確認{color:var(--amber);background:var(--amber-soft)}.progress-cell{align-items:center;gap:7px;min-width:104px;display:flex}.progress-cell>div{background:#edf1f5;border-radius:99px;width:60px;height:4px;overflow:hidden}.progress-cell>div span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), #5d8cf0);height:100%;display:block}.row-action{border:1px solid var(--border);width:27px;height:27px;color:var(--muted);cursor:pointer;background:#fff;border-radius:7px;place-items:center;padding:0;display:grid}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.summary-item{border:1px solid var(--border);min-height:77px;box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:11px;padding:14px;display:flex}.summary-icon{width:37px;height:37px;color:var(--blue);background:var(--blue-soft);border-radius:10px;flex:none;place-items:center;display:grid}.summary-icon.red{color:var(--red);background:var(--red-soft)}.summary-icon.amber{color:var(--amber);background:var(--amber-soft)}.summary-icon.green{color:var(--green);background:var(--green-soft)}.summary-item small,.summary-item strong{display:block}.summary-item small{color:var(--muted);font-size:9px}.summary-item strong{letter-spacing:-.03em;margin-top:4px;font-size:16px}.units-explorer{overflow:hidden}.explorer-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:14px 18px;display:flex}.explorer-toolbar h2{margin:0;font-size:14px}.explorer-toolbar p{color:var(--subtle);margin:4px 0 0;font-size:9px}.search-box{border:1px solid var(--border);width:220px;height:36px;color:var(--subtle);background:#fafbfd;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px}.unit-layout{grid-template-columns:minmax(0,1fr) 276px;display:grid}.unit-list{border-right:1px solid var(--border);min-width:0}.unit-detail{background:linear-gradient(#fbfcff,#fff);padding:20px}.unit-detail-heading{align-items:center;gap:10px;display:flex}.unit-detail-heading>span{color:#fff;background:var(--navy-800);border-radius:10px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.unit-detail-heading small{color:var(--subtle);font-size:8px}.unit-detail-heading h3{margin:3px 0 0;font-size:13px}.unit-manager{background:#f4f7fb;border-radius:10px;align-items:center;gap:9px;margin:17px 0;padding:12px;display:flex}.mini-avatar{color:#fff;background:#5a77a8;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.unit-manager small,.unit-manager strong{display:block}.unit-manager small{color:var(--subtle);font-size:8px}.unit-manager strong{margin-top:2px;font-size:10px}.detail-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-metrics div{border:1px solid var(--border);background:#fff;border-radius:9px;padding:11px}.detail-metrics small,.detail-metrics strong{display:block}.detail-metrics small{color:var(--subtle);font-size:8px}.detail-metrics strong{margin-top:5px;font-size:13px}.primary-button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:37px;margin-top:16px;font-size:9px;font-weight:750;display:flex}.primary-button:hover{background:var(--blue-dark)}.alert-table-panel{overflow:hidden}.filter-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.segmented.compact button{min-width:55px;height:27px}.filter-select{width:144px}.alert-table{min-width:900px}.alert-title-cell{align-items:center;gap:8px;display:flex}.source-pill{color:#67758a;background:#f1f4f7;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:750}.critical-text{color:var(--red)!important}.workflow-未対応{color:var(--red);background:var(--red-soft)}.workflow-確認中{color:var(--amber);background:var(--amber-soft)}.workflow-対応済み{color:var(--green);background:var(--green-soft)}.empty-state{min-height:250px;color:var(--green);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg{width:35px;height:35px}.empty-state strong{color:var(--ink);margin-top:10px;font-size:12px}.empty-state span{color:var(--subtle);margin-top:5px;font-size:9px}.definition-note{color:var(--blue);background:#f6f9ff;border:1px solid #cfe0ff;border-radius:11px;align-items:center;gap:11px;margin-bottom:15px;padding:14px 16px;display:flex}.definition-note strong,.definition-note span{display:block}.definition-note strong{color:#274d99;font-size:10px}.definition-note span{color:#6f82a8;margin-top:3px;font-size:9px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--border);min-height:190px;box-shadow:var(--shadow);background:#fff;border-radius:13px;gap:15px;padding:19px;display:flex}.metric-number{color:#ccd4e1;letter-spacing:.1em;font-size:10px;font-weight:800}.metric-content{flex:1;min-width:0}.metric-content h2{margin:0 0 9px;font-size:16px}.metric-content code{color:#315baf;background:var(--blue-soft);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:10px;font-weight:700;display:block}.metric-content dl{margin:13px 0 0}.metric-content dl>div{border-bottom:1px solid #edf0f4;grid-template-columns:65px 1fr;gap:8px;padding:5px 0;display:grid}.metric-content dl>div:last-child{border-bottom:0}.metric-content dt{color:var(--subtle);font-size:8px}.metric-content dd{color:#596579;margin:0;font-size:9px}.settings-layout{grid-template-columns:1fr 1fr;gap:14px;display:grid}.setting-card{padding:20px}.setting-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.setting-icon{width:40px;height:40px;color:var(--blue);background:var(--blue-soft);border-radius:10px;place-items:center;display:grid}.setting-icon svg{width:19px}.setting-heading h2{margin:0;font-size:14px}.setting-heading p{color:var(--subtle);margin:5px 0 0;font-size:9px}.choice-grid{gap:9px;display:grid}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:11px;flex-direction:column;align-items:flex-start;min-height:134px;padding:15px 12px;transition:all .18s;display:flex;position:relative}.choice-card:hover{border-color:#c3d4f5;transform:translateY(-1px)}.choice-card.active{background:#f8faff;border-color:#8aabef;box-shadow:inset 0 0 0 1px #b8cdf6}.choice-icon{border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:11px;display:grid}.choice-icon svg{width:17px}.choice-icon.blue{color:var(--blue);background:var(--blue-soft)}.choice-icon.amber{color:var(--amber);background:var(--amber-soft)}.choice-icon.green{color:var(--green);background:var(--green-soft)}.choice-card strong{font-size:11px}.choice-card small{color:var(--subtle);margin-top:5px;font-size:8px;line-height:1.5}.choice-check{width:16px;color:var(--blue);position:absolute;top:10px;right:10px}.department-setting{margin-top:13px;display:block}.department-setting span{color:var(--muted);margin-bottom:6px;font-size:9px;font-weight:700;display:block}.department-setting select{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;height:38px;padding:0 10px;font-size:10px}.demo-disclaimer{color:var(--amber);background:var(--amber-soft);border-radius:9px;align-items:flex-start;gap:9px;margin-top:16px;padding:12px;display:flex}.demo-disclaimer p{margin:0}.demo-disclaimer strong,.demo-disclaimer span{display:block}.demo-disclaimer strong{color:#966616;font-size:9px}.demo-disclaimer span{color:#987b4b;margin-top:4px;font-size:8px;line-height:1.55}.nav-backdrop{display:none}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.alerts-panel{min-height:auto}.settings-layout{grid-template-columns:1fr}.topbar{padding-inline:20px}.topbar .select-control>span,.topbar .icon-button,.switcher-leading small{display:none}.switcher-leading{padding-inline:5px 2px}}@media (max-width:920px){.sidebar{transition:transform .22s;transform:translate(-100%);box-shadow:16px 0 40px #0b142447}.sidebar.sidebar-open{transform:translate(0)}.mobile-close{color:#8f9db5;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:18px;right:12px}.mobile-close svg{width:18px}.nav-backdrop{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#09101e73;border:0;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.mobile-menu{background:var(--blue-soft);width:34px;height:34px;color:var(--blue);border:0;border-radius:8px;place-items:center;display:grid}.mobile-menu svg{width:19px}.topbar{justify-content:flex-start;gap:11px}.topbar-controls{margin-left:auto}.content{padding:24px 20px 40px}.unit-layout{grid-template-columns:1fr}.unit-list{border-right:0;border-bottom:1px solid var(--border)}.unit-detail{grid-template-columns:1fr 1fr;align-items:center;gap:14px;display:grid}.unit-manager{margin:0}.detail-metrics{grid-column:1/-1}.primary-button{grid-column:1/-1;margin-top:0}}@media (max-width:680px){.topbar{height:60px;padding-inline:13px}.company-context strong{font-size:11px}.topbar-controls{gap:5px}.context-switcher,.department-select{display:none}.mobile-context-selects{display:flex}.select-control{min-height:32px;padding-inline:6px}.select-control select{max-width:73px;font-size:10px}.content{padding:21px 13px 34px}.page-header{flex-direction:column;min-height:auto;margin-bottom:18px}.page-header h1{font-size:25px}.period-control-wrap{align-items:flex-start;width:100%}.segmented{width:100%}.segmented button{flex:1;min-width:0}.kpi-grid,.summary-strip,.metrics-grid{grid-template-columns:1fr}.kpi-card{min-height:140px}.chart-wrap{height:250px}.panel-header{align-items:flex-start}.panel-header .text-button{flex:none}.explorer-toolbar{flex-direction:column;align-items:flex-start}.search-box{width:100%}.unit-detail{display:block}.unit-manager{margin:14px 0}.primary-button{margin-top:13px}.filter-toolbar{flex-direction:column;align-items:stretch}.filter-select{justify-content:space-between;width:100%}.choice-grid.three,.choice-grid.two{grid-template-columns:1fr}.choice-card{min-height:112px}.alerts-summary{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}