: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{max-width:1600px;margin:0 auto;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}.card-title small,td small{color:#667085;margin-top:.25rem;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f4;padding:.8rem}th{color:#667085;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.device-cell{min-width:210px}.device-cell strong,.device-cell small{display:block}.device-cell .badge{margin:.4rem 0 .35rem;display:inline-flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.55rem;min-width:360px;display:grid}.metric-card{background:#f8fafc;border:1px solid #e3e8ef;border-radius:10px;min-width:0;padding:.65rem .75rem;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}.drawer-backdrop{display:none}@media (width<=760px){.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){.metric-toolbar{flex-direction:column;align-items:stretch}.metric-toolbar-actions{justify-content:flex-start}}