:root{--nn-canvas:#f3f6fb;--nn-surface:#fff;--nn-text-primary:#0d1b2e;--nn-text-secondary:#536174;--nn-text-muted:#8290a3;--nn-border:#e3e9f0;--nn-primary:#0877f9;--nn-primary-dark:#075fcc;--nn-primary-soft:#edf6ff;--nn-green:#12af55;--nn-green-soft:#ecfaf2;--nn-red:#f13a43;--nn-red-soft:#fff0f1;--nn-orange:#ff9f1a;--nn-orange-soft:#fff7e8;--nn-purple:#6947f5;--nn-purple-soft:#f3f0ff;--nn-teal:#10b8a6;--nn-sidebar:#0f1a28;--nn-radius-panel:12px;--nn-shadow-panel:0 4px 14px #0f1a2809;color:var(--nn-text-primary);background:var(--nn-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--nn-canvas);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}[dir=rtl]{letter-spacing:normal}.app-shell{min-height:100svh;color:var(--nn-text-primary);background:var(--nn-canvas);grid-template-columns:248px minmax(0,1fr);display:grid}.workspace{min-width:0}.skip-link{z-index:100;color:#fff;background:var(--nn-primary-dark);border-radius:8px;padding:9px 14px;position:fixed;inset-block-start:8px;inset-inline-start:260px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sidebar{z-index:20;color:#d7e1ee;background:radial-gradient(circle at 75% 76%,#0877f929,#0000 180px),linear-gradient(155deg,#101e2e,#0b1624 72%);flex-direction:column;width:248px;height:100svh;min-height:760px;padding:14px;display:flex;position:sticky;inset-block-start:0;overflow:hidden}.sidebar-brand{align-items:center;gap:9px;height:61px;padding-inline:6px;display:flex}.sidebar-brand>div{flex-direction:column;min-width:0;display:flex}.sidebar-brand strong{color:#fff;letter-spacing:.025em;font-size:21px;font-weight:800;line-height:1.1}.sidebar-brand span{color:#becbd9;white-space:nowrap;margin-block-start:3px;font-size:9.5px}.brand-symbol{flex:none;width:43px;height:39px}.brand-symbol-small{width:33px;height:27px}.sidebar-close,.menu-button{display:none}.sidebar-nav{flex-direction:column;gap:2px;padding-block-start:11px;display:flex}.nav-item{color:#c6d2df;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:43px;padding-inline:13px 10px;transition:background .15s,color .15s,transform .15s;display:grid}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item:active{transform:translateY(1px)}.nav-item.is-active{color:#fff;background:linear-gradient(90deg,#1a6bca,#1260b8);box-shadow:0 7px 15px #003d874d}.nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:1.2;overflow:hidden}.nav-item b{color:#fff;background:#f13a43;border-radius:99px;place-items:center;min-width:21px;height:21px;padding-inline:5px;font-size:10px;display:grid}.sidebar-promo{background:linear-gradient(90deg,#082238f5 0%,#082238c2 49%,#05172733 100%),linear-gradient(150deg,#0d3153,#07111d);border:1px solid #2185db1a;border-radius:8px;min-height:218px;margin:auto 8px 15px;padding:62px 15px 15px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0080ff14}.promo-copy{z-index:2;color:#fff;flex-direction:column;gap:5px;max-width:125px;font-size:18px;line-height:1.25;display:flex;position:relative}.promo-tower{z-index:1;color:#93a9bd;filter:drop-shadow(0 0 8px #0877f959);width:115px;height:205px;position:absolute;inset-block-end:-16px;inset-inline-end:-7px}.signal{border:1px solid #2090f647;border-radius:50%;width:120px;height:120px;position:absolute;inset-block-start:9px;inset-inline-end:-9px}.signal-two{width:165px;height:165px;inset-block-start:-14px;inset-inline-end:-32px}.sidebar-footer{color:#91a2b5;justify-content:space-between;align-items:center;height:48px;padding-inline:8px;font-size:10px;display:flex}.footer-brand{color:#fff;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;display:inline-flex}.sidebar-scrim{display:none}.topbar{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-block-end:1px solid #e4eaf1;justify-content:space-between;align-items:center;gap:20px;height:64px;padding-inline:24px 20px;display:flex;position:sticky;inset-block-start:0}.search-field{color:#203d61;background:#f4f7fb;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:12px;width:min(468px,42vw);height:40px;padding-inline:13px 9px;display:flex}.search-field:focus-within{background:#fff;border-color:#94c7ff;box-shadow:0 0 0 3px #0877f91f}.search-field input{min-width:0;color:var(--nn-text-primary);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-field input::placeholder{color:#52627a;opacity:1}.search-field kbd{color:#67778b;white-space:nowrap;background:#eaf0f7;border-radius:5px;padding:3px 7px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button,.menu-button{color:#18304f;cursor:pointer;background:0 0;border:0;border-radius:50%;width:38px;height:38px;position:relative}.icon-button:hover,.menu-button:hover{background:#eef3f9}.notification-button{color:#0869d1}.notification-button b{color:#fff;background:#ef3942;border:2px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0}.appearance-button{background:#eff3f8}.locale-control{color:#43536b;align-items:center;height:36px;display:flex;position:relative}.locale-control select{max-width:92px;height:100%;color:inherit;appearance:none;cursor:pointer;background:#f5f7fa;border:1px solid #e2e8f0;border-radius:8px;padding-inline:10px 25px;font-size:12px}.locale-control svg{pointer-events:none;position:absolute;inset-inline-end:8px}.admin-profile{grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:9px;min-width:221px;padding-inline-start:9px;display:grid}.admin-avatar,.avatar{color:#fff;background:radial-gradient(circle at 50% 28%,#f4bf9b 0 18%,#0000 19%),radial-gradient(circle at 50% 29%,#2c211c 0 25%,#0000 26%),linear-gradient(135deg,#a4b4c2,#405a71);border:2px solid #fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 1px #dce3eb}.admin-avatar{width:40px;height:40px;font-size:0}.admin-profile>span:not(.admin-avatar){flex-direction:column;gap:2px;min-width:0;display:flex}.admin-profile strong{color:#0d1b2e;white-space:nowrap;font-size:13px}.admin-profile small{color:#4f6077;white-space:nowrap;font-size:11px}.dashboard{grid-template-rows:54px 117px 233px 264px 199px;gap:15px;min-width:0;max-width:1600px;min-height:calc(100svh - 64px);margin-inline:auto;padding:16px 20px 17px 24px;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-heading h1{color:#0b192c;letter-spacing:-.035em;margin:0;font-size:28px;font-weight:750;line-height:33px}.page-heading p{color:#536174;margin:1px 0 0;font-size:15px;line-height:20px}.date-button{color:#14253b;cursor:pointer;background:#fff;border:1px solid #e3e9f0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-width:167px;height:40px;padding-inline:12px;font-size:12px;font-weight:650;display:flex;box-shadow:0 2px 9px #0f1a2808}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;min-width:0;display:grid}.kpi-card{border:1px solid var(--tone-border);background:#fff;border-radius:12px;grid-template-columns:58px minmax(0,1fr);align-items:center;min-width:0;padding:14px 15px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #0f1a2808}.tone-blue{--tone:#0877f9;--tone-soft:#edf6ff;--tone-border:#cbe2ff}.tone-green{--tone:#12af55;--tone-soft:#ecfaf2;--tone-border:#ccebd9}.tone-red{--tone:#f13a43;--tone-soft:#fff0f1;--tone-border:#ffd0d4}.tone-purple{--tone:#6947f5;--tone-soft:#f3f0ff;--tone-border:#d9d1ff}.tone-orange{--tone:#ff9f1a;--tone-soft:#fff7e8;--tone-border:#f6dfb7}.kpi-card.tone-blue,.kpi-card.tone-green,.kpi-card.tone-red,.kpi-card.tone-purple,.kpi-card.tone-orange{background:linear-gradient(135deg, #fff 20%, var(--tone-soft))}.kpi-icon{color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--tone) 72%, white), var(--tone));border:7px solid color-mix(in srgb, var(--tone) 13%, white);width:48px;height:48px;box-shadow:0 5px 12px color-mix(in srgb, var(--tone) 26%, transparent);border-radius:13px;place-items:center;display:grid}.kpi-copy{flex-direction:column;min-width:0;display:flex}.kpi-copy>span{color:#203149;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.kpi-copy strong{color:#0b192d;text-align:start;margin-block-start:3px;font-size:29px;line-height:31px}.kpi-copy small{color:var(--tone);white-space:nowrap;margin-block-start:5px;font-size:11px;font-weight:700}.sparkline{width:38px;height:22px;color:var(--tone);position:absolute;inset-block-end:17px;inset-inline-end:13px}.spark-area{fill:currentColor;opacity:.1}.spark-stroke{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.analytics-grid,.operations-grid,.bottom-grid{gap:13px;min-width:0;display:grid}.analytics-grid{grid-template-columns:minmax(0,1.89fr) minmax(300px,1fr) minmax(235px,.76fr)}.operations-grid{grid-template-columns:minmax(440px,1.39fr) minmax(325px,1fr) minmax(335px,1.02fr)}.bottom-grid{grid-template-columns:minmax(0,1.78fr) minmax(400px,1fr)}.panel{background:#fff;border:1px solid #e4eaf1;border-radius:12px;min-width:0;padding:14px;overflow:hidden;box-shadow:0 4px 14px #0f1a2809}.panel-header{justify-content:space-between;align-items:flex-start;gap:10px;min-height:23px;display:flex}.panel-header h2{color:#0c192b;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0;font-size:16px;line-height:21px;display:flex}.system-status{color:#078c3f;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.system-status i,.blue-dot,.green-dot,.tower-state i{background:#12af55;border-radius:50%;width:8px;height:8px}.view-link{color:#006de7;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:1px;height:25px;padding:0;font-size:11px;font-weight:600;display:inline-flex}[dir=rtl] .view-link svg{transform:scaleX(-1)}.line-chart{height:144px;margin-block-start:1px}.line-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#e4eaf1;stroke-width:1px}.download-area{fill:url(#download-fill)}.upload-area{fill:url(#upload-fill)}.download-line,.upload-line{fill:none;stroke-width:2.2px;stroke-linecap:round}.download-line{stroke:#0877f9}.upload-line{stroke:#12af55}.axis-labels{fill:#42526a;font-size:9.5px}.axis-labels text{text-anchor:middle}.axis-labels text:nth-child(-n+4){text-anchor:end}.chart-legend{color:#1f3047;justify-content:center;gap:34px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.blue-dot{background:#0877f9}.green-dot{background:#12af55}.donut-layout{grid-template-columns:minmax(130px,.95fr) minmax(112px,1fr);align-items:center;gap:12px;height:calc(100% - 24px);display:grid}.donut{background:conic-gradient(#f13a43 0 21.43%, #ff8f00 21.43% 50%, #ffb226 50% 82.14%, #147eef 82.14% 100%);border-radius:50%;width:132px;height:132px;margin-inline:auto;position:relative;transform:rotate(-1deg)}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:24px}.donut>span{z-index:1;color:#24344a;flex-direction:column;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0;transform:rotate(1deg)}.donut strong{color:#0c1a2e;font-size:24px;line-height:26px}.donut-legend{flex-direction:column;gap:13px;display:flex}.donut-legend>div{color:#203149;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.donut-legend i{border-radius:50%;width:10px;height:10px}.tone-bg-red{background:#f13a43}.tone-bg-orange{background:#ff9100}.tone-bg-blue{background:#147eef}.tone-bg-green{background:#12af55}.tone-bg-purple{background:#6947f5}.medium-dot{background:#ffb226}.completion-panel{text-align:center}.completion-ring{width:128px;height:128px;margin:0 auto -1px;position:relative}.completion-ring svg{width:100%;height:100%;transform:rotate(-88deg)}.ring-track,.ring-value{fill:none;stroke-width:12px}.ring-track{stroke:#e9eef2}.ring-value{stroke:#11aa50;stroke-dasharray:246 308;stroke-linecap:round}.completion-ring strong{color:#0c1a2e;place-items:center;font-size:25px;display:grid;position:absolute;inset:0}.completion-panel p{color:#263a57;flex-direction:column;gap:2px;margin:-2px 0 0;font-size:12px;display:flex}.recent-tickets-panel,.technicians-panel,.towers-panel{padding:13px 14px 10px}.ticket-list,.compact-list,.activity-list{margin-block-start:8px}.ticket-row{border-block-end:1px solid #edf1f5;grid-template-columns:25px 93px 66px minmax(145px,1fr) auto;align-items:center;gap:7px;min-height:40px;display:grid}.ticket-row:last-child,.person-row:last-child,.tower-row:last-child,.activity-row:last-child{border-block-end:0}.ticket-icon{color:#fff;background:var(--priority);border:4px solid var(--priority-soft);border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.priority-urgent{--priority:#f13a43;--priority-soft:#ffdadd}.priority-high{--priority:#ff8d00;--priority-soft:#ffe7c8}.priority-medium{--priority:#ffab1a;--priority-soft:#ffedc7}.priority-low{--priority:#147eef;--priority-soft:#d8eaff}.ticket-id{color:#182a42;text-align:start;font-size:11px;font-weight:700}.priority-chip{color:var(--priority);text-transform:uppercase;background:var(--priority-soft);border-radius:5px;justify-self:start;padding:4px 7px;font-size:9px;font-weight:750}.ticket-detail{flex-direction:column;min-width:0;line-height:15px;display:flex}.ticket-detail strong{color:#17273d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ticket-detail small{color:#52637a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ticket-row time{color:#60718a;white-space:nowrap;font-size:9.5px}.person-row{border-block-end:1px solid #edf1f5;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:41px;display:grid}.avatar{color:#fff;text-shadow:0 1px 3px #0000004d;border-width:1px;width:29px;height:29px;font-size:8px;font-weight:750}.avatar-blue{background:linear-gradient(135deg,#64b5ff,#116cc7)}.avatar-green{background:linear-gradient(135deg,#4fd390,#078743)}.avatar-orange{background:linear-gradient(135deg,#ffc460,#d56b00)}.person-copy{flex-direction:column;min-width:0;line-height:15px;display:flex}.person-copy strong{color:#17273d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.person-copy small{color:#60718a;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:10px;display:flex;overflow:hidden}.person-copy small i{border-radius:50%;flex:none;width:6px;height:6px}.person-copy small svg{color:#12af55;flex:none}.job-pill{color:#006bdc;text-align:center;white-space:nowrap;background:#dcecff;border-radius:5px;min-width:53px;padding:5px 7px;font-size:9.5px}.tower-row{color:#203149;border-block-end:1px solid #edf1f5;grid-template-columns:31px 61px minmax(0,1fr) 85px;align-items:center;gap:7px;min-height:41px;display:grid}.tower-row>svg{color:#536f8e}.tower-row>bdi{font-size:11px;font-weight:700}.tower-row>span{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.tower-state{white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.tower-state.online{color:#078d40}.tower-state.maintenance{color:#a96600}.tower-state.maintenance i{background:#ff9f1a}.map-panel,.activity-panel{padding:10px 14px 12px}.map-canvas{background:radial-gradient(circle at 18% 20%,#d1edcf 0 11%,#0000 11.5%),radial-gradient(circle at 82% 78%,#d7edd0 0 16%,#0000 16.5%),linear-gradient(145deg,#edf2e7,#f6f2e7);border-radius:9px;height:146px;margin-block-start:4px;position:relative;overflow:hidden}.map-canvas>svg{width:100%;height:100%;position:absolute;inset:0}.map-river{fill:none;stroke:#b8ddeb;stroke-width:9px;opacity:.78}.map-road{fill:none;stroke:#fff;stroke-width:5px;filter:drop-shadow(0 0 1px #d0c7ae)}.road-main{stroke:#f4d07c;stroke-width:7px}.road-minor{stroke-width:3px}.map-city{color:#26323f;font-size:18px;font-weight:700;position:absolute;top:64%;left:39%}.route-badge{color:#fff;background:#1680e8;border-radius:2px;padding:1px 3px;font-size:7px;position:absolute;top:73%;left:13%}.route-badge-two{top:77%;left:74%}.map-marker{z-index:2;color:#192b42;background:#fff;border-radius:5px;align-items:center;gap:6px;padding:4px 7px 4px 3px;font-size:9px;display:flex;position:absolute;transform:translate(-10%,-10%);box-shadow:0 2px 8px #192b422e}.map-marker>span{white-space:nowrap;flex-direction:column;line-height:12px;display:flex}.map-marker small{color:#68768a}.marker-pin{color:#fff;border-radius:15px 15px 15px 4px;place-items:center;width:26px;height:31px;display:grid;transform:rotate(-45deg)}.marker-pin svg{transform:rotate(45deg)}.map-zoom{color:#203149;text-align:center;background:#fff;border-radius:5px;flex-direction:column;width:29px;font-size:20px;display:flex;position:absolute;inset-block-start:16px;inset-inline-end:13px;box-shadow:0 2px 8px #192b422e}.map-zoom span{border-block-end:1px solid #e1e6eb;height:28px;line-height:27px}.map-zoom span:last-child{border:0}.activity-list{margin-block-start:5px}.activity-row{color:#1b2b41;border-block-end:1px solid #edf1f5;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:25px;display:grid}.activity-icon{color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.activity-row span{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.activity-row time{color:#60718a;white-space:nowrap;font-size:9.5px}.theme-dim{--nn-canvas:#e8edf4}.theme-dim .topbar{background:#f4f7fbf5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #0877f94d}@media (width<=1360px){.app-shell{grid-template-columns:226px minmax(0,1fr)}.sidebar{width:226px}.dashboard{grid-template-rows:auto auto auto auto auto}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{min-height:112px}.analytics-grid{grid-template-columns:1.7fr 1fr}.completion-panel{min-height:220px}.operations-grid{grid-template-columns:1.35fr 1fr}.towers-panel{grid-column:1/-1}.bottom-grid{grid-template-columns:1.5fr 1fr}}@media (width<=1080px){.app-shell{display:block}.sidebar{width:248px;transition:transform .18s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-110%)}[dir=rtl] .sidebar{transform:translate(110%)}.sidebar.is-open{transform:translate(0)}.sidebar-close{color:#d7e1ee;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;margin-inline-start:auto;display:grid}.sidebar-scrim{z-index:19;opacity:0;pointer-events:none;background:#07111d8c;border:0;transition:opacity .18s;display:block;position:fixed;inset:0}.sidebar-scrim.is-visible{opacity:1;pointer-events:auto}.menu-button{flex:none;place-items:center;display:grid}.search-field{width:min(480px,48vw)}.admin-profile{grid-template-columns:40px 18px;min-width:auto}.admin-profile>span:not(.admin-avatar){display:none}.analytics-grid,.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-panel,.recent-tickets-panel{grid-column:1/-1}.bottom-grid{grid-template-columns:1fr}}@media (width<=760px){.topbar{gap:8px;padding-inline:12px}.search-field{flex:1;width:auto}.search-field kbd,.appearance-button,.admin-profile{display:none}.locale-control select{max-width:76px}.dashboard{gap:12px;padding:14px 12px 24px}.page-heading{flex-direction:column;min-height:100px}.page-heading h1{font-size:24px}.date-button{align-self:stretch}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi-card{grid-template-columns:52px minmax(0,1fr);min-height:110px;padding:12px}.kpi-grid .kpi-card:last-child{grid-column:1/-1}.analytics-grid,.operations-grid{grid-template-columns:1fr}.analytics-grid>*,.operations-grid>*,.network-panel,.recent-tickets-panel,.towers-panel{grid-column:auto}.panel{min-height:220px}.ticket-row{grid-template-columns:25px 93px auto minmax(0,1fr)}.ticket-row time,.map-marker>span{display:none}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.kpi-grid .kpi-card:last-child{grid-column:auto}.kpi-card{min-height:100px}.donut-layout{grid-template-columns:1fr 1fr}.donut{width:112px;height:112px}.ticket-row{grid-template-columns:25px 85px auto}.ticket-detail{grid-column:2/-1;padding-block-end:6px}.tower-row{grid-template-columns:28px 61px minmax(0,1fr)}.tower-state{grid-column:2/-1;padding-block-end:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.error-page{min-height:100svh;color:var(--nn-text-primary);background:var(--nn-canvas);place-items:center;padding:24px;display:grid}.error-page section{text-align:center;border:1px solid var(--nn-border);background:#fff;border-radius:12px;width:min(480px,100%);padding:32px}.error-page section>span{color:#fff;background:var(--nn-red);border-radius:50%;place-items:center;width:44px;height:44px;margin-inline:auto;font-weight:800;display:grid}.error-page h1{margin:18px 0 8px;font-size:24px}.error-page p{color:var(--nn-text-secondary);line-height:1.6}.error-page bdi{margin:16px 0;font:12px ui-monospace,monospace;display:block}.error-page button{color:#fff;background:var(--nn-primary);cursor:pointer;border:0;border-radius:8px;min-height:40px;padding-inline:18px;font-weight:700}