.panel-shell{--pn:#062f60;--pb:#076ab6;--pt:#08a29a;--pi:#163c59;--pm:#607789;--pl:#d7e3e9;min-height:100vh;color:var(--pi);background:#f3f7f9;font-family:Arial,Helvetica,sans-serif;display:flex}.panel-shell *{box-sizing:border-box}.panel-shell button,.panel-shell input,.panel-shell select{font:inherit}.panel-sidebar{color:#fff;z-index:30;background:linear-gradient(#062f60,#074b72);flex-direction:column;width:250px;padding:25px 17px;display:flex;position:fixed;inset:0 auto 0 0}.panel-logo{color:var(--pn);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:6px 11px;text-decoration:none;display:flex}.panel-logo img{width:130px;height:auto}.panel-logo b{border-left:1px solid #bdd0da;padding-left:10px;font-size:.82rem}.panel-context{padding:26px 10px 15px}.panel-context small,.panel-context strong{display:block}.panel-context small{color:#96c5d6;letter-spacing:.1em;font-size:.67rem;font-weight:800}.panel-context strong{margin-top:5px}.panel-sidebar nav{gap:5px;display:grid}.panel-sidebar nav button,.panel-sidebar-bottom button,.panel-sidebar-bottom a{color:#d7e8ee;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px;font-weight:700;text-decoration:none;display:flex}.panel-sidebar nav button:hover,.panel-sidebar nav button.active,.panel-sidebar-bottom button:hover,.panel-sidebar-bottom a:hover{color:#fff;background:#ffffff1f}.panel-sidebar nav button.active{box-shadow:inset 4px 0 #50dace}.panel-sidebar-bottom{border-top:1px solid #ffffff24;margin-top:auto;padding-top:12px}.panel-close{display:none}.panel-workspace{width:calc(100% - 250px);margin-left:250px}.panel-topbar{border-bottom:1px solid var(--pl);z-index:20;background:#fff;align-items:center;gap:18px;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.panel-search{color:#6b8190;background:#f3f7f9;border:1px solid #d4e1e7;border-radius:11px;flex:1;align-items:center;gap:10px;max-width:480px;height:44px;padding:0 13px;display:flex}.panel-search input{width:100%;color:var(--pi);background:0 0;border:0;outline:0}.panel-notification{border:1px solid var(--pl);width:43px;height:43px;color:var(--pn);background:#fff;border-radius:11px;place-items:center;margin-left:auto;display:grid;position:relative}.panel-notification i{background:#e04b4b;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:8px}.panel-user{align-items:center;gap:10px;display:flex}.panel-user>span{color:#08796f;background:#dff3ef;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.panel-user b,.panel-user small{display:block}.panel-user small{color:var(--pm);font-size:.74rem}.panel-menu{display:none}.panel-content{max-width:1600px;margin:auto;padding:28px 30px 38px}.demo-notice{color:#27605f;background:#eefaf8;border:1px solid #a9d8d2;border-radius:11px;align-items:center;gap:9px;margin-bottom:24px;padding:11px 14px;display:flex}.demo-notice svg{color:var(--pt);flex:none}.panel-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.panel-kicker{color:#087b8b;letter-spacing:.11em;font-size:.7rem;font-weight:900}.panel-heading h1{letter-spacing:-.035em;color:var(--pn);margin:7px 0 5px;font-size:2.45rem;line-height:1.05}.panel-heading p{color:var(--pm);margin:0;font-size:.84rem}.territory-select{color:var(--pm);gap:5px;font-size:.74rem;font-weight:800;display:grid;position:relative}.territory-select select{-webkit-appearance:none;appearance:none;min-width:220px;height:46px;color:var(--pn);background:#fff;border:1px solid #cddce4;border-radius:10px;padding:0 40px 0 13px;font-weight:800}.territory-select svg{pointer-events:none;position:absolute;bottom:14px;right:13px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.metric-grid article{border:1px solid var(--pl);background:#fff;border-radius:16px;grid-template-columns:auto 1fr;column-gap:12px;padding:19px;display:grid;box-shadow:0 7px 24px #103f5b0a}.metric-icon{border-radius:12px;grid-row:1/4;place-items:center;width:43px;height:43px;display:grid}.metric-icon svg{width:21px}.metric-icon.blue{color:#0871bf;background:#e3f1fb}.metric-icon.teal{color:#078c83;background:#dff6f2}.metric-icon.gold{color:#ad7000;background:#fff1d6}.metric-icon.violet{color:#694bab;background:#eee9fa}.metric-grid span{color:var(--pm);font-size:.79rem;font-weight:700}.metric-grid strong{color:var(--pn);margin:3px 0;font-size:1.8rem;line-height:1.1}.metric-grid small{color:var(--pm);font-size:.7rem}.metric-grid small svg{vertical-align:middle;width:13px;height:13px}.metric-grid .positive{color:#087f72}.panel-main-grid{grid-template-columns:1.55fr .85fr;gap:16px;margin-bottom:16px;display:grid}.panel-card{border:1px solid var(--pl);background:#fff;border-radius:17px;padding:21px;box-shadow:0 7px 24px #103f5b0a}.card-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.card-heading h2{color:var(--pn);margin:5px 0;font-size:1.16rem}.card-heading button{color:#38617a;background:#fff;border:1px solid #cfdee5;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:.76rem;font-weight:750;display:flex}.chart-wrap{grid-template-columns:42px 1fr;height:250px;margin-top:15px;display:grid}.chart-y{color:#8093a0;flex-direction:column;justify-content:space-between;padding-bottom:24px;font-size:.67rem;display:flex}.line-chart{background:repeating-linear-gradient(#e8eff3 0 1px,#0000 1px 25%);position:relative}.line-chart svg{width:100%;height:215px;overflow:visible}.line-chart .area{fill:url(#area)}.line-chart .line{fill:none;stroke:#08a29a;stroke-width:5px;stroke-linecap:round}.line-chart circle{fill:#fff;stroke:#08a29a;stroke-width:4px}.chart-x{color:#8093a0;justify-content:space-between;font-size:.67rem;display:flex}.chart-summary{color:var(--pm);border-top:1px solid #e1eaee;gap:25px;margin-top:10px;padding-top:13px;font-size:.77rem;display:flex}.chart-summary span{align-items:center;gap:7px;display:flex}.chart-summary i{background:var(--pt);border-radius:50%;width:9px;height:9px}.chart-summary b{color:var(--pn)}.dimensions-card{flex-direction:column;display:flex}.dimension{margin-top:20px}.dimension>div:first-child{justify-content:space-between;font-size:.82rem;display:flex}.dimension b{color:var(--pn)}.progress{background:#eaf0f3;border-radius:8px;height:8px;margin-top:8px;overflow:hidden}.progress i{border-radius:8px;height:100%;display:block}.dimension-note{color:#27615e;background:#eef9f7;border-radius:11px;align-items:center;gap:10px;margin-top:auto;padding:13px;font-size:.78rem;display:flex}.dimension-note svg{color:var(--pt);flex:none}.panel-lower-grid{grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px;display:grid}.program-list{margin-top:8px}.program-list>div{border-top:1px solid #e4ebef;grid-template-columns:9px 1fr 120px auto;align-items:center;gap:11px;padding:13px 0;display:grid}.program-dot{background:var(--pt);border-radius:50%;width:9px;height:9px}.program-list b,.program-list small{display:block}.program-list b{color:var(--pn);font-size:.84rem}.program-list small{color:var(--pm);margin-top:3px;font-size:.69rem}.program-progress{background:#e6eef2;border-radius:7px;height:7px;overflow:hidden}.program-progress i{background:linear-gradient(90deg,var(--pb),var(--pt));border-radius:7px;height:100%;display:block}.program-list em{color:#08776f;background:#e8f6f3;border-radius:12px;padding:5px 8px;font-size:.66rem;font-style:normal}.program-list em.attention{color:#895f08;background:#fff2d9}.alert-card .card-heading>svg{color:#d4931b}.alert-list>div{border-top:1px solid #e4ebef;grid-template-columns:8px 1fr auto;align-items:center;gap:11px;padding:13px 0;display:grid}.alert-list i{border-radius:6px;width:8px;height:34px}.alert-list i.high{background:#d95555}.alert-list i.medium{background:#e3a42f}.alert-list i.low{background:#399f97}.alert-list p{margin:0}.alert-list b,.alert-list span{display:block}.alert-list b{color:var(--pn);font-size:.82rem}.alert-list span{color:var(--pm);margin-top:3px;font-size:.68rem}.alert-list button{color:var(--pb);background:0 0;border:0;font-size:.73rem;font-weight:800}.privacy-note{color:#587487;background:#f1f6f8;border-radius:9px;align-items:center;gap:7px;padding:10px;font-size:.66rem;display:flex}.privacy-note svg{flex:none;width:17px}.territory-table{margin-bottom:16px}.table-scroll{overflow:auto}.territory-table table{border-collapse:collapse;width:100%;min-width:650px;margin-top:10px}.territory-table th,.territory-table td{text-align:left;border-top:1px solid #e3eaee;padding:13px 10px;font-size:.79rem}.territory-table th{color:var(--pm);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.territory-table td:first-child{color:var(--pn);align-items:center;gap:8px;display:flex}.territory-table td:first-child svg{width:17px;color:var(--pt)}.status-good,.status-watch{border-radius:12px;padding:5px 9px;font-size:.68rem;font-weight:800;display:inline-block}.status-good{color:#08786e;background:#e4f6f1}.status-watch{color:#875e08;background:#fff2d9}.panel-footer{color:var(--pm);align-items:center;gap:22px;padding:5px;font-size:.72rem;display:flex}.panel-footer span,.panel-footer a{align-items:center;gap:6px;display:flex}.panel-footer a{color:var(--pb);margin-left:auto;font-weight:800;text-decoration:none}.panel-footer svg{width:16px}.panel-shell button{cursor:pointer}@media (max-width:1150px){.metric-grid{grid-template-columns:1fr 1fr}.panel-main-grid,.panel-lower-grid{grid-template-columns:1fr}.dimensions-card{min-height:360px}}@media (max-width:800px){.panel-sidebar{transition:transform .25s;transform:translate(-100%)}.panel-sidebar.open{transform:none;box-shadow:20px 0 60px #04234040}.panel-close{color:var(--pn);background:0 0;border:0;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:8px;right:9px}.panel-workspace{width:100%;margin-left:0}.panel-menu{color:var(--pn);background:0 0;border:0;place-items:center;display:grid}.panel-search{display:none}.panel-topbar{padding:0 16px}.panel-user div{display:none}.panel-content{padding:20px 15px 30px}.panel-heading{flex-direction:column;align-items:flex-start}.territory-select,.territory-select select{width:100%}.metric-grid{grid-template-columns:1fr 1fr}.panel-footer{flex-direction:column;align-items:flex-start}.panel-footer a{margin-left:0}.demo-notice{align-items:flex-start}.panel-heading h1{font-size:2rem}}.panel-search{position:relative}.panel-search>button{color:var(--pm);background:0 0;border:0;place-items:center;padding:5px;display:grid}.search-results{border:1px solid var(--pl);z-index:50;background:#fff;padding:8px;position:absolute;top:52px;left:0;right:0;box-shadow:0 18px 45px #082d5529}.search-results button{text-align:left;width:100%;color:var(--pn);background:#fff;border:0;flex-direction:column;align-items:flex-start;padding:11px;display:flex}.search-results button:hover{background:#eef5f8}.search-results small{color:var(--pm);margin-top:3px}.search-results p{color:var(--pm);margin:0;padding:13px}.notification-wrap{margin-left:auto;position:relative}.notification-wrap .panel-notification{margin-left:0}.notification-panel{border:1px solid var(--pl);z-index:50;background:#fff;width:330px;padding:17px;position:absolute;top:52px;right:0;box-shadow:0 18px 45px #082d5529}.notification-panel>b{color:var(--pn)}.notification-panel p{border-bottom:1px solid #e3eaee;gap:3px;margin:0;padding:12px 0;display:grid}.notification-panel p span{color:var(--pm);font-size:.76rem}.notification-panel>button{color:var(--pb);background:0 0;border:0;margin-top:13px;font-weight:800}.functional-view,.settings-view{margin-bottom:16px}.service-register{margin-top:12px;display:grid}.service-register article{border-top:1px solid #e3eaee;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 4px;display:grid}.service-register svg{color:var(--pt)}.service-register b,.service-register span{display:block}.service-register span{color:var(--pm);margin-top:4px;font-size:.76rem}.service-register em{color:#08786e;background:#e4f6f1;padding:5px 9px;font-size:.7rem;font-style:normal;font-weight:800}.service-register em.attention{color:#875e08;background:#fff2d9}.governance-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.governance-grid>.panel-card>svg{color:var(--pt);margin-bottom:16px}.governance-grid h2,.settings-view h2{color:var(--pn)}.governance-grid p,.governance-grid li{color:var(--pm);line-height:1.55}.control-list p{border-top:1px solid #e3eaee;justify-content:space-between;margin:0;padding:14px 0;display:flex}.control-list span{color:#08786e;font-weight:800}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.settings-grid label{color:var(--pm);gap:7px;font-size:.78rem;font-weight:800;display:grid}.settings-grid input,.settings-grid select{height:46px;color:var(--pn);background:#fff;border:1px solid #cddce4;padding:0 12px}.settings-note{color:var(--pm);background:#eef5f8;margin:20px 0 0;padding:14px;font-size:.8rem}.settings-save{background:var(--pn);color:#fff;border:0;border-radius:9px;margin-top:18px;padding:12px 18px;font-weight:800}.settings-success{color:#08786e;align-items:center;gap:8px;margin:14px 0 0;font-size:.82rem;font-weight:800;display:flex}.settings-success svg{width:18px}@media (max-width:800px){.notification-panel{width:min(330px,100vw - 30px);right:-52px}.governance-grid,.settings-grid{grid-template-columns:1fr}.service-register article{grid-template-columns:auto 1fr}.service-register em{grid-column:2;width:max-content}.metric-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.metric-grid{grid-template-columns:1fr}.notification-panel{right:-95px}}@media (max-width:520px){.metric-grid{grid-template-columns:1fr}.metric-grid article{padding:17px}.chart-wrap{height:225px}.line-chart svg{height:190px}.chart-summary{flex-direction:column;align-items:flex-start;gap:7px}.program-list>div{grid-template-columns:9px 1fr auto}.program-progress{display:none}.card-heading button{font-size:.68rem}.panel-card{padding:17px}.panel-heading h1{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.panel-sidebar{transition:none}}.panel-shell{--pn:#071f3d;--pb:#145fb3;--pt:#0a8d84;--pm:#536b7c;--pl:#d5e0e7;background:#f3f6f8;font-family:Inter,Segoe UI,Arial,sans-serif}.panel-workspace{background-color:#f3f6f8;background-image:linear-gradient(#145fb306 1px,#0000 1px),linear-gradient(90deg,#145fb306 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.panel-sidebar{background:linear-gradient(#071f3d,#0a3a5b);border-right:1px solid #244c68}.panel-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom-color:#d5e0e7}.demo-notice{border-left:3px solid var(--pt);background:#edf5f5;border-radius:3px}.panel-card,.metric-grid article{border-radius:3px;position:relative;overflow:hidden;box-shadow:0 7px 24px #071f3d0b}.metric-grid article:before,.panel-card:before{content:"";background:linear-gradient(90deg,var(--pb),var(--pt),transparent);height:2px;position:absolute;top:0;left:0;right:42%}.metric-icon,.territory-select,.territory-select select,.panel-search,.panel-notification,.panel-user,.card-heading button,.progress,.program-progress,.privacy-note,.status-good,.status-watch,.settings-save{border-radius:3px}.panel-kicker{color:#0b6883;letter-spacing:.1em}.line-chart{background:repeating-linear-gradient(#dfe9ef 0 1px,#0000 1px 25%),repeating-linear-gradient(90deg,#145fb30b 0 1px,#0000 1px 20%)}.panel-card,.metric-grid article,.card-heading button{transition:border-color .2s,box-shadow .2s,transform .2s}.panel-card:hover,.metric-grid article:hover{border-color:#aec1ce;transform:translateY(-2px);box-shadow:0 14px 34px #071f3d14}@media (max-width:800px){.panel-card:hover,.metric-grid article:hover{transform:none}.panel-workspace{background-size:30px 30px}}@media (prefers-reduced-motion:reduce){.panel-card,.metric-grid article,.card-heading button{transition:none}}