html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#0f172a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}:root{--guartek-blue: #1a3668;--guartek-hover: #2c4a82;--bg-main: #0f172a;--card-bg: #1e293b;--text-white: #ffffff;--text-muted: #94a3b8;--success: #10b981;--danger: #ef4444}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:-webkit-fill-available;width:100%;overflow:hidden;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{display:flex;width:100vw;height:100vh;height:100dvh;background-color:var(--bg-main);color:var(--text-white);overflow:hidden}.sidebar{width:280px;background:linear-gradient(180deg,#0f172a,#070b14);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.05);z-index:10}.sidebar-header{padding:30px 20px}.logo-wrapper{background:#ffffff08;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-bottom:12px;display:flex;justify-content:center}.sidebar-logo{max-width:100%;height:auto}.system-badge{background:#10b9811a;color:var(--success);font-size:10px;font-weight:800;padding:4px 10px;border-radius:4px;display:flex;align-items:center;gap:6px;letter-spacing:1px}.sidebar-nav{flex:1;padding:0 15px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.nav-group label{font-size:10px;color:var(--text-muted);font-weight:700;margin-left:10px;margin-bottom:8px;display:block;letter-spacing:1px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .3s ease}.nav-item:hover{background:#ffffff0d;color:var(--text-white);transform:translate(5px)}.nav-item.active{background-color:var(--guartek-blue);color:var(--text-white);box-shadow:0 4px 12px #0003}.alert-count{margin-left:auto;background:var(--danger);font-size:10px;padding:2px 6px;border-radius:10px;color:#fff}.partner-logos{display:flex;flex-direction:column;align-items:center;gap:18px;padding:20px 20px 14px;flex-shrink:0}.partner-logo{height:72px;width:auto;max-width:180px;object-fit:contain;opacity:.9;transition:opacity .2s}.partner-logo--sementes{height:90px;max-width:200px}.partner-logo:hover{opacity:1}.sidebar-footer{padding:20px;background:#0003;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.user-profile{display:flex;align-items:center;gap:12px;margin-bottom:15px}.avatar{width:35px;height:35px;background:var(--guartek-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.user-name{font-size:13px;font-weight:600}.user-role{font-size:11px;color:var(--text-muted)}.nav-item.logout:hover{color:var(--danger);background:#ef44441a}.main-content{flex:1;display:flex;flex-direction:column;padding:24px;height:100vh;height:100dvh;overflow:hidden;min-width:0}.main-header{flex-shrink:0;margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-end}.main-header h1{font-size:1.5rem;font-weight:600}.breadcrumb{font-size:12px;color:var(--text-muted);margin-top:4px}.active-page{color:var(--guartek-hover);font-weight:600}.status-badge{background:#ffffff0d;padding:6px 12px;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1)}.camera-grid{display:grid;gap:16px;flex:1;min-height:0;width:100%;transition:all .3s ease}.camera-grid.items-1{grid-template-columns:1fr;grid-template-rows:1fr}.camera-grid.items-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.camera-grid.items-3,.camera-grid.items-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.camera-card{width:100%;height:100%;background-color:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid #334155;position:relative;display:flex;flex-direction:column}.camera-card.clickable{cursor:pointer;transition:transform .2s,border-color .2s}.camera-card.clickable:hover{border-color:var(--guartek-hover);box-shadow:0 0 0 2px var(--guartek-hover);z-index:5}.camera-feed-container{flex:1;width:100%;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.camera-img{width:100%;height:100%;object-fit:contain}.expand-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a3668cc;padding:12px;border-radius:50%;opacity:0;transition:opacity .3s;z-index:3}.camera-card:hover .expand-icon{opacity:1}.camera-badge{position:absolute;top:12px;right:12px;background:var(--danger);padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;z-index:2;box-shadow:0 2px 4px #00000080}.camera-overlay-label{position:absolute;bottom:12px;left:12px;background:#000000b3;padding:4px 10px;border-radius:4px;font-size:.8rem;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.camera-placeholder.error-mode{background-color:#050a14;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;border:1px solid rgba(239,68,68,.4);box-shadow:0 0 15px #ef444426 inset;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:1rem;overflow:hidden}.camera-placeholder.error-mode:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#fff0,#ffffff0d 50%,#fff0);animation:scanlineMove 4s linear infinite;pointer-events:none;opacity:.5}.icon-container-glow{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#ef44441a;border:1px solid rgba(239,68,68,.3);margin-bottom:16px;box-shadow:0 0 20px #ef444433}.blink-icon{color:var(--danger);filter:drop-shadow(0 0 5px var(--danger));animation:pulse-alert-sharp 1.5s ease-in-out infinite alternate}.camera-placeholder.error-mode p{color:#e2e8f0;font-weight:700;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;text-shadow:0 0 5px rgba(0,0,0,.5)}.camera-placeholder.error-mode small{font-family:Courier New,Courier,monospace;color:var(--danger);font-size:.7rem;background:#0f172acc;border:1px solid rgba(239,68,68,.3);padding:4px 10px;border-radius:2px;display:flex;align-items:center;gap:6px}.camera-placeholder.error-mode small:before{content:"SOURCE_ID:";color:var(--text-muted);font-size:.6rem;font-weight:700}.camera-placeholder.large.error-state{background-color:#020408;border:2px solid rgba(239,68,68,.5)}.camera-placeholder.large.error-state .icon-container-glow{width:100px;height:100px}.camera-placeholder.large.error-state p{font-size:1.4rem}.camera-placeholder.large.error-state small{font-size:.9rem;padding:6px 14px}.camera-placeholder.large.error-state .retry-text{color:var(--text-muted);font-size:.9rem;margin-top:10px;font-style:italic}@keyframes pulse-alert-sharp{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.9)}}@keyframes scanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pulse-animation{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.green{background:var(--success);box-shadow:0 0 10px var(--success)}.dot.red{background:var(--danger);box-shadow:0 0 10px var(--danger)}.pulse{animation:pulse-animation 2s infinite}.no-signal-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e293b,#0f172a);border:1px dashed rgba(255,255,255,.1);border-radius:12px;position:relative;overflow:hidden;margin-bottom:16px}.radar-circle{position:absolute;width:600px;height:600px;border:1px solid rgba(16,185,129,.05);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border:1px solid rgba(16,185,129,.05);border-radius:50%}.radar-sweep{width:50%;height:50%;position:absolute;top:0;left:50%;transform-origin:bottom left;background:linear-gradient(90deg,#10b98100,#10b9811a);animation:radar-spin 4s linear infinite}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-signal-content{z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.no-signal-content h2{color:var(--text-white);font-weight:500;letter-spacing:1px}.no-signal-content p{color:var(--text-muted);font-size:14px;max-width:400px}.icon-pulse{color:var(--guartek-hover);animation:pulse-opacity 2s infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}.loading-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin-top:20px;overflow:hidden}.loading-progress{width:50%;height:100%;background:var(--guartek-hover);animation:loading-slide 1.5s infinite ease-in-out}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;width:95vw;height:95vh;background:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #333;box-shadow:0 20px 50px #00000080}.modal-header{height:50px;background:#ffffff0d;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.modal-title{font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text-white)}.close-modal{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-modal:hover{color:var(--danger)}.modal-video-wrapper{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.modal-img{width:100%;height:100%;object-fit:contain}.main-footer{margin-top:16px;flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:20px}.btn-pagination{background-color:var(--guartek-blue);color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;transition:.2s}.btn-pagination:hover:not(:disabled){background-color:var(--guartek-hover)}.alert-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:1px;z-index:5;text-transform:uppercase}.alert-badge-1{background:#eab30840;color:#fbbf24;border:1px solid rgba(234,179,8,.5)}.alert-badge-2{background:#f9731640;color:#fb923c;border:1px solid rgba(249,115,22,.5)}.alert-badge-3{background:#ef444440;color:#f87171;border:1px solid rgba(239,68,68,.5);animation:blink-border .8s infinite}.camera-card.level-0{border:1px solid rgba(255,255,255,.06)}.camera-card.level-1{border:1px solid rgba(234,179,8,.5);box-shadow:0 0 10px #eab30826}.camera-card.level-2{border:1px solid rgba(249,115,22,.6);box-shadow:0 0 14px #f9731633}.camera-card.level-3{border:1px solid rgba(239,68,68,.8);box-shadow:0 0 18px #ef44444d;animation:blink-border .8s infinite}.dot.yellow{background-color:#fbbf24}.dot.orange{background-color:#fb923c}@keyframes blink-border{0%,to{box-shadow:0 0 18px #ef44444d}50%{box-shadow:0 0 28px #ef4444b3}}.btn-pagination:disabled{opacity:.3;cursor:not-allowed}.page-indicator{font-weight:700;color:var(--text-muted);font-size:14px}.auth-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a3668,#0f172a 60%)}.auth-card{background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px 36px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 20px 60px #00000080}.auth-logo{margin-bottom:8px}.auth-logo img{max-width:160px}.auth-title{font-size:20px;font-weight:700;color:var(--text-white);margin:4px 0 0;text-align:center}.auth-subtitle{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:8px}.auth-form{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:8px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.auth-field input,.auth-field select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 14px;color:var(--text-white);font-size:14px;outline:none;transition:border-color .2s}.auth-field input:focus,.auth-field select:focus{border-color:var(--guartek-hover)}.auth-field select option{background:#1e293b}.auth-btn{width:100%;background:var(--guartek-blue);color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;padding:13px;cursor:pointer;transition:background .2s,transform .1s;margin-top:4px}.auth-btn:hover:not(:disabled){background:var(--guartek-hover)}.auth-btn:active:not(:disabled){transform:scale(.98)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:13px;border-radius:6px;padding:8px 12px;text-align:center}.auth-link{font-size:13px;color:var(--text-muted);margin-top:8px;text-align:center}.link-btn{background:none;border:none;color:#60a5fa;font-size:13px;cursor:pointer;text-decoration:underline;padding:0}.link-btn:hover{color:#93c5fd}.settings-gate{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:32px}.settings-gate-card{background:var(--card-bg, #1e2330);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px 48px;max-width:420px;width:100%;text-align:center}.settings-gate-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#6366f126;color:#818cf8;margin-bottom:20px}.settings-gate-card h2{font-size:20px;font-weight:600;color:var(--text-primary, #f1f5f9);margin-bottom:8px}.settings-gate-card p{font-size:13px;color:var(--text-muted, #94a3b8);line-height:1.5}.settings-page{padding:32px;max-width:860px}.settings-page-header{display:flex;align-items:center;gap:14px;margin-bottom:32px;color:#818cf8}.settings-page-header h2{font-size:20px;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0}.settings-page-header p{font-size:13px;color:var(--text-muted, #94a3b8);margin:4px 0 0}.settings-section{background:var(--card-bg, #1e2330);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px 32px}.settings-section-header{display:flex;align-items:center;gap:10px;color:#a5b4fc;margin-bottom:8px}.settings-section-header h3{font-size:16px;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0}.settings-section-desc{font-size:13px;color:var(--text-muted, #94a3b8);margin-bottom:24px}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.settings-row{grid-template-columns:1fr}.settings-gate-card{padding:28px 24px}.settings-page{padding:20px}}.settings-success{display:flex;align-items:center;gap:8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80;border-radius:8px;padding:10px 16px;font-size:14px;margin-bottom:16px}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0}.settings-tab{display:flex;align-items:center;gap:8px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted, #94a3b8);font-size:14px;font-weight:500;padding:10px 16px;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}.settings-tab:hover{color:var(--text-primary, #f1f5f9)}.settings-tab.active{color:#818cf8;border-bottom-color:#818cf8}@media(orientation:portrait),(max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;height:62px;flex-direction:row;align-items:center;border-right:none;border-bottom:none;padding:0 14px;flex-shrink:0;background:linear-gradient(90deg,#0a1628,#0f172a 60%,#0d1b2e);box-shadow:0 1px #60a5fa1f,0 4px 24px #00000073;position:relative;z-index:20;gap:0}.sidebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(96,165,250,.5) 20%,rgba(96,165,250,.8) 50%,rgba(96,165,250,.5) 80%,transparent 100%)}.sidebar-header{padding:0 14px 0 0;display:flex;align-items:center;flex-shrink:0;margin-right:10px;border-right:1px solid rgba(255,255,255,.07);height:42px}.logo-wrapper{padding:5px 8px;margin-bottom:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px}.sidebar-logo{max-height:26px;width:auto}.system-badge{display:none}.sidebar-nav{flex:1;flex-direction:row;gap:2px;padding:0;overflow-x:auto;overflow-y:hidden;align-items:center;height:100%}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none}.nav-group{display:flex;flex-direction:row;gap:2px;align-items:center;height:100%}.nav-group label{display:none}.nav-item{padding:0 14px;white-space:nowrap;width:auto;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:0;color:#94a3b8cc;position:relative;transition:background .2s,color .2s}.nav-item:hover{transform:none;background:#60a5fa14;color:#93c5fd}.nav-item.active{background:#1a3668b3;color:#60a5fa;box-shadow:0 0 0 1px #60a5fa40,0 2px 12px #60a5fa26}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:#60a5fa;border-radius:2px 2px 0 0;box-shadow:0 0 8px #60a5fa}.nav-item span:not(.alert-count){display:none}.partner-logos{display:flex;flex-direction:row;align-items:center;gap:10px;padding:0 12px;margin-left:4px;border-left:1px solid rgba(255,255,255,.07);flex-shrink:0;height:42px}.partner-logo{height:38px;max-width:none;filter:brightness(.95)}.partner-logo--sementes{height:56px;max-width:none}.sidebar-footer{padding:0 0 0 12px;border-top:none;border-left:1px solid rgba(255,255,255,.07);background:transparent;display:flex;align-items:center;gap:6px;flex-shrink:0;height:42px}.user-profile{margin-bottom:0}.user-info{display:none}.avatar{width:32px;height:32px;font-size:11px;border:1px solid rgba(96,165,250,.25)}.nav-item.logout{width:36px;height:36px;padding:0;border-radius:8px;justify-content:center}.main-content{height:calc(100dvh - 62px);padding:12px;overflow-y:auto;overflow-x:hidden;display:block}.main-header{margin-bottom:10px}.main-header h1{font-size:1.1rem}.camera-grid,.camera-grid.items-1,.camera-grid.items-2,.camera-grid.items-3,.camera-grid.items-4{display:flex;flex-direction:column;gap:12px;height:auto;margin-bottom:12px}.camera-card{height:auto;min-height:unset;flex-shrink:0}.camera-feed-container{flex:none;width:100%;aspect-ratio:16 / 9}.main-footer{margin-top:4px;padding-bottom:env(safe-area-inset-bottom,24px);margin-bottom:48px}.modal-content{width:100vw;height:100vh;border-radius:0}}.dados-view{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding-right:4px}.dados-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px 28px}.dados-card-header{display:flex;align-items:center;gap:10px;color:#60a5fa;margin-bottom:6px}.dados-card-header h3{font-size:16px;font-weight:600;color:var(--text-white);margin:0}.dados-card-desc{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.dados-card-desc code{background:#ffffff14;padding:1px 6px;border-radius:4px;font-size:12px;color:#93c5fd}.dados-selectors{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.dados-selector-group{display:flex;flex-direction:column;gap:6px}.dados-selector-group label{font-size:10px;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:6px}.dados-selector-group label:before{content:"";display:inline-block;width:6px;height:6px;background:#60a5fa;border-radius:50%;box-shadow:0 0 6px #60a5fa}.dados-select-wrapper{position:relative}.dados-select-wrapper:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#60a5fa;font-size:14px;pointer-events:none}.dados-select{appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#0d1b2e,#0f172a);border:1px solid rgba(26,54,104,.8);border-left:3px solid #60a5fa;border-radius:8px;padding:10px 36px 10px 14px;color:#e2e8f0;font-size:14px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;outline:none;cursor:pointer;min-width:200px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px 3px #0006}.dados-select:hover{border-color:#2c4a82;border-left-color:#93c5fd;background:linear-gradient(135deg,#0f1f35,#111827);box-shadow:0 0 10px #60a5fa1a,inset 0 1px 3px #0006}.dados-select:focus{border-color:#1a3668;border-left-color:#93c5fd;box-shadow:0 0 0 2px #60a5fa26,0 0 14px #60a5fa1a;background:linear-gradient(135deg,#0f1f35,#111827)}.dados-select option{background:#0f172a;color:#e2e8f0}.dados-minus{font-size:28px;font-weight:300;color:var(--text-muted);padding-bottom:10px;-webkit-user-select:none;user-select:none}.dados-result{display:flex;align-items:baseline;gap:14px;padding:18px 22px;background:#1a366833;border:1px solid rgba(96,165,250,.2);border-radius:10px;margin-bottom:14px}.dados-result-number{font-size:52px;font-weight:700;color:#60a5fa;line-height:1}.dados-result-label{font-size:14px;color:var(--text-muted)}.dados-breakdown{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-muted)}.dados-breakdown span{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:5px 12px;border-radius:6px}.dados-breakdown strong{color:var(--text-white)}.dados-hint{font-size:13px;color:#94a3b880;font-style:italic;margin-top:4px}.alerts-page{display:flex;flex-direction:column;gap:20px;padding:4px}.alerts-controls{display:flex;gap:16px;flex-wrap:wrap}.alerts-controls .auth-field{min-width:220px;display:flex;flex-direction:column;gap:6px}.alerts-controls .auth-field label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.alerts-controls .auth-field select{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:inherit;font-size:.9rem}.alerts-controls .auth-field select option{color:#111}.alerts-hint{opacity:.75;font-size:.9rem}.alarm-meta{display:flex;align-items:center;gap:8px;font-size:.9rem;opacity:.85}.alarm-video-panel{display:flex;flex-direction:column;gap:10px;max-width:900px}.alarm-video-toolbar{display:flex;align-items:center;justify-content:space-between}.alarm-video-counter{font-size:.85rem;opacity:.8}.alarm-video-img{width:100%;border-radius:12px;background:#000;border:1px solid rgba(255,255,255,.12)}.alarm-video-empty{padding:40px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;text-align:center;opacity:.7;max-width:900px}