:root{--color-brand-700: #095d94;--color-brand-600: #0f75b8;--color-brand-500: #1688cb;--color-brand-100: #dff2ff;--color-ink-900: #17324a;--color-ink-700: #425f76;--color-ink-500: #70879a;--color-surface: #ffffff;--color-canvas: #eef5fa;--color-border: #d8e5ee;--color-success: #13a675;--color-warning: #e59b21;--color-danger: #df4d58;--shadow-card: 0 12px 32px rgba(36, 78, 109, .09);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--content-width: 1040px;--page-gutter: clamp(16px, 4vw, 28px);--bottom-nav-height: 72px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--color-canvas);color:var(--color-ink-900);font-family:Inter,Noto Sans TC,system-ui,sans-serif}button,input{font:inherit}.eyebrow{color:var(--color-brand-600);font-size:11px;font-weight:800;letter-spacing:.16em}.app-shell{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.app-header{background:linear-gradient(135deg,var(--color-brand-700),var(--color-brand-500));color:#fff}.header-inner{width:min(100%,var(--content-width));margin:auto;padding:18px var(--page-gutter);display:grid;grid-template-columns:1fr auto;gap:16px}.brand-block{display:flex;flex-direction:column}.brand-block strong{font-size:25px;letter-spacing:-.04em}.brand-block span{font-size:11px;opacity:.76;letter-spacing:.08em}.header-account{display:flex;align-items:center;gap:4px;font-size:13px}.header-account .n-button{color:#fff}.header-device{grid-column:1 / -1;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;align-items:center;gap:14px}.header-device>div{display:grid;gap:2px}.header-scope-trigger{min-width:0;padding:0;border:0;color:inherit;background:transparent;display:grid;gap:2px;text-align:left;font:inherit;cursor:pointer}.header-scope-trigger span{display:flex;align-items:center;gap:7px}.header-scope-trigger b{padding:2px 6px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-size:9px;letter-spacing:.04em}.header-device span{font-size:12px;opacity:.75}.header-device strong{font-size:17px}.header-device small{font-size:11px;opacity:.8}.header-device-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.header-device-status span{opacity:1}.header-device-status .connection-tag{border:0!important;background:#ffe8eb!important;color:#b4233f!important;font-weight:900;letter-spacing:.02em;box-shadow:0 1px #00000014}.header-device-status .connection-tag.online{background:#dff8ee!important;color:#087a55!important}.header-device-status .connection-tag .n-tag__border{border-color:currentColor!important;opacity:.3!important}.dashboard-health{padding:7px 12px;border:1px solid #d5e2ea;border-radius:999px;background:#f3f7fa;color:#31546a;font-size:12px;font-weight:900;white-space:nowrap}.dashboard-health.healthy{border-color:#bcebd9;background:#dff8ee;color:#087a55}.dashboard-page{width:min(100%,var(--content-width));margin:auto;padding:24px var(--page-gutter) 34px}.page-intro,.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.page-intro h2,.section-heading h2{margin:3px 0 0;font-size:22px}.role-chip{padding:6px 10px;border-radius:999px;background:var(--color-brand-100);color:var(--color-brand-700);font-size:11px;font-weight:800}.dashboard-alert{margin-bottom:14px}.error-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-status-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;margin-bottom:24px;padding:11px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.compact-status-item{display:grid;gap:3px;min-width:0;padding:0 18px;border-right:1px solid var(--color-border)}.compact-status-item:first-child{padding-left:0}.compact-status-item span{color:var(--color-ink-500);font-size:11px}.compact-status-item strong{font-size:14px;overflow-wrap:anywhere}.compact-status-item:last-child{padding-right:0;border-right:0}.temperature-reset-control{display:flex;align-items:end;justify-content:flex-end;gap:10px;min-width:0}.temperature-reset-time{display:grid;gap:2px;min-width:0;text-align:right}.temperature-reset-time span{color:var(--color-ink-500);font-size:10px}.temperature-reset-time strong{font-size:12px;white-space:nowrap}.temperature-reset-control .n-button{flex:0 0 auto;white-space:nowrap}.sensor-section{margin-top:28px}.section-heading>span{color:var(--color-ink-500);font-size:12px}.temperature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.temperature-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;min-height:132px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #244e6d0f}.temperature-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--color-success)}.temperature-card.state-high:before,.temperature-card.state-low:before,.temperature-card.state-fault:before{background:var(--color-danger)}.temperature-current{padding:14px 16px 14px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.temperature-title{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.temperature-value{font-size:clamp(34px,5vw,46px);line-height:1;font-weight:800;letter-spacing:-.05em}.temperature-value small{margin-left:3px;font-size:16px;color:var(--color-ink-500);letter-spacing:0}.temperature-state{flex:0 0 auto;padding:4px 9px;border-radius:999px;background:#dff8ee;color:#087a55;font-size:11px;font-weight:800;line-height:1}.state-high .temperature-state,.state-low .temperature-state,.state-fault .temperature-state{background:#ffe8eb;color:#b4233f}.temperature-extremes{background:#f7fafc;display:grid;grid-template-rows:1fr 1fr}.temperature-extremes>div{padding:9px 14px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px}.temperature-extremes>div+div{border-top:1px solid var(--color-border)}.temperature-extremes span{color:var(--color-ink-500);font-size:10px;font-weight:800;letter-spacing:.08em}.temperature-extremes strong{justify-self:end;font-size:16px}.temperature-extremes time{grid-column:1 / -1;justify-self:end;color:var(--color-ink-500);font-size:11px}.empty-state{padding:34px;text-align:center;color:var(--color-ink-500);background:#fff;border-radius:var(--radius-md);border:1px dashed var(--color-border)}.bottom-navigation{position:fixed;z-index:20;inset:auto 0 0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:7px max(8px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-right));background:#fffffff5;border-top:1px solid var(--color-border);display:flex;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-navigation a{flex:1;min-width:0;border-radius:12px;color:#8aa0b1;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}.bottom-navigation a.active{color:var(--color-brand-600);background:var(--color-brand-100)}.app-page,.page-inner{width:100%}.app-page{margin:auto}.page-inner{width:min(100%,var(--content-width));margin:auto;padding:24px var(--page-gutter) 34px}.dashboard-page.page-inner{padding:24px var(--page-gutter) 34px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-heading h1{margin:4px 0 0;font-size:25px}.page-heading p,.card-heading p,.export-actions p{margin:4px 0 0;color:var(--color-ink-500);font-size:13px}.page-alert{margin-bottom:14px}.content-card,.alarm-summary{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}.card-heading h2{margin:0;font-size:19px}.filter-card{display:grid;grid-template-columns:1fr minmax(190px,300px);align-items:center;gap:16px;margin-bottom:14px}.range-tabs{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-grid article{padding:17px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:5px;box-shadow:0 8px 22px #244e6d0d}.metric-grid span{color:var(--color-ink-500);font-size:12px}.metric-grid strong{font-size:22px}.chart-card{margin-bottom:14px}.temperature-chart{width:100%;height:340px}.export-card{margin-bottom:14px}.export-checks{display:flex;flex-wrap:wrap;gap:10px 18px;padding:14px;margin:-4px 0 16px;background:#f5f9fc;border-radius:var(--radius-sm)}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-actions>div{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:16px}.export-actions .n-button{margin-top:14px}.alarm-summary{margin-bottom:14px;border-left:5px solid var(--color-success);display:flex;align-items:center;justify-content:space-between;gap:14px}.alarm-summary.danger{border-left-color:var(--color-danger)}.alarm-summary>div{display:grid;gap:4px}.alarm-summary span,.alarm-item time{color:var(--color-ink-500);font-size:12px}.alarm-summary strong{font-size:18px}.alarm-list{display:grid;gap:10px}.alarm-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:14px;padding:16px}.alarm-item p{margin:4px 0;color:var(--color-ink-500)}.alarm-icon{width:10px;height:10px;border-radius:50%;background:var(--color-warning)}.alarm-icon.active{background:var(--color-danger);box-shadow:0 0 0 5px #df4d581a}.alarm-icon.recovered{background:var(--color-success)}.device-select{width:min(320px,50vw)}.service-card-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-card-grid>:last-child,.settings-grid>:last-child{grid-column:1 / -1}.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:minmax(110px,.8fr) 1.2fr;gap:12px;padding:12px 0;border-top:1px solid var(--color-border)}.detail-list>div:first-child{border-top:0}.detail-list dt{color:var(--color-ink-500)}.detail-list dd{margin:0;text-align:right;font-weight:700;overflow-wrap:anywhere}.feature-list{margin:16px 0 0;padding:14px 14px 14px 34px;border-radius:var(--radius-sm);background:#f3f9fc;color:var(--color-ink-700);display:grid;gap:7px}.admin-tabs .n-tabs-rail{margin-bottom:14px}.responsive-table{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px;border-bottom:1px solid var(--color-border);text-align:left}th{color:var(--color-ink-500);font-size:12px;background:#f6fafc}.admin-details{display:grid;grid-template-columns:repeat(2,1fr);column-gap:28px}.safety-note{padding:12px 14px;border-radius:var(--radius-sm);background:#fff8e9;color:#89611d;font-size:12px}.status-list dd{display:flex;justify-content:end}.threshold-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.threshold-summary>div{display:grid;gap:4px;padding:14px;background:#f4f9fc;border-radius:var(--radius-sm)}.threshold-summary span{color:var(--color-ink-500);font-size:11px}.admin-device-page{padding-top:16px}.legacy-device-shell{overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.legacy-device-frame{display:block;width:100%;height:max(760px,calc(100vh - 250px));border:0;background:var(--color-canvas)}.report-modal{width:min(960px,calc(100vw - 28px))}.report-modal .n-card{max-height:calc(100vh - 36px)}.report-modal .n-card__content{overflow:auto}.report-actions{display:flex;justify-content:flex-end;gap:10px}.pdf-report{color:#17324a;font-size:13px}.pdf-report header{display:flex;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:3px solid var(--color-brand-600)}.pdf-report h1{margin:3px 0;color:var(--color-brand-700);font-size:24px}.pdf-report .brand{color:var(--color-brand-600);font-weight:900}.pdf-report .muted{color:var(--color-ink-500);text-align:right}.pdf-report .meta,.pdf-report .summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.pdf-report .meta div,.pdf-report .summary div{padding:12px;border:1px solid var(--color-border)}.pdf-report .meta span,.pdf-report .summary span{display:block;color:var(--color-ink-500);font-size:11px}.pdf-report .meta strong,.pdf-report .summary strong{display:block;margin-top:5px}.pdf-report .summary strong{font-size:19px}.pdf-report .chart{padding:10px;border:1px solid var(--color-border)}.pdf-report .chart svg{display:block;width:100%}.pdf-report .normal{color:#0c8b60}.pdf-report .footer{margin-top:32px;padding-top:12px;border-top:1px solid var(--color-border);color:var(--color-ink-500);font-size:11px}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px 16px;background:radial-gradient(circle at 20% 15%,#d7efff 0,transparent 34%),linear-gradient(145deg,#eef7fc,#e5f0f7)}.login-brand{margin-bottom:-4px;display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--color-brand-600);color:#fff;font-size:30px;font-weight:900}.login-brand>div:last-child{display:grid}.login-brand strong{font-size:24px}.login-brand span{color:var(--color-ink-500);font-size:11px;letter-spacing:.08em}.login-card{width:min(100%,420px);padding:28px;background:#fffffff5;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);box-shadow:0 24px 60px #244e6d26}.login-heading{margin-bottom:20px}.login-heading h1{margin:5px 0;font-size:28px}.login-heading p,.login-note{margin:0;color:var(--color-ink-500)}.login-alert{margin-bottom:14px}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--color-ink-500);font-size:11px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--color-border)}.login-note{margin-top:10px;text-align:center;font-size:11px}.scope-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 20% 15%,#d7efff 0,transparent 34%),linear-gradient(145deg,#eef7fc,#e5f0f7)}.scope-card{width:min(100%,440px);padding:28px;background:#fffffff7;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);box-shadow:0 24px 60px #244e6d26}.scope-brand{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;color:var(--color-brand-700)}.scope-brand strong{font-size:24px;letter-spacing:-.04em}.scope-brand span{color:var(--color-ink-500);font-size:10px;letter-spacing:.08em}.scope-heading{margin-bottom:20px}.scope-heading h1{margin:5px 0;font-size:26px}.scope-heading p{margin:0;color:var(--color-ink-500)}@media (min-width: 760px){.app-shell{padding-bottom:0}.bottom-navigation{position:static;width:min(100%,var(--content-width));margin:0 auto 28px;height:66px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.login-page{grid-template-columns:minmax(220px,330px) minmax(360px,420px);gap:70px}.login-brand{margin:0}.brand-mark{width:64px;height:64px;font-size:40px}.login-brand strong{font-size:34px}}@media (max-width: 640px){.header-inner{padding-top:13px;padding-bottom:14px}.brand-block strong{font-size:22px}.dashboard-page{padding-top:18px}.page-intro h2,.section-heading h2{font-size:19px}.dashboard-status-strip{grid-template-columns:1fr 1fr;gap:0;margin-bottom:20px;padding:10px 0 0}.compact-status-item{padding:0 12px 10px}.compact-status-item:first-child{padding-left:0}.compact-status-item:nth-child(2){padding-right:0;border-right:0}.temperature-reset-control{gap:7px}.temperature-reset-time strong{font-size:11px}.temperature-reset-control .n-button{padding-inline:9px}.temperature-list{grid-template-columns:1fr}.temperature-card{grid-template-columns:1.05fr .95fr}.section-heading>span{max-width:110px;text-align:right}.login-page{align-content:center}.login-card{padding:24px 20px}.page-inner,.dashboard-page.page-inner{padding:18px 16px 28px}.page-heading{align-items:start}.page-heading h1{font-size:21px}.filter-card{grid-template-columns:1fr;padding:16px}.range-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.range-tabs .n-button{width:100%;padding-inline:4px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{padding:14px}.metric-grid strong{font-size:19px}.content-card{padding:16px}.temperature-chart{height:280px}.export-actions,.service-card-grid,.settings-grid{grid-template-columns:1fr}.service-card-grid>:last-child,.settings-grid>:last-child{grid-column:auto}.alarm-item{grid-template-columns:9px 1fr}.alarm-item .n-tag{grid-column:2;justify-self:start}.device-select{width:46vw}.admin-details{display:block}.threshold-summary{grid-template-columns:1fr}.admin-device-page{padding:10px 10px 24px}.legacy-device-frame{height:calc(100vh - 178px);min-height:680px}.pdf-report .meta,.pdf-report .summary{grid-template-columns:1fr 1fr}}@media print{.app-header,.bottom-navigation,.filter-card,.export-card,.page-heading .n-button{display:none!important}body{background:#fff}.app-shell{padding:0}.page-inner{max-width:none;padding:0}.content-card,.metric-grid article{box-shadow:none;break-inside:avoid}body>#app .app-shell{display:none!important}.n-modal-container{position:static!important}.n-modal-mask,.report-modal .n-card-header,.report-modal .n-card__footer{display:none!important}.report-modal{width:100%!important;max-width:none!important;transform:none!important}.report-modal .n-card{max-height:none;border:0;box-shadow:none}.report-modal .n-card__content{overflow:visible;padding:0}}@media (max-width: 370px){.summary-footer{gap:8px}.temperature-card{grid-template-columns:1fr}.temperature-extremes{grid-template-columns:1fr 1fr;grid-template-rows:none}.temperature-extremes>div+div{border-top:0;border-left:1px solid var(--color-border)}}