@font-face{font-family:Pretendard;src:url(/assets/PretendardVariable.woff2) format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}:root{font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;color:#22263f;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #3557e5;--primary-strong: #2947c7;--primary-soft: #eef2ff;--text: #22263f;--text-sub: #475569;--text-muted: #868d98;--line: #dfe6ec;--background: #f7f8fb;--surface: #fff;--subtle: #f0f2f8;--success: #22c55e;--warning: #ffab02;--error: #fd5454;--shadow-card: 0 12px 30px rgba(39, 55, 94, .06), 0 2px 8px rgba(39, 55, 94, .04)}*{box-sizing:border-box}html{min-width:320px;background:var(--background);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(53,87,229,.25);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:12px 18px;border-radius:8px;background:var(--primary);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-container,.header-container{width:min(1400px,calc(100% - 64px));margin:0 auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}#main-content{flex:1}.site-header{position:sticky;z-index:100;top:0;background:var(--surface);box-shadow:0 1px #232c4e14}.utility-bar{height:60px;border-bottom:1px solid #edf0f5;background:#fbfcfe}.utility-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.utility-inner>time{color:#39435c;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.utility-actions{justify-self:end;display:flex;align-items:center;gap:12px}.session-timer{height:34px;display:flex;align-items:center;gap:7px;padding-left:11px;border:1px solid #e2e7f0;border-radius:999px;color:var(--text-sub);background:#fff;font-size:12px;font-variant-numeric:tabular-nums}.session-timer>span{min-width:34px;font-weight:700;color:var(--primary)}.session-timer button{height:34px;margin:-1px -1px -1px 2px;padding:0 12px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#475eec,#3557e5);color:#fff;font-size:12px;cursor:pointer}.icon-button{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.notification-button{position:relative}.notification-button span{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border:2px solid white;border-radius:99px;background:var(--error);color:#fff;font-size:9px;font-weight:800}.profile-wrap{position:relative}.profile-button{height:40px;padding:0 12px 0 6px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#364153;font-size:13px;font-weight:650;cursor:pointer}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf1ff;color:var(--primary)}.profile-popover{position:absolute;top:48px;right:0;width:230px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 50px #1b274d26}.profile-popover>div{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid #edf0f5}.profile-popover strong{font-size:14px}.profile-popover span{color:var(--text-muted);font-size:12px}.profile-popover button{width:100%;margin-top:10px;padding:9px 4px;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text-sub)}.main-nav-bar{height:84px;background:#fff}.main-nav-inner{height:100%;display:flex;align-items:center;gap:70px}.brand{min-width:260px;display:flex;align-items:center;gap:14px}.brand img{width:92px;height:auto;object-fit:contain}.brand span{padding-left:14px;border-left:1px solid #d9dfe8;color:#34405b;font-size:15px;font-weight:750;white-space:nowrap}.desktop-nav{flex:1;align-self:stretch;display:flex;align-items:stretch;justify-content:space-between;gap:20px}.desktop-nav>a,.desktop-nav>button{position:relative;padding:0 4px;display:flex;align-items:center;border:0;background:transparent;color:#3b455e;font-size:15px;font-weight:660;white-space:nowrap;cursor:pointer}.desktop-nav>a:after,.desktop-nav>button:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:3px 3px 0 0;background:var(--primary);transform:scaleX(0);transition:transform .2s ease}.desktop-nav>a:hover,.desktop-nav>button:hover,.desktop-nav>.active{color:var(--primary)}.desktop-nav>.active:after{transform:scaleX(1)}.mobile-menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff}.mega-menu{position:absolute;z-index:40;top:100%;right:0;left:0;border-top:1px solid #edf0f5;background:#fffffffa;box-shadow:0 26px 60px #19254b29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:mega-in .2s ease-out}@keyframes mega-in{0%{opacity:0;transform:translateY(-8px)}}.mega-grid{position:relative;padding-top:28px;padding-bottom:96px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.mega-column{min-width:0;padding:0 12px 0 0;border-right:1px solid #edf0f5}.mega-column:nth-child(5){border-right:0}.mega-heading{min-height:52px;display:flex;align-items:center;gap:11px;margin-bottom:12px}.mega-heading>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:850}.mega-heading h2{margin:0 0 2px;color:#2c3650;font-size:15px}.mega-heading p{margin:0;color:var(--text-muted);font-size:11px}.mega-column ul{margin:0;padding:0;list-style:none}.mega-column li+li{margin-top:2px}.mega-column li a{min-height:37px;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;border-radius:8px;color:#475169;font-size:12px;transition:background .15s,color .15s}.mega-column li a:hover{background:#f3f6ff;color:var(--primary)}.mega-column li a>span:first-child{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mega-column li b{color:#a0a8b6;font-size:10px}.mega-monitor-card{position:absolute;right:0;bottom:20px;left:0;height:58px;padding:0 18px;display:flex;align-items:center;gap:12px;border:1px solid #ffe0c0;border-radius:14px;background:linear-gradient(90deg,#fff9f2,#fff)}.mega-monitor-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff0df;color:#f27623}.mega-monitor-icon svg{width:18px}.mega-monitor-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2px}.mega-monitor-card b{font-size:13px}.mega-monitor-card small{color:var(--text-muted);font-size:11px}.mobile-nav{display:none}.environment-ribbon{height:30px;background:#edf1ff;color:#586486;font-size:11px}.environment-ribbon .page-container{height:100%;display:flex;align-items:center;gap:7px}.environment-ribbon strong{color:var(--primary);letter-spacing:.08em}.ribbon-detail{margin-left:auto}.ribbon-live{background:#edfff4}.ribbon-live strong{color:#169848}.content-page{padding-top:30px;padding-bottom:64px}.breadcrumbs{min-height:20px;margin-bottom:18px;display:flex;align-items:center;gap:4px;color:#8590a2;font-size:12px}.breadcrumbs>a{display:grid;place-items:center}.breadcrumbs span{display:flex;align-items:center;gap:4px}.breadcrumbs b{color:#4a566e;font-weight:650}.page-heading{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.page-heading>div:first-child{max-width:820px}.eyebrow,.section-kicker{margin-bottom:7px;color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.14em}.page-heading h1{margin-bottom:8px;color:var(--text);font-size:30px;line-height:1.25;letter-spacing:-.035em}.page-heading>div:first-child>p:last-child{margin:0;color:var(--text-sub);font-size:15px;line-height:1.55}.page-actions{display:flex;gap:9px}.button{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer}.button-primary{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 6px 14px #3557e526}.button-primary:not(:disabled):hover{background:var(--primary-strong)}.button-secondary{border-color:var(--line);background:#fff;color:#465168}.button-secondary:not(:disabled):hover{border-color:#bdc8d9;background:#fafbfe}.surface-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-card)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.card-heading h2{margin:0;font-size:19px;letter-spacing:-.02em}.card-heading svg{color:#96a0b2}.card-count{padding:6px 10px;border-radius:8px;background:var(--subtle);color:var(--text-sub);font-size:12px;font-weight:700}.status-badge{width:fit-content;min-height:26px;padding:4px 9px;display:inline-flex;align-items:center;gap:5px;border-radius:7px;font-size:11px;font-weight:750;white-space:nowrap}.status-direct{background:#edfff4;color:#169a49}.status-partial{background:#fff7e3;color:#bd7500}.status-missing{background:#fef2f2;color:#dc4141}.status-compact{min-height:21px;padding:2px 6px;border-radius:5px;font-size:9px}.state-pill{min-height:26px;padding:4px 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.state-success{background:#edfff4;color:#169848}.state-warning{background:#fff7e3;color:#b87000}.state-error{background:#fef2f2;color:#dc4141}.state-neutral{background:#f3f4f6;color:#64748b}.dashboard-hero{position:relative;min-height:286px;margin-bottom:20px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 75% 20%,rgba(141,161,255,.35),transparent 34%),linear-gradient(135deg,#263da9,#3557e5 56%,#5872ed);color:#fff;box-shadow:0 22px 46px #2f4ac52e}.dashboard-hero:before{content:"";position:absolute;width:330px;height:330px;top:-190px;right:280px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 48px #ffffff0a,0 0 0 96px #ffffff08}.hero-copy{position:relative;z-index:1;max-width:740px}.hero-kicker{margin-bottom:16px;display:inline-flex;align-items:center;gap:7px;color:#dce3ff;font-size:12px;font-weight:700}.hero-copy h2{margin-bottom:13px;font-size:34px;line-height:1.28;letter-spacing:-.04em}.hero-copy h2 em{color:#c9ffdb;font-style:normal}.hero-copy>p{max-width:670px;margin-bottom:23px;color:#ffffffc7;font-size:14px;line-height:1.65}.hero-tags{display:flex;flex-wrap:wrap;gap:7px}.hero-tags span{padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#ffffff17;font-size:11px}.coverage-gauge{position:relative;z-index:1;width:168px;height:168px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#bff4cf var(--coverage),rgba(255,255,255,.16) 0);transform:rotate(-90deg)}.coverage-gauge:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#405bd5;box-shadow:inset 0 0 24px #0f258440}.coverage-gauge>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;transform:rotate(90deg)}.coverage-gauge strong{font-size:34px;letter-spacing:-.04em}.coverage-gauge span{margin-top:3px;color:#d9e0ff;font-size:11px}.status-summary-grid{margin-bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.summary-card{position:relative;min-height:124px;padding:20px;display:flex;align-items:center;gap:14px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-card)}.summary-icon{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:var(--primary)}.summary-icon svg{width:21px}.summary-card p{margin:0 0 5px;color:var(--text-sub);font-size:12px;font-weight:650}.summary-card strong{margin-right:7px;font-size:26px;line-height:1}.summary-card small{color:var(--text-muted);font-size:10px}.summary-progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:#f0f2f8}.summary-progress span{display:block;height:100%;background:currentColor}.summary-direct{color:var(--success)}.summary-direct .summary-icon{background:#edfff4;color:var(--success)}.summary-partial{color:var(--warning)}.summary-partial .summary-icon{background:#fff7e3;color:#e49400}.summary-missing{color:var(--error)}.summary-missing .summary-icon{background:#fef2f2;color:var(--error)}.summary-total{color:var(--primary)}.dashboard-columns{margin-bottom:20px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:20px}.scope-matrix{padding:25px}.category-list{margin-top:17px}.category-row{min-height:78px;display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(120px,190px) 62px 34px;align-items:center;gap:13px;border-top:1px solid #edf0f4}.category-number{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef2ff;color:var(--primary);font-size:11px;font-weight:850}.category-copy h3{margin:0 0 3px;font-size:14px}.category-copy p{margin:0;color:var(--text-muted);font-size:11px}.category-bar{height:8px;display:flex;overflow:hidden;border-radius:99px;background:#edf0f4}.category-bar span{min-width:5px}.bar-direct{background:var(--success)}.bar-partial{background:var(--warning)}.bar-missing{background:var(--error)}.category-counts{display:flex;flex-direction:column;align-items:flex-end}.category-counts b{font-size:17px}.category-counts span{color:var(--text-muted);font-size:10px}.category-row>a{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:#6e7a91}.category-row>a:hover{border-color:#c4ceff;background:#f2f4ff;color:var(--primary)}.matrix-legend{padding-top:15px;display:flex;gap:7px;border-top:1px solid #edf0f4}.dashboard-aside{display:flex;flex-direction:column;gap:20px}.risk-card{flex:1;padding:25px}.risk-card ol{margin:19px 0 0;padding:0;list-style:none}.risk-card li{padding:15px 0;display:flex;gap:12px;border-top:1px solid #edf0f4}.risk-card li>span{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:#fff7e3;color:#bf7800;font-size:10px;font-weight:850}.risk-card li strong{font-size:13px}.risk-card li p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.monitoring-teaser{min-height:108px;padding:18px;display:flex;align-items:center;gap:13px;border:1px solid #ffd9b2;border-radius:18px;background:linear-gradient(130deg,#fff4e8,#fff 68%)}.monitoring-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#ff9856,#ef5b33);color:#fff}.monitoring-icon svg{width:22px}.monitoring-teaser>div{flex:1;display:flex;flex-direction:column;gap:3px}.monitoring-teaser>div>span{color:#df6d28;font-size:9px;font-weight:850;letter-spacing:.1em}.monitoring-teaser strong{font-size:14px}.monitoring-teaser p{margin:0;color:var(--text-muted);font-size:10px}.monitoring-teaser>svg{color:#ee7b36}.menu-readiness{padding:25px}.menu-readiness .card-heading>p{margin:0;display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:11px}.readiness-grid{margin-top:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.readiness-group{min-width:0;padding:14px;border:1px solid #e7ebf1;border-radius:13px;background:#fbfcfe}.readiness-group h3{min-height:28px;margin:0 0 10px;display:flex;align-items:center;gap:7px;font-size:12px}.readiness-group h3 span{color:var(--primary);font-size:10px}.readiness-group>a{min-height:31px;padding:5px 4px;display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #edf0f4;color:#515c73;font-size:10px}.readiness-group>a:hover{color:var(--primary)}.readiness-group>a>span:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.readiness-group b{margin-right:5px;color:#9aa3b2;font-size:9px}.scope-notice,.out-of-scope-note{margin-bottom:18px;padding:15px 17px;display:flex;align-items:flex-start;gap:12px;border:1px solid #dce4ff;border-radius:13px;background:#f5f7ff}.scope-notice-icon{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#e9eeff;color:var(--primary)}.scope-notice-title{margin-bottom:4px;display:flex;align-items:center;gap:9px}.scope-notice-title strong{font-size:12px}.scope-notice p,.out-of-scope-note p{margin:0;color:#657088;font-size:11px;line-height:1.55}.scope-missing{border-color:#ffd7d7;background:#fff8f8}.scope-missing .scope-notice-icon{background:#feecec;color:var(--error)}.scope-partial{border-color:#f5dfb1;background:#fffaf0}.scope-partial .scope-notice-icon{background:#fff0cf;color:#d38900}.list-card,.monitor-list-card{padding:22px}.filter-panel{padding:14px;border:1px solid #e7ebf1;border-radius:13px;background:#f8f9fc}.filter-row{display:flex;align-items:center;gap:9px}.search-field{position:relative;min-width:260px;height:44px;flex:1;display:flex;align-items:center}.search-field svg{position:absolute;left:13px;color:#8e98a9}.search-field input{width:100%;height:100%;padding:0 13px 0 40px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;color:var(--text);font-size:13px}.search-field input::placeholder{color:#a4acb9}.select-field select,.table-toolbar select{height:44px;padding:0 34px 0 12px;border:1px solid #dfe4eb;border-radius:9px;background-color:#fff;color:#4e596f;font-size:12px}.date-field{height:44px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid #dfe4eb;border-radius:9px;background:#fff}.date-field>span{color:#7d8798;font-size:11px}.date-field input{width:115px;border:0;outline:0;color:#4e596f;background:transparent;font-size:11px}.date-field i{color:#a4acb9;font-style:normal}.filter-button{min-width:78px;height:44px}.reset-button{width:44px;height:44px;flex:0 0 auto;color:#68748a}.data-source-notice{min-height:36px;margin-top:12px;padding:8px 11px;display:flex;align-items:center;gap:7px;border-radius:8px;background:#f3f5f9;color:#647086;font-size:10px}.data-source-notice strong{color:#435067;font-size:11px}.source-dot{width:7px;height:7px;border-radius:50%;background:#8e99aa}.source-live .source-dot{background:var(--success);box-shadow:0 0 0 4px #22c55e1f}.source-demo .source-dot{background:var(--warning);box-shadow:0 0 0 4px #ffab021f}.source-unavailable .source-dot{background:var(--error)}.inline-error{margin-top:12px;padding:11px;border-radius:8px;background:#fef2f2;color:#c33b3b;font-size:11px}.table-toolbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.table-toolbar>div{display:flex;align-items:baseline;gap:10px}.table-toolbar strong{font-size:13px}.table-toolbar em{color:var(--primary);font-size:16px;font-style:normal}.table-toolbar span{color:var(--text-muted);font-size:10px}.table-toolbar label{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:10px}.table-toolbar select{width:67px;height:32px;padding-left:9px;border-radius:7px}.data-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:11px}.data-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:auto}.data-table th{height:48px;padding:0 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f4f6fa;color:#556178;font-size:12px;font-weight:750;text-align:center}.data-table th:last-child,.data-table td:last-child{border-right:0}.data-table td{min-height:56px;padding:15px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:#364153;font-size:13px;line-height:1.4;text-align:center}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fafbff}.mono-id{color:#5f6d87;font-family:Pretendard,sans-serif;font-size:11px;font-variant-numeric:tabular-nums}.table-primary-link{color:#27344f;font-weight:700}.table-primary-link:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.pagination{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:4px}.pagination button{width:32px;height:32px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#68748a;font-size:11px;cursor:pointer}.pagination button:hover:not(:disabled){background:#f1f3f8}.pagination button.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:800}.table-loading{height:340px;padding:22px;display:flex;flex-direction:column;gap:13px;border:1px solid var(--line);border-radius:11px}.table-loading span,.detail-loading span{height:40px;border-radius:7px;background:linear-gradient(90deg,#f0f2f6,#f8f9fb,#f0f2f6);background-size:200% 100%;animation:skeleton 1.3s linear infinite}@keyframes skeleton{to{background-position:-200% 0}}.empty-state{min-height:310px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state>svg{width:42px;height:42px;margin-bottom:13px;color:#aab3c1}.empty-state h1,.empty-state h2{margin-bottom:8px;font-size:20px}.empty-state p{max-width:500px;margin-bottom:18px;color:var(--text-muted);font-size:12px;line-height:1.6}.empty-state.compact{min-height:190px}.detail-loading{min-height:380px;padding:30px;display:flex;flex-direction:column;gap:20px}.record-hero,.device-hero{min-height:116px;margin-bottom:18px;padding:22px;display:flex;align-items:center;gap:16px}.record-icon,.device-icon{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#657bf1,#3557e5);color:#fff;box-shadow:0 9px 20px #3557e533}.record-icon svg,.device-icon svg{width:25px}.record-title,.device-title{flex:1}.record-title>span,.device-title>span{color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.04em}.record-title h2,.device-title h2{margin:3px 0 5px;font-size:21px;letter-spacing:-.025em}.record-title p,.device-title p{margin:0;color:var(--text-muted);font-size:12px}.detail-grid{margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);gap:18px}.detail-panel,.source-panel,.history-panel,.device-info-card,.history-table-card{padding:24px}.definition-grid{margin:20px 0 0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.definition-grid>div{min-height:78px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.definition-grid dt,.device-definition dt{margin-bottom:7px;color:var(--text-muted);font-size:10px;font-weight:650}.definition-grid dd,.device-definition dd{margin:0;color:#303b53;font-size:13px;font-weight:650}.source-summary{margin:18px 0;padding:13px;border-radius:10px;background:#f5f7fb;color:#59657c;font-size:12px;line-height:1.6}.source-panel h3{margin-bottom:9px;color:#5c687e;font-size:11px}.source-table-list{display:flex;flex-direction:column;gap:6px}.source-table-list code{padding:7px 9px;overflow:hidden;border:1px solid #e4e8ef;border-radius:7px;background:#fbfcfe;color:#475570;font-size:10px;text-overflow:ellipsis}.api-state{margin-top:17px;padding-top:15px;display:flex;gap:9px;border-top:1px solid var(--line)}.api-state>svg{flex:0 0 auto;color:var(--primary)}.api-state strong{font-size:11px}.api-state p{margin:3px 0 0;color:var(--text-muted);font-size:10px;line-height:1.5}.history-panel{margin-bottom:18px}.timeline{margin-top:20px}.timeline>div{position:relative;padding-bottom:18px;display:flex;gap:12px}.timeline>div:not(:last-child):before{content:"";position:absolute;top:31px;bottom:0;left:15px;width:1px;background:var(--line)}.timeline>div>span{position:relative;z-index:1;width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #dce3ff;border-radius:9px;background:#f4f6ff;color:var(--primary)}.timeline article strong{font-size:12px}.timeline article p{margin:3px 0;color:var(--text-sub);font-size:11px}.timeline time{color:var(--text-muted);font-size:9px}.bottom-actions{display:flex;justify-content:center}.out-of-scope-note{border-color:#f6d9bc;background:#fff9f3;color:#e2732e}.out-of-scope-note strong{display:block;margin-bottom:3px;color:#a84c18;font-size:12px}.compact-note{padding-top:11px;padding-bottom:11px;align-items:center}.monitor-stats{min-height:84px;margin-bottom:15px;display:grid;grid-template-columns:1.25fr repeat(3,1fr);border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.monitor-stats>div{padding:14px 20px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--line)}.monitor-stats>div:last-child{border-right:0}.monitor-stats p{margin:0;display:flex;flex-direction:column;gap:3px;color:var(--text-muted);font-size:10px}.monitor-stats strong{color:var(--text);font-size:20px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef2ff;color:var(--primary)}.stat-icon svg{width:19px}.stat-dot{width:10px;height:10px;border-radius:50%}.dot-success{background:var(--success);box-shadow:0 0 0 5px #22c55e1f}.dot-warning{background:var(--warning);box-shadow:0 0 0 5px #ffab021f}.dot-error{background:var(--error);box-shadow:0 0 0 5px #fd54541f}.fire-filter{display:flex;gap:9px}.fire-filter .search-field{max-width:480px}.fire-table td:nth-child(2){text-align:left}.device-icon{background:linear-gradient(145deg,#ff9b57,#ef5c33);box-shadow:0 9px 20px #ef5c3333}.device-title p{display:flex;align-items:center;gap:5px}.last-received{min-width:190px;padding-left:18px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line)}.last-received span{color:var(--text-muted);font-size:10px}.last-received strong{color:#3d4960;font-size:12px;font-variant-numeric:tabular-nums}.metric-grid{margin-bottom:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{min-height:156px;padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-card)}.metric-top{display:flex;align-items:center;gap:8px}.metric-top>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px}.metric-top svg{width:16px}.metric-top p{margin:0;color:var(--text-sub);font-size:11px;font-weight:700}.metric-card>strong{display:block;margin:12px 0 10px;font-size:25px;letter-spacing:-.035em}.metric-progress{height:5px;overflow:hidden;border-radius:99px;background:#edf0f4}.metric-progress span{display:block;height:100%;border-radius:inherit;transform-origin:left;animation:figma-progress 2s cubic-bezier(.25,.1,.25,1) infinite}@keyframes figma-progress{0%{transform:scaleX(0)}40%,to{transform:scaleX(1)}}.metric-card small{display:block;margin-top:8px;color:var(--text-muted);font-size:9px}.metric-temperature .metric-top>span{background:#fff1eb;color:#f16d3d}.metric-temperature .metric-progress span{background:linear-gradient(90deg,#ffb46a,#f16d3d)}.metric-humidity .metric-top>span{background:#edf6ff;color:#3c8ee8}.metric-humidity .metric-progress span{background:linear-gradient(90deg,#74b7ff,#3c8ee8)}.metric-battery .metric-top>span{background:#edfff4;color:#22a85a}.metric-battery .metric-progress span{background:linear-gradient(90deg,#71df95,#22b85d)}.metric-signal .metric-top>span{background:#f1efff;color:#7b61db}.metric-signal .metric-progress span{background:linear-gradient(90deg,#a995f4,#7458d1)}.device-info-card{margin-bottom:18px}.device-info-layout{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:22px}.device-definition{margin:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.device-definition>div{min-height:72px;padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.installation-map{position:relative;min-height:290px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#eef1f4}.installation-map>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.installation-map:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#171f366b);pointer-events:none}.map-caption{position:absolute;z-index:1;right:12px;bottom:12px;left:12px;padding:11px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-caption>svg{color:var(--primary)}.map-caption span{display:flex;flex-direction:column;gap:2px}.map-caption strong{font-size:11px}.map-caption small{color:var(--text-muted);font-size:9px}.history-table-card{margin-bottom:18px}.history-table-card .card-heading{margin-bottom:17px}.live-indicator{display:flex;align-items:center;gap:7px;color:#68748a;font-size:10px}.live-indicator i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #22c55e21}.history-time{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.history-time svg{color:#99a3b2}.site-footer{border-top:1px solid #e3e8ef;background:#f1f3f7}.site-footer .page-container{min-height:88px;display:flex;align-items:center;gap:16px;color:#818a9b;font-size:10px}.site-footer img{width:70px;filter:grayscale(1);opacity:.65}.site-footer p{margin:0}.site-footer span{margin-left:auto}.not-found-page{display:grid;place-items:center;min-height:60vh}.not-found-page .surface-card{width:min(700px,100%)}@media(max-width:1240px){.page-container,.header-container{width:min(1120px,calc(100% - 40px))}.brand{min-width:210px}.brand span{display:none}.main-nav-inner{gap:35px}.desktop-nav{gap:12px}.desktop-nav>a,.desktop-nav>button{font-size:13px}.mega-grid{grid-template-columns:repeat(3,1fr);padding-bottom:95px;max-height:calc(100vh - 150px);overflow-y:auto}.mega-column:nth-child(3){border-right:0}.status-summary-grid{grid-template-columns:repeat(2,1fr)}.readiness-grid{grid-template-columns:repeat(3,1fr)}.filter-row{flex-wrap:wrap}.search-field{min-width:350px}.date-field{flex:1}}@media(max-width:900px){.page-container,.header-container{width:min(100% - 32px,780px)}.utility-bar{display:none}.main-nav-bar{height:68px}.main-nav-inner{justify-content:space-between}.brand{min-width:0}.brand img{width:82px}.brand span{display:block;font-size:13px}.desktop-nav{display:none}.mobile-menu-button{display:grid;place-items:center}.mobile-nav{position:absolute;z-index:45;top:100%;right:0;left:0;max-height:calc(100vh - 70px);padding:14px 20px 24px;display:block;overflow:auto;border-top:1px solid var(--line);background:#fff;box-shadow:0 20px 50px #19254b2e}.mobile-nav>a{min-height:44px;padding:0 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf0f4;font-size:13px;font-weight:700}.mobile-nav details{border-bottom:1px solid #edf0f4}.mobile-nav summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:700}.mobile-nav summary span{min-width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eef2ff;color:var(--primary);font-size:10px}.mobile-nav details a{min-height:38px;padding:6px 8px 6px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#58647b;font-size:11px}.mega-menu,.environment-ribbon .ribbon-detail{display:none}.content-page{padding-top:22px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-actions{width:100%}.dashboard-hero{padding:32px}.hero-copy h2{font-size:28px}.coverage-gauge{width:132px;height:132px}.dashboard-columns,.detail-grid{grid-template-columns:1fr}.dashboard-columns>*,.dashboard-aside,.dashboard-aside>*{min-width:0;max-width:100%}.monitoring-teaser>div{min-width:0}.readiness-grid{grid-template-columns:repeat(2,1fr)}.category-row{grid-template-columns:40px 1fr 54px 32px}.category-bar{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.device-info-layout{grid-template-columns:1fr}.installation-map{min-height:340px}.monitor-stats{grid-template-columns:repeat(2,1fr)}.monitor-stats>div:nth-child(2){border-right:0}.monitor-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.fire-filter{flex-wrap:wrap}.fire-filter .search-field{max-width:none;flex-basis:100%}}@media(max-width:620px){.page-container,.header-container{width:calc(100% - 24px)}.brand span{display:none}.page-heading h1{font-size:25px}.page-actions{flex-wrap:wrap}.page-actions .button{flex:1}.dashboard-hero{min-height:auto;padding:28px 22px;flex-direction:column;align-items:flex-start;gap:28px}.coverage-gauge{align-self:center}.hero-copy h2{font-size:25px}.status-summary-grid{grid-template-columns:1fr}.summary-card{min-height:104px}.category-row{min-height:84px;grid-template-columns:38px 1fr 30px}.category-copy{min-width:0}.category-counts{display:none}.category-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-readiness .card-heading>p{display:none}.readiness-grid{grid-template-columns:1fr}.filter-panel,.list-card,.monitor-list-card{padding:12px}.filter-row{display:grid;grid-template-columns:1fr 44px}.search-field{min-width:0;grid-column:1 / -1}.filter-row .select-field,.filter-row .select-field select{width:100%}.date-field{grid-column:1 / -1;width:100%;overflow:hidden}.date-field input{width:100px}.filter-button{width:100%}.data-source-notice{align-items:flex-start;flex-wrap:wrap}.table-toolbar{min-height:52px}.table-toolbar span{display:none}.definition-grid,.device-definition{grid-template-columns:1fr}.record-hero,.device-hero{align-items:flex-start;flex-wrap:wrap}.record-title,.device-title{min-width:calc(100% - 80px)}.last-received{width:100%;padding:12px 0 0;border-top:1px solid var(--line);border-left:0}.metric-grid{grid-template-columns:1fr}.monitor-stats{grid-template-columns:1fr 1fr}.monitor-stats>div{padding:12px}.monitor-stats strong{font-size:17px}.fire-filter{display:grid;grid-template-columns:1fr}.fire-filter .search-field{min-width:100%}.fire-filter .select-field select,.fire-filter .button{width:100%}.installation-map{min-height:250px}.site-footer .page-container{flex-wrap:wrap;padding:18px 0}.site-footer span{width:100%;margin-left:86px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}