.chirpstack-meters-screen{padding:1rem;max-width:100%;margin:0 auto}@media (min-width: 768px){.chirpstack-meters-screen{max-width:1400px;padding:1.5rem}.controls{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.search-bar{max-width:400px}.filter-controls{display:flex;gap:1rem;align-items:center;flex-wrap:nowrap}.devices-summary{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width: 480px) and (max-width: 767px){.chirpstack-meters-screen{max-width:100%;padding:1rem}.filter-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:center}.filter-select{min-width:unset}}.chirpstack-meters-screen .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--light-color)}.chirpstack-meters-screen .header-content{flex:1;text-align:center}.chirpstack-meters-screen .header h1{margin:0;color:var(--dark-color);font-size:1.5rem;font-weight:600}.chirpstack-meters-screen .header .subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.chirpstack-meters-screen .back-btn,.chirpstack-meters-screen .export-btn{background:none;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;cursor:pointer}.chirpstack-meters-screen .back-btn:hover,.chirpstack-meters-screen .export-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.chirpstack-meters-screen .export-btn:disabled{opacity:.5;cursor:not-allowed}.devices-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:1rem;border-left:4px solid var(--primary-color)}.summary-card i{font-size:2rem;color:var(--primary-color)}.summary-info h3{margin:0;font-size:2rem;font-weight:700;color:var(--dark-color)}.summary-info p{margin:0;color:var(--text-muted);font-size:.9rem}.devices-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.devices-table{width:100%;border-collapse:collapse;font-size:.9rem}.devices-table thead{background:var(--light-color)}.devices-table th{padding:1.125rem 1rem;text-align:left;font-weight:600;color:var(--dark-color);border-bottom:2px solid #e8e8e8;font-size:.9rem;text-transform:uppercase;letter-spacing:.025em}.devices-table td{padding:1rem;border-bottom:1px solid #f5f5f5;vertical-align:middle}.devices-table tr:hover{background:#f8f9fa}.devices-table tr.disabled{opacity:.6;background:#f5f5f5}.devices-table .deveui{font-family:Courier New,monospace;font-size:.85rem;color:var(--dark-color);font-weight:600}.devices-table .name{font-weight:600;color:var(--primary-color)}.devices-table .description{color:var(--text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devices-table .joineui{font-family:Courier New,monospace;font-size:.8rem;color:var(--text-muted)}.devices-table .created{color:var(--text-muted);font-size:.85rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.active{background:#6ba3681a;color:var(--success-color)}.status-badge.disabled{background:#c94c4c1a;color:var(--danger-color)}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.loading .spinner{width:2rem;height:2rem;margin:0 auto 1rem;border:2px solid var(--light-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error-banner{background:#c94c4c1a;border:1px solid var(--danger-color);border-radius:8px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.error-banner p{margin:0;color:var(--danger-color);font-weight:500}.error-banner button{background:var(--danger-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.error-banner button:hover{background:#b43c3c}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state i{font-size:4rem;color:var(--primary-color);margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--dark-color)}.empty-state p{margin:0 0 2rem;color:var(--text-muted)}.empty-state .btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background:#9fb838;transform:translateY(-1px)}.controls{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1.5rem}.search-bar{position:relative;display:flex;align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:0 1rem;transition:border-color .2s ease}.search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #b2c63f1a}.search-bar i{color:var(--text-muted);margin-right:.5rem}.search-input{flex:1;background:transparent;border:none;padding:.875rem 0;font-size:1rem;outline:none;color:var(--dark-color)}.search-input::placeholder{color:var(--text-muted)}.clear-search{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease}.clear-search:hover{background:#c94c4c1a;color:var(--danger-color)}.filter-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.625rem 1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;outline:none;transition:all .2s ease;min-width:160px}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #b2c63f1a}.sort-order-btn{background:#fff;border:2px solid #e0e0e0;padding:.625rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:50px}.sort-order-btn:hover{background:var(--light-color);border-color:var(--primary-color)}.sort-order-btn:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #b2c63f1a}.sort-order-btn i{font-size:1rem}.search-results-info{background:#b2c63f0d;border:1px solid rgba(178,198,63,.2);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.search-results-info span{font-size:.95rem;color:var(--dark-color);font-weight:500}.clear-filters-btn{background:none;border:1px solid var(--danger-color);color:var(--danger-color);padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.clear-filters-btn:hover{background:var(--danger-color);color:#fff}.devices-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.pagination{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem}.pagination-btn{background:none;border:2px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.page-info{font-weight:600;color:var(--dark-color)}.items-info{font-size:.85rem;color:var(--text-muted)}@media (max-width: 479px){.chirpstack-meters-screen{padding:.5rem}.controls{padding:1rem}.filter-controls{flex-direction:column;align-items:stretch;gap:.75rem}.filter-select,.sort-order-btn{width:100%;min-width:unset}.devices-summary{grid-template-columns:repeat(2,1fr);gap:.75rem}.summary-card{padding:1rem}.search-results-info{flex-direction:column;align-items:stretch;text-align:center}.devices-table-container{overflow-x:auto}.devices-table{min-width:600px}.devices-table th,.devices-table td{padding:.5rem}.chirpstack-meters-screen .header h1{font-size:1.25rem}.pagination{flex-direction:column;gap:1rem;padding:1rem}.pagination-info{order:-1}.pagination-btn{width:100%;justify-content:center}}@media (max-width: 480px){.devices-summary{grid-template-columns:1fr}.controls{gap:.75rem}.search-input{font-size:.9rem}}.app-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:.5rem;box-shadow:var(--shadow-soft-md);position:sticky;top:0;z-index:100}.app-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.app-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.app-title{font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.title-text{display:none}.header-nav-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:1.1rem;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem}.header-nav-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.header-nav-btn.active{background:#ffffffe6;color:var(--primary-color);font-weight:600}.app-header-center{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:2}.config-status{display:flex;justify-content:center}.status-indicator{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500}.status-indicator.status-ok{background:#6ba36833;border:1px solid rgba(107,163,104,.4);color:#d1e7dd}.status-indicator.status-warning{background:#e1b33933;border:1px solid rgba(225,179,57,.4);color:#fff3cd}.status-text,.selection-details{display:none}.selection-item{display:flex;align-items:center;gap:.25rem;font-size:.7rem}.selection-value{font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-right{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;flex:1}.settings-btn,.logout-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:1.1rem;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem}.settings-btn:hover,.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.settings-btn.active{background:#ffffffe6;color:var(--primary-color);font-weight:600}.logout-btn{background:#c94c4c33;border-color:#c94c4c4d}.logout-btn:hover{background:#c94c4c4d;border-color:#c94c4c66}@media (min-width: 768px){.app-header{padding:.75rem 1rem}.app-header-content{gap:1rem}.app-title{font-size:1.25rem}.title-text,.status-text{display:inline}.selection-details{display:flex;gap:.75rem;margin-top:.25rem}.selection-item{background:#ffffff26;padding:.3rem .6rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.2)}.selection-value{max-width:150px}}@media (min-width: 1024px){.app-header-content{gap:1.5rem}.app-header-left{gap:1rem}.header-nav-btn,.settings-btn,.logout-btn{padding:.5rem 1rem;gap:.5rem}.header-nav-btn:after{content:"Home"}.settings-btn:after{content:"Instellingen"}.logout-btn:after{content:"Uitloggen"}.selection-details{gap:1rem}.selection-item{padding:.4rem .8rem}.selection-value{max-width:200px}}:root{--primary-color: #B1BF41;--secondary-color: #D96A29;--success-color: #6BA368;--info-color: #639A67;--warning-color: #E1B339;--danger-color: #C94C4C;--light-color: #F4F5E9;--dark-color: #2B400D;--white: #ffffff;--text-dark: #1A1A1A;--brand-moss-green: #848C46;--brand-grey-light: #DDE3C0;--brand-alert-background: #FBE8DD;--gray-100: #f7fafc;--gray-200: #e2e8f0;--gray-300: #cbd5e0;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--shadow-soft-xs: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07);--shadow-soft-sm: 0 5px 10px 0 rgba(0, 0, 0, .1);--shadow-soft-md: 0 8px 26px -4px rgba(0, 0, 0, .15);--shadow-soft-lg: 0 23px 45px -11px rgba(0, 0, 0, .25);--border-radius: .75rem;--border-radius-sm: .5rem;--border-radius-lg: 1rem;--shadow: var(--shadow-soft-md)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-color);color:var(--text-dark)}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-content{flex:1;padding-bottom:80px}.screen{flex:1;padding:1rem;max-width:100%;margin:0 auto;width:100%}@media (min-width: 768px){.screen{max-width:1200px;padding:1.5rem}}@media (min-width: 480px) and (max-width: 767px){.screen{max-width:600px}}.plaatsen-header{text-align:center;margin-bottom:1.5rem}.plaatsen-header h1{color:var(--dark-color);margin-bottom:.5rem}.plaatsen-count{color:#6c757d;font-size:.9rem;margin:0}.search-container{position:relative;margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color)}.clear-search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;font-size:1.2rem;cursor:pointer;padding:.25rem}.search-results-info{text-align:center;margin-bottom:1rem;padding:.5rem;background:#e7f3ff;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.search-results-info p{margin:0;color:var(--primary-color);font-size:.9rem}.plaatsen-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:2rem}.plaatsen-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;background:var(--primary-color);color:#fff;font-weight:600;font-size:.9rem}.header-cell{padding:1rem .75rem;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.header-cell:last-child{border-right:none}.table-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;border-bottom:1px solid var(--gray-200);transition:background-color .2s ease}.table-row:hover{background:#b1bf410a}.table-cell{padding:1rem .75rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;border-right:1px solid var(--gray-200)}.table-cell:last-child{border-right:none}.plaats-nummer{font-weight:600;color:var(--dark-color)}.plaats-naam{color:var(--gray-600)}.plaats-sector{color:var(--gray-500);font-size:.8rem}.scan-btn{background:var(--success-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:calc(var(--border-radius) / 2);font-size:.8rem;cursor:pointer;transition:all .2s ease;font-weight:500}.scan-btn:hover{background:#5a9458;transform:translateY(-1px);box-shadow:0 2px 8px #6ba3684d}.scan-btn:active{transform:translateY(0)}.no-results{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.no-results p{margin-bottom:1rem;font-size:1.1rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.spinner{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite}.refresh-container{text-align:center;margin-top:1rem}.refresh-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease}.refresh-btn:hover:not(:disabled){background:#9aab37}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.screen{max-width:100%;padding:.75rem}.table-header,.table-row{grid-template-columns:.8fr 1.2fr .8fr 1fr}.header-cell,.table-cell{padding:.75rem .5rem;font-size:.8rem}.scan-btn{padding:.4rem .8rem;font-size:.75rem}.search-input{font-size:.9rem}}@media (max-width: 480px){.table-header,.table-row{grid-template-columns:1fr 1fr 1fr}.plaats-sector{display:none}.header-cell:nth-child(3){display:none}}.sensor-types-screen{flex:1;padding:1rem;max-width:100%;margin:0 auto;width:100%}@media (min-width: 768px){.sensor-types-screen{max-width:800px;padding:1.5rem}}@media (min-width: 480px) and (max-width: 767px){.sensor-types-screen{max-width:600px}}.sensor-types-screen .header{text-align:center;margin-bottom:2rem}.sensor-types-screen .subtitle{color:var(--gray-500);margin-top:.5rem}.selected-sensor{margin-bottom:2rem}.sensor-card{background:#fff;border-radius:var(--border-radius);padding:1rem;box-shadow:var(--shadow);border:2px solid transparent;margin-bottom:1rem;transition:all .2s ease}.sensor-card.active{border-color:var(--primary-color);background:#b1bf410d}.sensor-card h3{margin:0 0 .5rem;color:var(--dark-color)}.sensor-card p{color:var(--gray-500);margin:0 0 1rem;font-size:.9em}.sensor-details{display:flex;flex-wrap:wrap;gap:.5rem}.sensor-details .detail{background:var(--gray-200);padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.8em;color:var(--gray-600)}.sensor-card.active .sensor-details .detail{background:#b1bf4126}.start-scan-btn{width:100%;padding:1rem;background:var(--success-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1.1em;font-weight:600;cursor:pointer;margin-top:1rem;transition:background-color .2s}.start-scan-btn:hover{background:#5a9458}.actions{margin-bottom:2rem;text-align:center}.add-sensor-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1em;cursor:pointer;transition:background-color .2s}.add-sensor-btn:hover{background:#9aab37}.sensors-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.sensors-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.sensor-actions{display:flex;gap:.5rem;margin-top:1rem}.select-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.9em;cursor:pointer;flex:1}.delete-btn{background:var(--danger-color);color:#fff;border:none;padding:.5rem;border-radius:var(--border-radius);cursor:pointer;min-width:40px}.empty-state{text-align:center;padding:2rem;color:var(--gray-500)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-banner{background:var(--brand-alert-background);border:1px solid rgba(201,76,76,.3);color:var(--danger-color);padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:var(--danger-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:var(--border-radius);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.sensor-form{padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:1.5em;cursor:pointer;color:var(--gray-400)}.form-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.cancel-btn{background:var(--gray-500);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer}.submit-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer}.submit-btn:disabled{background:var(--gray-500);cursor:not-allowed}.active-sensor-banner{background:linear-gradient(135deg,#6ba3681a,#b1bf410d);border:2px solid var(--success-color);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.active-sensor-banner .sensor-info h3{margin:0 0 .25rem;color:var(--success-color);font-size:1rem}.active-sensor-banner .sensor-info p{margin:0 0 .5rem;color:var(--gray-500);font-size:.9em}.change-sensor-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.9em;cursor:pointer;white-space:nowrap}.sensor-error-banner{background:#e1b3391a;border:2px solid var(--warning-color);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.sensor-error-banner p{margin:0;color:var(--warning-color);font-weight:500}.select-sensor-btn{background:var(--warning-color);color:var(--text-dark);border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.9em;cursor:pointer;white-space:nowrap;font-weight:600}.loading-sensor{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;text-align:center;color:var(--gray-500)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #b1bf4140}.form-group .error{display:block;color:var(--danger-color);font-size:.875rem;margin-top:.25rem;font-weight:500}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#9aab37}.btn-danger{background-color:var(--danger-color);color:#fff}.scanner-container{position:relative;width:100%;height:80vh;background:#000;border-radius:var(--border-radius);overflow:hidden}.scanner-video{width:100%;height:100%;object-fit:cover}.roi-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0;padding:1.5rem;box-shadow:var(--shadow);z-index:1000}.bottom-sheet-buttons{display:flex;gap:.5rem;margin-top:1rem}.bottom-sheet-buttons .btn{flex:1}.queue-list{height:400px;overflow-y:auto;border:1px solid #ddd;border-radius:var(--border-radius)}.queue-item{position:absolute;left:0;right:0;padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.queue-item-status{padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:600}.status-completed{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-failed{background-color:#f8d7da;color:#721c24}.scanner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.scanner-header h1{font-size:1.5rem;margin:0}.scanner-instructions{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:1rem;border-radius:var(--border-radius);font-size:.875rem;text-align:center;min-width:280px}.scanner-instructions p{margin:0 0 .5rem;font-weight:600}.format-hint{font-size:.75rem;opacity:.8;margin-bottom:1rem!important}.scan-button{font-size:1.1rem;font-weight:700;padding:1rem 2rem;margin-top:.5rem;width:100%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;box-shadow:0 4px 15px #b1bf414d;transition:all .2s}.scan-button:hover{background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 20px #b1bf4166}.scan-button:active{transform:translateY(0);box-shadow:0 2px 10px #b1bf414d}.scan-button:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.scan-button.scanning{background:linear-gradient(45deg,var(--warning-color),var(--secondary-color));animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.scan-progress{background:#b1bf41e6;color:#fff;padding:.75rem;border-radius:var(--border-radius);margin-bottom:.5rem;font-weight:600;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.scanner-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;padding:2rem;color:#fff}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.results-header h1{font-size:1.5rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color)}.stat-label{display:block;font-size:.875rem;color:var(--dark-color);margin-top:.25rem}.stat-card.completed .stat-number{color:var(--success-color)}.stat-card.pending .stat-number{color:var(--warning-color)}.stat-card.failed .stat-number{color:var(--danger-color)}.tab-buttons{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto}.tab-btn{padding:.5rem 1rem;border:1px solid var(--gray-300);background:#fff;border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;font-size:.875rem}.tab-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.queue-item-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.queue-item-code{flex:1}.queue-item-code code{font-family:Courier New,monospace;font-weight:700;font-size:1rem}.queue-item-code small{display:block;color:var(--gray-500);font-size:.75rem;margin-top:.25rem}.queue-item-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.retry-count{color:var(--gray-500);font-size:.75rem}.queue-item-error{margin-top:.5rem;color:var(--danger-color);font-size:.75rem}.export-section{margin-top:2rem;padding:1rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow)}.export-section h3{margin:0 0 1rem}.export-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.export-buttons .btn{flex:1}.export-info{margin:0;font-size:.875rem;color:var(--gray-500)}.bulk-actions-section{background:#fff;border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.bulk-selection{margin-bottom:1rem}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.bulk-actions{display:flex;gap:.5rem;flex-wrap:wrap}.bulk-btn{flex:1;min-width:150px;font-size:.9rem;padding:.6rem 1rem}.queue-item-checkbox{display:flex;align-items:center;margin-right:.75rem;cursor:pointer}.queue-item-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.queue-item-content{display:flex;align-items:flex-start;gap:.5rem;width:100%}.registration-progress{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#b1bf41f2;color:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:0 10px 30px #b1bf414d;z-index:2000;min-width:280px;text-align:center;animation:registrationSlideIn .3s ease}@keyframes registrationSlideIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.registration-progress-content p{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.registration-progress-content code{display:block;background:#fff3;padding:.75rem;border-radius:4px;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.05em}.confirmation-content h3{margin:0 0 1rem}.detected-code{background:var(--gray-100);padding:1rem;border-radius:var(--border-radius);border:2px solid var(--gray-200);margin-bottom:1rem;text-align:center}.detected-code code{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;color:var(--dark-color)}.edit-section{margin-bottom:1rem}.code-input{width:100%;padding:.75rem;border:2px solid var(--primary-color);border-radius:var(--border-radius);font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:1rem}.edit-buttons{display:flex;gap:.5rem}.edit-buttons .btn{flex:1}.btn-secondary{background-color:var(--gray-500);color:#fff}.btn-secondary:hover{background-color:var(--gray-600)}.btn-warning{background-color:var(--warning-color);color:var(--text-dark)}.btn-warning:hover{background-color:#c9a135}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#5a9458}.error{color:var(--danger-color);font-size:.875rem;margin-top:.25rem}.setup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.setup-header h1{font-size:1.5rem;margin:0}.reset-btn{font-size:.875rem;padding:.5rem 1rem;width:auto}.info-card{background:#b1bf410d;border:1px solid rgba(177,191,65,.2);border-radius:var(--border-radius);padding:1rem;margin-bottom:2rem}.info-card h3{margin:0 0 .5rem;color:var(--primary-color);font-size:1rem}.info-card p{margin:0;font-size:.875rem;color:var(--primary-color);line-height:1.4}.error-card{background:var(--brand-alert-background);border:1px solid rgba(201,76,76,.3);border-radius:var(--border-radius);padding:1rem;margin-bottom:2rem}.error-card h4{margin:0 0 .5rem;color:var(--danger-color);font-size:1rem}.error-card p{margin:0 0 .5rem;font-size:.875rem;color:var(--danger-color);line-height:1.4;word-break:break-word}.error-card small{color:var(--warning-color);font-size:.75rem;font-style:italic}@media (prefers-color-scheme: dark){:root{--light-color: #1a1a1a;--dark-color: #f5f5f5}body{background-color:var(--light-color);color:var(--dark-color)}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--gray-200);display:flex;height:70px;z-index:100;box-shadow:0 -2px 10px #0000001a}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;cursor:pointer;transition:all .2s ease;color:var(--gray-500)}.nav-item.active{color:var(--primary-color);background:#b1bf410d}.nav-item:hover{background:#0000000d}.nav-item.active:hover{background:#b1bf411a}.nav-icon{font-size:1.5rem;margin-bottom:.25rem}.nav-label{font-size:.75rem;font-weight:500;line-height:1}.nav-item.active .nav-label{font-weight:600}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.settings-header h1{font-size:1.5rem;margin:0}.settings-actions{display:flex;gap:.5rem;margin-top:2rem}.settings-actions .btn{flex:1}.success-card{background:#6ba3681a;border:1px solid rgba(107,163,104,.3);border-radius:var(--border-radius);padding:1rem;margin-bottom:2rem}.success-card h4{margin:0 0 .5rem;color:var(--success-color);font-size:1rem}.success-card p{margin:0;font-size:.875rem;color:var(--success-color);line-height:1.4}.test-result-card{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius);padding:1rem;margin-bottom:2rem}.test-result-card h4{margin:0 0 .5rem;color:var(--dark-color);font-size:1rem}.test-result-card p{margin:0 0 .5rem;font-size:.875rem;color:var(--gray-600);line-height:1.4}@media (max-width: 768px){.screen{padding:.5rem}.scanner-container{height:75vh}.app-content{padding-bottom:70px}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}}.upload-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.upload-dialog{background:#fff;border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.upload-dialog-header{padding:1.5rem;border-bottom:1px solid var(--gray-200)}.upload-dialog-header h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--dark-color)}.upload-dialog-header p{margin:0;font-size:.875rem;color:var(--gray-500)}.upload-dialog form{padding:1.5rem}.upload-dialog .form-group{margin-bottom:1.5rem}.upload-dialog .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-color)}.upload-dialog .form-group small{display:block;margin-top:.25rem;font-size:.75rem;color:var(--gray-500);line-height:1.3}.upload-info-box{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem}.upload-info-box h4{margin:0 0 .75rem;font-size:.875rem;color:var(--dark-color)}.upload-info-box p{margin:0 0 .5rem;font-size:.75rem;color:var(--gray-600)}.upload-info-box ol{margin:0;padding-left:1.25rem;font-size:.75rem;color:var(--gray-600);line-height:1.4}.upload-info-box li{margin-bottom:.25rem}.upload-dialog-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.upload-dialog-actions .btn{flex:1}@media (max-width: 768px){.upload-dialog-overlay{padding:.5rem}.upload-dialog{max-height:95vh}.upload-dialog-header,.upload-dialog form{padding:1rem}.upload-dialog-actions{flex-direction:column}}.sensor-status-compact{display:flex;justify-content:space-between;align-items:center;background:#6ba3681a;border:1px solid rgba(107,163,104,.3);border-radius:var(--border-radius);padding:.75rem 1rem;margin-bottom:1rem}.sensor-name{display:flex;align-items:center;gap:.5rem;color:var(--success-color);font-weight:600;font-size:.9rem}.sensor-name i{font-size:1rem}.sensor-change-btn{background:#b1bf411a;border:1px solid rgba(177,191,65,.3);color:var(--primary-color);padding:.5rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:1rem;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem}.sensor-change-btn:hover{background:#b1bf4133;transform:translateY(-1px)}.sensor-status-error{display:flex;justify-content:space-between;align-items:center;background:#e1b3391a;border:1px solid rgba(225,179,57,.3);border-radius:var(--border-radius);padding:.75rem 1rem;margin-bottom:1rem;color:var(--warning-color);font-weight:600;font-size:.9rem}.sensor-status-error i{font-size:1rem;margin-right:.5rem}.sensor-setup-btn{background:#e1b33933;border:1px solid rgba(225,179,57,.4);color:var(--warning-color);padding:.5rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:1rem;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem}.sensor-setup-btn:hover{background:#e1b3394d;transform:translateY(-1px)}.scan-progress-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:1rem 1.5rem;border-radius:1rem;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:20}.scanner-overlay-controls{position:absolute;bottom:10%;left:1rem;right:1rem;z-index:15}.scan-btn-rectangle{width:100%;height:3.5rem;border-radius:var(--border-radius);background:#b1bf41e6;color:#fff;border:2px solid white;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px}.scan-btn-rectangle:hover:not(:disabled){background:#9aab37;transform:translateY(-2px);box-shadow:0 6px 16px #b1bf4166}.scan-btn-rectangle:active{transform:translateY(0)}.scan-btn-rectangle:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.scan-btn-rectangle.scanning{background:linear-gradient(45deg,var(--warning-color),var(--secondary-color));animation:scanPulse 2s infinite}@keyframes scanPulse{0%,to{opacity:.8;box-shadow:0 4px 12px #e1b3394d}50%{opacity:1;box-shadow:0 6px 20px #e1b33999}}.method-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.method-stat{background:#fff;padding:1rem;border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow)}.method-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.method-count{font-size:1.25rem;font-weight:700;color:var(--primary-color);display:block;margin-bottom:.25rem}.method-label{font-size:.8rem;color:var(--gray-500)}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;border-left:4px solid var(--gray-300);transition:all .2s ease}.result-item:hover{box-shadow:0 4px 8px #00000026}.result-item.selected{box-shadow:0 4px 8px #b1bf414d;border-left-color:var(--primary-color)}.result-item.completed{border-left-color:var(--success-color)}.result-item.failed{border-left-color:var(--danger-color)}.result-item.scanning{border-left-color:var(--warning-color)}.result-header{display:flex;align-items:center;padding:1rem;gap:1rem}.result-selection input[type=checkbox]{width:1.2rem;height:1.2rem}.result-main{flex:1}.result-devEui{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.devEui-code{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:var(--primary-color);background:var(--gray-100);padding:.25rem .5rem;border-radius:.25rem}.status-icon{font-size:1.2rem}.result-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--gray-500)}.result-time{font-weight:500}.result-retries{color:var(--warning-color)}.result-place{color:var(--info-color)}.result-details{background:var(--gray-100);padding:1rem;border-top:1px solid var(--gray-200);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;font-size:.9rem}.result-detail{display:flex;gap:.5rem}.detail-label{font-weight:600;min-width:80px;color:var(--gray-600)}.detail-value{color:var(--gray-500)}.detail-value.success{color:var(--success-color)}.detail-value.error{color:var(--danger-color)}.results-list-empty{text-align:center;padding:2rem;color:var(--gray-500)}.empty-state-content{text-align:center;max-width:400px;margin:0 auto}.empty-state-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--gray-600);margin-bottom:.5rem}.empty-state p{color:var(--gray-500);margin-bottom:1.5rem}.stat-card.scanning .stat-number{color:var(--warning-color)}.results-header-actions{display:flex;gap:.5rem}@media (max-width: 768px){.method-stats{grid-template-columns:repeat(2,1fr)}.result-details{grid-template-columns:1fr}.results-header{flex-direction:column;align-items:stretch;gap:1rem}.results-header-actions{justify-content:center}}