*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh}.hidden{display:none!important}#login-view{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;padding:2.5rem;width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:1.25rem}.login-logo img{height:54px;width:auto}.login-card h1{font-size:1.4rem;font-weight:700;margin-bottom:.3rem;color:#1a3d6e;text-align:center}.login-card .subtitle{color:#4a4a4a;font-size:1.4rem;font-weight:600;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.82rem;font-weight:600;color:#555;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-group input[type=email],.form-group input[type=password]{width:100%;padding:.65rem .85rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:#2979ff;box-shadow:0 0 0 3px #2979ff26}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:#2979FF;cursor:pointer}.checkbox-group label{font-size:.9rem;color:#444;cursor:pointer}.btn{padding:.65rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#2979ff;color:#fff;width:100%}.btn-primary:hover{background:#1565c0}.btn-danger{background:#d32f2f;color:#fff;padding:.3rem .7rem;font-size:.8rem;border-radius:6px}.msg{font-size:.85rem;margin-top:.75rem;padding:.55rem .8rem;border-radius:6px}.msg-error{background:#fce8e6;color:#c62828}.msg-success{background:#e6f4ea;color:#1e6823}#dashboard-view{height:100vh;display:flex;flex-direction:column;overflow:hidden}header{background:#fff;border-bottom:1px solid #e0e0e0;padding:0 2rem;height:58px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #0000000f}.brand{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;color:#1565c0;letter-spacing:-.01em}.brand-logo{height:32px;width:auto}.header-right{display:flex;align-items:center;gap:1rem}.header-right .user-email{font-size:.88rem;color:#666}.btn-signout{padding:.38rem .9rem;background:#f1f3f4;border:none;border-radius:6px;font-size:.84rem;font-weight:500;cursor:pointer;color:#3c4043;transition:background .15s}.btn-signout:hover{background:#e0e0e0}.tab-layout{flex:1;display:flex;overflow:hidden}.tab-nav{width:210px;min-width:210px;flex-shrink:0;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto}.tab-btn{display:block;width:100%;padding:.9rem 1.4rem;background:none;border:none;border-left:3px solid transparent;text-align:left;font-size:.88rem;font-weight:500;color:#5f6368;cursor:pointer;transition:background .15s,color .12s,border-color .12s;line-height:1.3}.tab-btn:hover{background:#f5f7ff;color:#1a1a2e}.tab-btn.active{border-left-color:#2979ff;background:#edf3ff;color:#1565c0;font-weight:700}.tab-content{flex:1;overflow-y:auto;background:#f0f2f5}.tab-panel{padding:2rem;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.tab-panel.hidden{display:none}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#aaa;margin-bottom:.85rem}.section-grid{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;align-items:start}@media(max-width:760px){.section-grid{grid-template-columns:1fr}}.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;margin-bottom:1.25rem}.form-group input[type=number]{width:100%;padding:.65rem .85rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s}.form-group input[type=number]:focus{border-color:#2979ff;box-shadow:0 0 0 3px #2979ff26}.form-group select{width:100%;padding:.65rem 2.2rem .65rem .85rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;outline:none;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center}.form-group select:focus{border-color:#2979ff;box-shadow:0 0 0 3px #2979ff26}.card-full{grid-column:1 / -1}.device-form-top{display:grid;grid-template-columns:repeat(4,1fr);gap:0 1rem;margin-bottom:1.5rem}@media(max-width:900px){.device-form-top{grid-template-columns:1fr 1fr}}.btn-device{max-width:200px}.io-config-hint{font-size:.85rem;color:#777;margin-bottom:1rem}.io-sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2rem;margin-bottom:1.5rem}@media(max-width:760px){.io-sections-grid{grid-template-columns:1fr}}.io-section h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#5f6368;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.io-count{font-size:.7rem;color:#aaa;font-weight:500;text-transform:none;letter-spacing:0}.io-boxes{display:flex;flex-direction:column;gap:.45rem;min-height:32px}.io-row{display:flex;align-items:center;gap:.55rem}.io-label-input{flex:1;max-width:200px;padding:.26rem .6rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.8rem;color:#555;outline:none;transition:border-color .15s,box-shadow .15s}.io-label-input:focus{border-color:#2979ff;box-shadow:0 0 0 2px #2979ff1f}.io-box{display:flex;align-items:center;gap:.3rem;padding:.28rem .65rem;border:1.5px solid #e0e0e0;border-radius:20px;font-size:.8rem;color:#555;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}.io-box:has(input:checked){border-color:#2979ff;background:#e8f1fd;color:#1565c0;font-weight:600}.io-box input[type=checkbox]{width:13px;height:13px;accent-color:#2979FF;cursor:pointer}.io-none{font-size:.8rem;color:#ccc;font-style:italic}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;padding:1.75rem}.card h2{font-size:.95rem;font-weight:700;color:#1a1a2e;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0;text-transform:uppercase;letter-spacing:.05em}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:.6rem .9rem;background:#f8f9fa;color:#5f6368;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e8eaed}td{padding:.75rem .9rem;border-bottom:1px solid #f0f0f0;color:#3c4043}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.badge{display:inline-block;padding:.18rem .55rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.03em}.badge-admin{background:#e8f1fd;color:#1565c0}.badge-user{background:#f1f3f4;color:#5f6368}.empty-row td{text-align:center;color:#aaa;padding:2rem;font-size:.88rem}.monitor-selectors{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;margin-bottom:1.5rem;max-width:600px}@media(max-width:600px){.monitor-selectors{grid-template-columns:1fr}}.telemetry-header{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;background:#f8f9fa;border:1px solid #e8eaed;border-radius:14px;padding:1.1rem 1.25rem;margin-bottom:1.25rem}.telemetry-last-seen{display:flex;flex-direction:column;gap:.15rem}.telemetry-last-seen-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa}.telemetry-last-seen-value{font-size:1.15rem;font-weight:700;color:#1a1a2e;line-height:1.1}.telemetry-header-device{display:flex;align-items:center;gap:.6rem}.telemetry-device-name{font-size:1rem;font-weight:700;color:#1a1a2e}.badge-online{background:#e6f4ea;color:#1e6823}.badge-offline{background:#fce8e6;color:#c62828}.io-bento{background:#f8f9fa;border:1px solid #e8eaed;border-radius:14px;padding:1.1rem 1.25rem;margin-bottom:1.25rem}.io-bento-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin-bottom:.85rem}.io-list{display:flex;flex-direction:column}.io-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid #ececf0}.io-row:last-child{border-bottom:none}.io-row-key{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5f6368}.io-row-value{font-size:1.05rem;font-weight:700;color:#1a1a2e;text-align:right}.telemetry-null{color:#ccc;font-weight:400}.telemetry-label{font-size:.7rem;color:#2979ff;font-weight:500;text-transform:none;letter-spacing:0}.io-state{display:inline-block;padding:.1rem .55rem;border-radius:6px;font-size:.95rem;font-weight:700}.io-state-on{background:#e6f4ea;color:#1e6823}.io-state-off{background:#f1f3f4;color:#5f6368}.telemetry-empty{font-size:.88rem;color:#aaa;padding:1rem 0}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.user-devices-empty{font-size:.88rem;color:#aaa;padding:.5rem 0}.user-devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.device-chip{background:#f8f9fa;border:1px solid #e8eaed;border-radius:10px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.3rem}.device-chip .btn-danger{margin-top:.5rem;font-size:.75rem;padding:.25rem .6rem;align-self:flex-start}.device-chip-name{font-size:.9rem;font-weight:700;color:#1a1a2e;margin-bottom:.2rem}.device-chip-meta{font-size:.75rem;color:#5f6368;font-family:monospace}.btn-secondary{background:#f1f3f4;color:#3c4043;padding:.3rem .7rem;font-size:.8rem;border-radius:6px}.btn-secondary:hover{background:#e0e0e0}.device-chip-fw{margin:.15rem 0 .1rem}.device-chip-actions{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.badge-fw-ok{background:#e6f4ea;color:#1e6823}.badge-fw-update{background:#fff3e0;color:#b45309}.badge-fw-unknown{background:#f1f3f4;color:#5f6368}.form-group input[type=file]{width:100%;padding:.5rem .6rem;border:1px dashed #ccc;border-radius:8px;font-size:.88rem;color:#555;background:#fafafa;cursor:pointer}.form-group input[type=file]:focus{border-color:#2979ff;outline:none}.form-group input[type=text]{width:100%;padding:.65rem .85rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s}.form-group input[type=text]:focus{border-color:#2979ff;box-shadow:0 0 0 3px #2979ff26}.settings-hint{font-size:.8rem;color:#999;margin-bottom:1rem}.card-actions-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0;margin-bottom:1.25rem}.card-actions-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none}#add-device-form-wrapper{padding-top:1.25rem}.settings-hint code{background:#f1f3f4;border-radius:4px;padding:.1em .35em;font-size:.78rem;color:#5f6368}.terms-textarea{width:100%;min-height:260px;padding:.75rem .9rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;font-family:inherit;color:#3c4043;resize:vertical;outline:none;line-height:1.6;transition:border-color .15s,box-shadow .15s;display:block}.terms-textarea:focus{border-color:#2979ff;box-shadow:0 0 0 3px #2979ff26}.terms-textarea[readonly]{background:#f8f9fa;color:#5f6368;cursor:default}.hint{font-size:.85rem;color:#5f6368;line-height:1.5;margin:-.25rem 0 1.1rem;max-width:62ch}.if-row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid #eee}.if-row:last-of-type{border-bottom:none}.if-row-channel{font-weight:700;font-size:.85rem;color:#3c4043}.if-row-channel small{display:block;font-weight:400;color:#80868b;font-size:.72rem}.if-chips{display:flex;flex-wrap:wrap;gap:.4rem}.if-chip{padding:.3rem .7rem;border:1px solid #ddd;border-radius:999px;background:#fff;font-size:.82rem;color:#3c4043;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s,color .12s}.if-chip:hover{border-color:#2979ff}.if-chip.selected{background:#2979ff;border-color:#2979ff;color:#fff;font-weight:600}.if-defaults-actions{margin-top:1rem}.badge-filter-ok{background:#e6f4ea;color:#1e6823}.badge-filter-unconfirmed{background:#fff3e0;color:#b45309}.badge-filter-differs{background:#fce8e6;color:#c62828}.if-device-row td{vertical-align:middle}.if-device-values{display:flex;flex-wrap:wrap;gap:.35rem}.if-override-panel{background:#f8f9fa;padding:.9rem 1.1rem;border-radius:10px}