:root{color:#172033;font-synthesis:none;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:#172033;cursor:pointer;background:#fff;border:1px solid #cdd5df;border-radius:8px;padding:.55rem .8rem}button:hover{background:#f1f5f9}button.primary{color:#fff;background:#176b5d;border-color:#176b5d}button.danger{color:#b42318}.icon-button{background:0 0;border:0;padding:.45rem;font-size:1.35rem}.app-shell{min-height:100vh;padding-left:260px;transition:padding .2s}.sidebar{color:#fff;z-index:30;background:#102e2a;flex-direction:column;width:260px;transition:width .2s,transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:.8rem;height:68px;padding:0 1rem;font-size:1.3rem;font-weight:800;display:flex}.sidebar .icon-button{color:#fff}.sidebar nav{flex:1;padding:1rem .65rem}.nav-item{color:#dce8e6;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.8rem;width:100%;margin:.2rem 0;padding:.75rem .8rem;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1f}.nav-icon{text-align:center;flex:0 0 24px;width:24px;font-size:1.15rem}.sidebar-footer{border-top:1px solid #ffffff1f;padding:.75rem}.user-email{text-overflow:ellipsis;opacity:.8;padding:.5rem .8rem;font-size:.82rem;overflow:hidden}.sidebar-collapsed{padding-left:76px}.sidebar-collapsed .sidebar{width:76px}.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-brand span,.sidebar-collapsed .user-email{display:none}.content{width:100%;padding:2rem}.mobile-header{display:none}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header h1{margin:0 0 .3rem;font-size:1.8rem}.page-header p{color:#667085;margin:0}.page-actions{gap:.5rem;display:flex}.card{background:#fff;border:1px solid #e3e8ef;border-radius:14px;margin-bottom:1rem;padding:1.2rem;box-shadow:0 2px 8px #1018280a}.card h2{margin:0 0 .45rem;font-size:1.15rem}.card-title{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.dashboard-site-title{white-space:nowrap;justify-content:flex-start;gap:.8rem}.dashboard-site-title h2{margin:0}.dashboard-site-title small{margin:0 0 0 auto}.card-title small,td small{color:#667085;margin-top:.25rem;display:block}.table-wrap{overscroll-behavior-inline:contain;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #102e2a;padding:.8rem}th{color:#667085;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.dashboard-device-list{width:max-content;min-width:100%}.dashboard-device-list-header,.dashboard-device-row{grid-template-columns:260px minmax(calc(var(--metric-count,1) * 115px + (var(--metric-count,1) - 1) * .55rem), 1fr);column-gap:1rem;display:grid}.dashboard-device-list-header{color:#667085;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid #102e2a;padding:0 .8rem .65rem;font-size:.8rem;font-weight:700}.dashboard-device-row{border-bottom:1px solid #102e2a;align-items:start;padding:.8rem}.device-cell{min-width:0;padding-top:.2rem}.device-cell strong,.device-cell small{display:block}.device-name-row{align-items:center;gap:.45rem;min-width:0;display:flex}.device-name-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-name-row .badge{flex:none;padding:.13rem .42rem}.device-metrics{grid-template-columns:repeat(var(--metric-count,1), minmax(115px, 1fr));min-width:calc(var(--metric-count,1) * 115px + (var(--metric-count,1) - 1) * .55rem);gap:.55rem;display:grid}.metric-card{background:#f8fafc;border:1px solid #e3e8ef;border-radius:10px;min-width:0;height:68px;padding:.45rem .55rem;position:relative;overflow:hidden}.metric-card-content{z-index:1;display:block;position:relative}.metric-card-fill{width:var(--metric-fill,0%);pointer-events:none;background:#60a5fa29;transition:width .4s;position:absolute;inset:0 auto 0 0}.metric-label{color:#667085;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;display:block;overflow:hidden}.metric-value{color:#172033;font-variant-numeric:tabular-nums;align-items:baseline;gap:.3rem;margin-top:.2rem;font-size:1.05rem;font-weight:800;display:flex}.metric-value .metric-unit{color:#667085;margin:0;font-size:.72rem;font-weight:600;display:inline}.link-button{color:#176b5d;background:0 0;border:0;padding:0}.notice{background:#eef4ff;border:1px solid #c7d7fe;border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem}.notice.error{color:#b42318;background:#fef3f2;border-color:#fecdca}.notice.warning{background:#fffaeb;border-color:#fedf89}.notice.success{background:#ecfdf3;border-color:#abefc6}.badge{background:#eef2f6;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-online,.badge-active,.badge-auto-assigned{color:#067647;background:#dcfae6}.badge-offline,.badge-disabled{color:#475467;background:#f2f4f7}.badge-unconfigured,.badge-pending-approval{color:#93370d;background:#fef0c7}.badge-manually-assigned{color:#3730a3;background:#e0e7ff}.tabs{border-bottom:1px solid #dfe5ec;gap:.4rem;margin-bottom:1rem;display:flex}.tabs button{background:0 0;border:0;border-radius:8px 8px 0 0}.tabs button.active{color:#176b5d;background:#fff;border-bottom:2px solid #176b5d;font-weight:700}.toolbar{margin-bottom:1rem}.toolbar label{align-items:center;gap:.5rem;display:flex}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.profile-card{flex-direction:column;justify-content:space-between;display:flex}.profile-card dl{grid-template-columns:90px 1fr;gap:.35rem;display:grid}.profile-card dt{font-weight:700}.modal-backdrop{z-index:100;background:#0f172a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(900px,100%);max-height:92vh;padding:1.25rem;overflow:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0 0 1rem}.form{gap:1rem;display:grid}.form label{gap:.35rem;font-weight:600;display:grid}.form input,.form select,.form textarea,select{background:#fff;border:1px solid #cdd5df;border-radius:8px;width:100%;padding:.6rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.metric-editor{grid-template-columns:1fr 1fr 2fr .7fr .55fr auto;gap:.45rem;display:grid}.secret-box{background:#f8fafc;border-radius:8px;align-items:center;gap:.6rem;padding:1rem;display:flex}.secret-box code{overflow-wrap:anywhere;flex:1}.login-page{background:radial-gradient(circle at top,#dcefe9,#f5f7fa 52%);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:#fff;border-radius:18px;width:min(430px,100%);padding:2rem;box-shadow:0 18px 50px #102e2a26}.login-card h1{margin-bottom:.4rem}.login-card p{color:#667085}.login-brand{color:#176b5d;font-size:1.5rem;font-weight:900}.scroll-hint,.drawer-backdrop{display:none}@media (width<=760px){.scroll-hint{color:#667085;text-align:right;margin:-.15rem 0 .45rem;font-size:.78rem;display:block}.app-shell,.sidebar-collapsed{padding-top:60px;padding-left:0}.mobile-header{color:#fff;z-index:25;background:#102e2a;align-items:center;gap:.7rem;height:60px;padding:0 .8rem;display:flex;position:fixed;inset:0 0 auto}.mobile-header .icon-button{color:#fff}.sidebar,.sidebar-collapsed .sidebar{width:min(290px,86vw);transform:translate(-102%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-brand span,.sidebar-collapsed .user-email{display:block}.desktop-only{display:none}.drawer-backdrop{z-index:20;background:#0f172a80;border:0;border-radius:0;display:block;position:fixed;inset:0}.content{padding:1rem}.page-header{flex-direction:column}.page-actions{width:100%}.page-actions button{flex:1}.form-grid{grid-template-columns:1fr}.metric-editor{background:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;padding:.8rem}.metric-editor input:nth-child(3){grid-column:1/-1}.modal{padding:1rem}.secret-box{flex-direction:column;align-items:stretch}}.profile-editor-form{min-width:0}.metric-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.metric-toolbar h3{margin:0}.metric-toolbar small{color:#667085}.metric-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.inline-check{grid-template-columns:auto 1fr;align-items:center;gap:.45rem!important;font-weight:500!important;display:flex!important}.inline-check input{width:auto!important}.metric-table-wrap{border:1px solid #e3e8ef;border-radius:10px}.metric-table{min-width:1050px}.metric-table th,.metric-table td{vertical-align:middle;padding:.55rem}.metric-table td:first-child,.metric-table th:first-child{text-align:center;width:54px}.metric-table td:first-child input{width:auto}.metric-table td:nth-child(2){min-width:250px}.metric-table td:nth-child(3),.metric-table td:nth-child(4){min-width:180px}.metric-table td:nth-child(5){width:90px}.metric-table td:nth-child(6){width:80px}.metric-table input{border:1px solid #cdd5df;border-radius:8px;width:100%;padding:.5rem}.metric-table small{color:#667085;margin-top:.2rem;display:block}button.compact{padding:.35rem .55rem}@media (width<=760px){.dashboard-site-title{white-space:normal;flex-wrap:wrap;gap:.35rem .7rem}.dashboard-site-title small{margin-left:0}.metric-toolbar{flex-direction:column;align-items:stretch}.metric-toolbar-actions{justify-content:flex-start}}.filter-bar{background:#f8fafc;border:1px solid #e3e8ef;border-radius:12px;flex-wrap:wrap;align-items:end;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.filter-bar label{color:#344054;gap:.35rem;min-width:220px;font-weight:700;display:grid}.filter-bar label span{font-size:.8rem}.filter-bar select{min-height:42px}.filter-reset{margin-left:auto}.modal-wide{width:min(1170px,96vw)}.modal-actions{border-top:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef;margin:0;padding-block:.75rem}.modal-actions:first-child{border-top:0}button:disabled{cursor:not-allowed;opacity:.6}.share-form{grid-template-columns:1fr auto;align-items:end;gap:.75rem;margin-bottom:1.25rem;display:grid}.share-form label{gap:.35rem;font-weight:600;display:grid}.share-form input{border:1px solid #cdd5df;border-radius:8px;width:100%;padding:.6rem}.share-list{border:1px solid #e3e8ef;border-radius:10px;overflow:hidden}.share-list>p{color:#667085;margin:0;padding:1rem}.share-row{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.share-row:nth-child(2n){background:#f2f4f7}.share-row+.share-row{border-top:1px solid #e3e8ef}@media (width<=760px){.filter-bar{align-items:stretch}.filter-bar label{min-width:100%}.filter-reset{width:100%;margin-left:0}.share-form{grid-template-columns:1fr}.share-form button{width:100%}}.language-select{align-items:center;gap:.6rem;padding:.35rem .65rem;display:flex}.language-select select{width:100%;min-width:0}.sidebar-collapsed .language-select select{display:none}