body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1b35;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:1100px;margin:18px auto;background-color:#fffffff2;box-shadow:0 2px 2px #0000001a;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}h1,h2{color:#097289;text-align:center;margin-bottom:20px}body{margin:0;padding:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}.app-loading{min-height:100vh;background:#081f3c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#ffffff80;font-family:Roboto,Arial,sans-serif}.app-loading-spinner{width:40px;height:40px;border:3px solid rgba(106,240,251,.2);border-top-color:#1ed6c4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.module-placeholder{min-height:100vh;background:#081f3c;color:#e8e8f0;font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.module-placeholder h1{font-size:2rem;color:#fff;margin:0}.module-placeholder p{color:#7878a0;font-size:1rem;margin:0}.module-back-btn{position:absolute;top:1.5rem;left:1.5rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:#9898b0;padding:.5rem 1rem;border-radius:8px;font-size:.88rem;cursor:pointer;transition:border-color .2s,color .2s}.module-back-btn:hover{border-color:#1ed6c480;color:#1ed6c4}.home-page{min-height:100vh;background:#081f3c;color:#e8e8f0;font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column}.home-nav{display:flex;align-items:center;justify-content:center;padding:1.2rem 3rem;background:#081f3cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(106,240,251,.15);position:sticky;top:0;z-index:100}.home-nav-logo{height:42px;object-fit:contain}.home-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:6rem 3rem;width:100%;box-sizing:border-box;text-align:center}.home-hero-content{max-width:600px}.home-hero-title{font-size:3rem;font-weight:800;line-height:1.15;margin:0 0 1.2rem;color:#fff}.home-hero-highlight{color:#1ed6c4}.home-hero-description{font-size:1.05rem;color:#fff9;line-height:1.7;margin-bottom:2rem}.home-hero-cta{background:linear-gradient(135deg,#1ed6c4,#00acc1);color:#fff;border:none;padding:.85rem 2rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px #1ed6c44d}.home-hero-cta:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 28px #1ed6c473}.home-hero-cta{background:linear-gradient(135deg,#1ed6c4,#00acc1);color:#fff;border:none;padding:1rem 2.8rem;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 24px #1ed6c459;letter-spacing:.02em}.home-hero-cta:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 32px #1ed6c480}.home-footer{text-align:center;padding:1.5rem;color:#ffffff40;font-size:.85rem;border-top:1px solid rgba(106,240,251,.08)}@media (max-width: 900px){.home-hero{flex-direction:column;padding:3rem 1.5rem;text-align:center}.home-hero-title{font-size:2.2rem}.home-hero-visual{flex-direction:row;flex-wrap:wrap;justify-content:center}.home-features-grid{grid-template-columns:1fr;max-width:400px}.home-nav{padding:1rem 1.5rem}}.login-page{min-height:100vh;height:100vh;width:100%;background-color:#081f3c;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;color:#fff;font-family:Roboto,Arial,sans-serif;overflow-x:hidden;box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0}.login-page .logo-container{margin-bottom:40px;position:absolute;top:20px;z-index:10}.login-page .header-logo{max-width:180px;height:auto;padding:20px 0}.login-container{width:100%;max-width:450px;background-color:#ffffff0d;border-radius:15px;box-shadow:0 8px 32px #0003;padding:40px 30px;border:1px solid rgba(106,240,251,.2);position:relative;overflow:hidden;margin:0 auto;animation:fadeIn .5s ease}.login-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#1ed6c4,transparent,#1ed6c4);z-index:-1;border-radius:16px;opacity:.2}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#1ed6c4;margin-bottom:10px;font-size:2rem;font-weight:600}.login-description{color:#ffffffb3;font-size:.9rem;line-height:1.4;margin:0}.login-form{width:100%}.login-form .form-field{margin-bottom:20px;width:100%}.login-form .form-field input{width:100%;padding:15px;border:2px solid rgba(106,240,251,.3);border-radius:8px;background-color:#dffcff1a;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.login-form .form-field input:focus{outline:none;border-color:#1ed6c4;box-shadow:0 0 15px #6af0fb80;background-color:#dffcff33}.login-form .form-field input::placeholder{color:#fff6}.login-form .form-field input:disabled{opacity:.6;cursor:not-allowed}.login-form .form-field input.error{border-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b4d}.field-error{display:block;color:#ff6b6b;font-size:.8rem;margin-top:5px;margin-left:5px}.error-message{background-color:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:12px;margin-bottom:20px;color:#ff6b6b;font-size:.9rem;text-align:center}.login-button{width:100%;padding:15px;background:linear-gradient(135deg,#1ed6c4,#00acc1);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#00acc1,#1ed6c4);transform:translateY(-2px);box-shadow:0 5px 15px #1ed6c466}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(106,240,251,.2)}.default-credentials{background-color:#1ed6c41a;border:1px solid rgba(30,214,196,.3);border-radius:8px;padding:15px;margin:0;font-size:.85rem;color:#fffc;line-height:1.4}.default-credentials strong{color:#1ed6c4}@media (max-width: 768px){.login-container{max-width:90%;padding:30px 20px;margin:20px}.login-header h1{font-size:1.7rem}.login-page .header-logo{max-width:150px}}@media (max-width: 480px){.login-container{padding:25px 15px}.login-header h1{font-size:1.5rem}.login-form .form-field input{padding:12px;font-size:.9rem}.login-button{padding:12px;font-size:1rem}}.dashboard-page{min-height:100vh;background:#081f3c;color:#e8e8f0;font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background:#081f3cf2;border-bottom:1px solid rgba(106,240,251,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.dashboard-logo{height:40px;object-fit:contain}.dashboard-header-right{display:flex;align-items:center;gap:1.5rem}.dashboard-user-info{display:flex;align-items:center;gap:.7rem}.dashboard-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1ed6c4,#00acc1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#fff;flex-shrink:0}.dashboard-user-name{font-size:.9rem;color:#ffffffb3;font-weight:500}.dashboard-logout-btn{background:transparent;border:1px solid rgba(106,240,251,.2);color:#ffffff80;padding:.45rem 1.1rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:border-color .2s,color .2s}.dashboard-logout-btn:hover{border-color:#ff6b6b80;color:#ff6b6b}.dashboard-main{flex:1;max-width:1100px;margin:0 auto;padding:3rem 2rem;width:100%;box-sizing:border-box}.dashboard-welcome{margin-bottom:2.5rem}.dashboard-welcome h1{font-size:2rem;font-weight:800;color:#fff;margin:0 0 .4rem}.dashboard-welcome h1 span{color:#1ed6c4}.dashboard-welcome p{color:#ffffff73;font-size:1rem;margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.dashboard-card{background:#ffffff0a;border:1px solid rgba(106,240,251,.12);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.2rem;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dashboard-card:not(.dashboard-card--disabled){cursor:pointer}.dashboard-card:not(.dashboard-card--disabled):hover{transform:translateY(-6px);border-color:#1ed6c480;box-shadow:0 12px 40px #1ed6c426}.dashboard-card--disabled{opacity:.5;cursor:not-allowed}.dashboard-card-badge{position:absolute;top:1rem;right:1rem;background:#1ed6c41a;color:#1ed6c499;border:1px solid rgba(30,214,196,.2);font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.dashboard-card-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#1ed6c41f;color:#1ed6c4}.dashboard-card-icon svg{width:30px;height:30px}.dashboard-card-body h2{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.dashboard-card-body p{font-size:.88rem;color:#ffffff73;line-height:1.6;margin:0}.dashboard-card-footer{margin-top:auto}.dashboard-card-btn{background:transparent;border:1px solid rgba(30,214,196,.4);color:#1ed6c4;padding:.5rem 1.1rem;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s}.dashboard-card-btn:hover{background:#1ed6c41a;box-shadow:0 0 12px #1ed6c433}.dashboard-card-soon{font-size:.82rem;color:#ffffff40;font-style:italic}.dashboard-footer{text-align:center;padding:1.2rem;color:#fff3;font-size:.82rem;border-top:1px solid rgba(106,240,251,.08)}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.dashboard-header{padding:1rem 1.2rem}.dashboard-main{padding:2rem 1.2rem}.dashboard-welcome h1{font-size:1.5rem}}@media (max-width: 500px){.dashboard-user-name{display:none}}.faceid-container{display:flex;flex-direction:column;align-items:center;gap:18px;padding:4px 0 16px;width:100%}.faceid-ring-area{position:relative;width:min(360px,100vw - 32px,calc(42vh * .818));aspect-ratio:360 / 440;flex-shrink:0;margin:0 auto}.faceid-oval{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:73.3%;aspect-ratio:264 / 324;border-radius:50%;overflow:hidden;background:#0a0a0a}.faceid-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.faceid-canvas-overlay{position:absolute;transform:scaleX(-1);pointer-events:none}.faceid-oval-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#000c;z-index:5}.faceid-oval-overlay p{color:#94a3b8;font-size:.8rem;margin:0;text-align:center;padding:0 14px}.faceid-oval-overlay.error{background:#000000e0}.faceid-oval-overlay.error p{color:#fca5a5}.faceid-ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.faceid-countdown-num{animation:fi-count-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fi-count-pop{0%{font-size:76px;opacity:0}to{font-size:58px;opacity:.92}}.faceid-instruction-area{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 20px}.faceid-step-label{font-size:.95rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#ffffff52}.faceid-instruction{font-size:1.25rem;font-weight:500;color:#ffffffc7;margin:0;min-height:1.35em;transition:color .35s ease;line-height:1.4}.faceid-instruction.ready{color:#34d399}.faceid-dist-hint{font-size:.95rem;color:#fbbf24;font-weight:500;opacity:.9;animation:fi-fade-in .25s ease}.faceid-dots{display:flex;gap:12px;margin-top:8px}.faceid-dot{width:10px;height:10px;border-radius:50%;background:#00000026;transition:all .3s ease}[data-theme=dark] .faceid-dot,.faceid-dot{background:#ffffff29}.faceid-dot.active{background:#ffffffb8;transform:scale(1.4)}.faceid-dot.done{background:#34d399;box-shadow:0 0 5px #34d3998c}.faceid-reset-btn{background:transparent;color:#ffffff4d;border:none;font-size:.75rem;cursor:pointer;text-decoration:underline;padding:4px 8px;transition:color .2s}.faceid-reset-btn:hover{color:#fff9}.faceid-submit-error{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.faceid-submit-error p{color:#fca5a5;font-size:.88rem;margin:0}.faceid-retry-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.35);border-radius:8px;padding:8px 20px;font-size:.85rem;font-weight:600;cursor:pointer}.faceid-retry-btn:hover{background:#ef444433}.faceid-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.faceid-fullscreen-overlay p{color:#94a3b8;font-size:.9rem;margin:0}.faceid-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.faceid-modal{background:#1c1c1e;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:28px 24px;max-width:340px;width:100%;text-align:center;box-shadow:0 24px 64px #0009;animation:fi-modal-in .28s cubic-bezier(.34,1.56,.64,1)}@keyframes fi-modal-in{0%{opacity:0;transform:scale(.86) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.faceid-modal h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 8px}.faceid-modal p{color:#fff9;font-size:.87rem;line-height:1.55;margin:0 0 16px}.faceid-modal-countdown{font-size:2.4rem;font-weight:700;color:#ef4444;margin-bottom:20px;font-variant-numeric:tabular-nums}.faceid-modal-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.faceid-modal-icon.error{background:#ef444421;color:#ef4444}.faceid-modal-icon svg{width:24px;height:24px}.faceid-modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.faceid-modal-btn{padding:10px 22px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:all .18s}.faceid-modal-btn.primary{background:#fff;color:#000}.faceid-modal-btn.primary:hover{background:#e2e8f0}.faceid-modal-btn.danger{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.faceid-modal-btn.danger:hover{background:#ef44441a}.faceid-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;text-align:center;animation:fi-fade-in .4s ease}@keyframes fi-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faceid-success-ring{width:114px;height:114px}.faceid-check-svg{width:100%;height:100%;overflow:visible}.faceid-check-circle{stroke-dasharray:339.3;stroke-dashoffset:339.3;animation:fi-draw-circle .55s ease forwards}.faceid-check-mark{stroke-dasharray:72;stroke-dashoffset:72;animation:fi-draw-check .38s ease .48s forwards}@keyframes fi-draw-circle{to{stroke-dashoffset:0}}@keyframes fi-draw-check{to{stroke-dashoffset:0}}@media (max-width: 380px),(max-height: 700px){.faceid-container{gap:10px;padding-top:0}.faceid-instruction{font-size:1.05rem;min-height:1.25em}.faceid-step-label{font-size:.8rem}.faceid-countdown-num{font-size:60px}@keyframes fi-count-pop{0%{font-size:70px;opacity:0}to{font-size:60px;opacity:.92}}}.face-warning-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.warning-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #097289}.warning-header h2{color:#333;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem;margin:0}.warning-content{display:grid;gap:2rem;margin-bottom:2rem}.warning-section{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #097289}.warning-section h3{color:#097289;margin-top:0;margin-bottom:1rem}.warning-section ul{list-style-type:none;padding:0;margin:0}.warning-section li{padding:.5rem 0 .5rem 1.5rem;position:relative}.warning-section li:before{content:"✓";position:absolute;left:0;color:#097289}.warning-footer{text-align:center;padding-top:1rem;border-top:1px solid #eee}.note{color:#666;font-style:italic;margin:0}@media (max-width: 768px){.face-warning-container{margin:1rem;padding:1rem}.warning-content{gap:1rem}.warning-section{padding:1rem}}.registration-page{min-height:100vh;height:100vh;width:100%;background-color:#081f3c;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;color:#fff;font-family:Roboto,Arial,sans-serif;overflow-x:hidden;box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0}.logo-container{margin-bottom:40px;position:absolute;top:20px;z-index:10;display:flex;align-items:center;gap:1rem}.ghost-back-btn{display:flex;align-items:center;gap:.55rem;background:transparent;border:1px solid rgba(255,255,255,.18);color:#ffffff8c;padding:.55rem 1.15rem;border-radius:10px;font-size:.88rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .25s,border-color .25s,color .25s,box-shadow .25s;white-space:nowrap}.header-logo{max-width:180px;height:auto;padding:20px 0}.progress-indicator{display:flex;justify-content:center;margin:100px 0 20px;gap:8px;width:100%;max-width:500px;flex-wrap:wrap;padding:0 10px;position:relative}.progress-dot{width:12px;height:12px;border-radius:50%;background-color:#fff3;transition:all .3s ease;margin:3px}.progress-dot.active{background-color:#1ed6c4;box-shadow:0 0 10px #1ed6c4;transform:scale(1.2)}.progress-dot.completed{background-color:#dffcff}.wizard-container{width:100%;max-width:500px;height:auto;min-height:auto;background-color:#ffffff0d;border-radius:15px;box-shadow:0 8px 32px #0003;padding:30px;border:1px solid rgba(106,240,251,.2);position:relative;overflow:hidden;margin:0 auto;display:flex;flex-direction:column;align-items:center}.wizard-form{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex:1;margin:0 auto}.wizard-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#1ed6c4,transparent,#1ed6c4);z-index:-1;border-radius:16px;opacity:.2}.field-slide{min-height:100px;width:100%;display:flex;flex-direction:column;animation:fadeIn .5s ease;padding-bottom:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.field-slide h2{color:#1ed6c4;margin-bottom:10px;font-size:1.5rem;text-align:center}.field-description{color:#ffffffb3;margin-bottom:25px;text-align:center;font-size:.9rem}select,#idType{color:#000}.form-field{margin-bottom:15px;width:100%;color:#000;max-width:450px;margin-left:auto;margin-right:auto}.form-field input,.form-field select{width:100%;padding:15px;border:2px solid rgba(106,240,251,.3);border-radius:8px;background-color:#dffcff1a;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}option{font-size:1rem;background-color:#fff;color:#006064}.form-field input:focus,.form-field select:focus{outline:none;border-color:#1ed6c4;box-shadow:0 0 15px #6af0fb80;background-color:#dffcff33}.form-field input::placeholder{color:#fff6}.phone-field .phone-input-container{display:flex;gap:10px;width:100%}.phone-field .country-code-select{width:40%;background-color:#dffcff1a;color:#fff;flex-shrink:0}.phone-field .phone-number-input{width:60%;flex-grow:1}.phone-field select option{background-color:#081f3c;color:#fff}.consent-field{margin-top:20px;width:100%}.consent-field label{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.4;color:#ffffffe6}.consent-field input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#1ed6c4;flex-shrink:0}.error-message{color:#ff6b6b;font-size:.8rem;margin-top:5px;text-align:left;width:100%}.navigation-buttons{display:flex;justify-content:center;margin-top:30px;width:100%;gap:15px}.prev-button,.next-button{padding:12px 25px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.prev-button{background-color:#ffffff1a;color:#fff}.prev-button:hover:not(:disabled){background-color:#fff3}.next-button{background-color:#1ed6c4;color:#081f3c;box-shadow:0 0 15px #6af0fb4d}.next-button:hover:not(:disabled){background-color:#8ff4ff;transform:translateY(-2px);box-shadow:0 5px 20px #6af0fb80}.prev-button:disabled,.next-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.result-message{width:100%;max-width:500px;padding:12px;border-radius:8px;margin-bottom:15px;text-align:center;font-size:.9rem}.result-message.success{background-color:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50}.result-message.error{background-color:#f4433633;border:1px solid rgba(244,67,54,.5);color:#f44336}.thank-you-page{min-height:100vh;background-color:#081f3c;display:flex;justify-content:center;align-items:center;padding:20px}.thank-you-content{max-width:500px;text-align:center;padding:40px;background-color:#ffffff0d;border-radius:15px;box-shadow:0 8px 32px #0003;border:1px solid rgba(106,240,251,.2);color:#fff}.thank-you-logo{max-width:180px;margin-bottom:30px}.thank-you-content h1{color:#1ed6c4;margin-bottom:20px;font-size:1.8rem}.thank-you-content p{margin-bottom:15px;font-size:1.1rem}.countdown{font-weight:700;color:#1ed6c4;font-size:1.3rem}.redirect-button{margin-top:20px;padding:12px 30px;background-color:#1ed6c4;color:#081f3c;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:500}.redirect-button:hover{background-color:#8ff4ff;transform:translateY(-2px);box-shadow:0 5px 20px #6af0fb80}.face-recognition-section{width:100%;max-width:500px}@media (max-width: 768px){.wizard-container{padding:20px;max-width:90%;margin:0 auto}.field-slide{min-height:100px}.field-slide h2{font-size:1.3rem}.form-field input,.form-field select{padding:12px}.navigation-buttons{margin-top:20px}.prev-button,.next-button{padding:10px 20px;font-size:.9rem;min-width:100px}.progress-indicator{max-width:90%}}@media (max-width: 480px){.wizard-container{padding:15px;max-width:90%;margin:0 auto 15px;border-radius:12px}.registration-page{padding:10px}.field-slide{min-height:100px}.field-slide h2{font-size:1.2rem}.field-description{font-size:.8rem}.form-field input,.form-field select{padding:10px;font-size:16px}.phone-field .phone-input-container{flex-direction:column;gap:10px}.phone-field .country-code-select,.phone-field .phone-number-input{width:100%}.prev-button,.next-button{padding:10px 15px;font-size:.9rem;min-width:90px}.thank-you-content{padding:25px;max-width:95%}.thank-you-logo{max-width:140px}.thank-you-content h1{font-size:1.5rem}.thank-you-content p{font-size:1rem}.navigation-buttons{flex-direction:column-reverse;gap:10px}.prev-button,.next-button{width:100%}}@media (max-width: 320px){.wizard-container{padding:12px;max-width:85%}.field-slide{min-height:100px}.field-slide h2{font-size:1.1rem}}@media (max-height: 700px) and (max-width: 480px){.field-slide{min-height:280px}.logo-container{margin-bottom:20px}.progress-indicator{margin:70px 0 10px}}@media (max-height: 500px){.registration-page{position:absolute;height:auto;min-height:100vh;overflow-y:auto}.logo-container{margin-bottom:15px;position:relative;top:0}.progress-indicator{margin:20px 0 5px}}.alert-numbers-page{min-height:100vh;background:#081f3c;color:#e8e8f0;font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column}.alert-numbers-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background:#081f3cf2;border-bottom:1px solid rgba(106,240,251,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.alert-numbers-header-left{display:flex;align-items:center;gap:1rem}.alert-numbers-logo{height:40px;object-fit:contain}.ghost-back-btn:active{background:#1ed6c41f}.alert-numbers-main{flex:1;max-width:760px;margin:0 auto;padding:3rem 2rem;width:100%;box-sizing:border-box}.alert-numbers-title{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;animation:alertFadeIn .5s ease}.alert-numbers-title-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#1ed6c41a;color:#1ed6c4;flex-shrink:0;box-shadow:0 0 20px #1ed6c414}.alert-numbers-title-icon svg{width:26px;height:26px}.alert-numbers-title h1{font-size:1.7rem;font-weight:800;color:#fff;margin:0;letter-spacing:.02em}.alert-numbers-title p{font-size:.9rem;color:#fff6;margin:.25rem 0 0}.alert-numbers-card{background:#ffffff0a;border:1px solid rgba(106,240,251,.12);border-radius:20px;padding:2rem;animation:alertFadeIn .5s ease .1s both}.alert-numbers-input-section{display:flex;gap:.8rem;margin-bottom:2rem}.alert-numbers-input-wrapper{flex:1;position:relative}.alert-numbers-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff40;pointer-events:none}.alert-numbers-input-icon svg{width:18px;height:18px}.alert-numbers-input{width:100%;background:#081f3ccc;border:1px solid rgba(106,240,251,.15);border-radius:12px;padding:.95rem 1rem .95rem 2.8rem;color:#fff;font-size:1rem;font-family:inherit;transition:border-color .25s,box-shadow .25s;box-sizing:border-box}.alert-numbers-input::placeholder{color:#ffffff4d}.alert-numbers-input:focus{outline:none;border-color:#1ed6c4;box-shadow:0 0 0 3px #1ed6c41f}.alert-numbers-input--success{border-color:#1ed6c4!important;box-shadow:0 0 0 3px #1ed6c433,0 0 16px #1ed6c426!important;animation:inputSuccessFlash 1.2s ease}@keyframes inputSuccessFlash{0%{border-color:#1ed6c4;box-shadow:0 0 0 3px #1ed6c44d,0 0 20px #1ed6c440}60%{border-color:#1ed6c4;box-shadow:0 0 0 3px #1ed6c426,0 0 12px #1ed6c41a}to{border-color:#6af0fb26;box-shadow:none}}.alert-numbers-add-btn{background:linear-gradient(135deg,#1ed6c4,#00bfa5);color:#081f3c;border:none;padding:0 1.5rem;border-radius:12px;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;white-space:nowrap;transition:box-shadow .3s,transform .2s,opacity .25s,filter .25s;font-family:inherit}.alert-numbers-add-btn svg{width:18px;height:18px;stroke-width:2.5}.alert-numbers-add-btn:hover:not(:disabled){box-shadow:0 0 24px #1ed6c473,0 4px 12px #1ed6c440;transform:translateY(-1px)}.alert-numbers-add-btn:active:not(:disabled){transform:translateY(0)}.alert-numbers-add-btn--disabled,.alert-numbers-add-btn:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3);box-shadow:none;transform:none}.alert-numbers-divider{border:none;border-top:1px solid rgba(106,240,251,.08);margin:0 0 1.5rem}.alert-numbers-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.alert-numbers-list-label{font-size:.75rem;font-weight:700;color:#1ed6c4;text-transform:uppercase;letter-spacing:.12em;margin:0}.alert-numbers-count{font-size:.75rem;color:#ffffff4d;background:#1ed6c414;padding:.2rem .7rem;border-radius:20px;border:1px solid rgba(30,214,196,.15)}.alert-numbers-list{display:flex;flex-direction:column;gap:.6rem}.alert-number-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:#081f3c80;border:1px solid rgba(106,240,251,.08);border-radius:14px;transition:border-color .25s,background .25s;animation:alertSlideIn .35s ease both}.alert-number-row:hover{border-color:#1ed6c440;background:#081f3cbf}.alert-number-row-left{display:flex;align-items:center;gap:1rem}.alert-number-led{width:10px;height:10px;border-radius:50%;flex-shrink:0}.alert-number-led--active{background:#1ed6c4;box-shadow:0 0 8px #1ed6c4b3,0 0 16px #1ed6c44d;animation:ledPulse 2.5s ease-in-out infinite}.alert-number-led--inactive{background:#ffffff26}.alert-number-text{font-size:1.05rem;color:#fff;font-weight:500;letter-spacing:.04em}.alert-number-status{font-size:.72rem;color:#1ed6c499;text-transform:uppercase;font-weight:600;letter-spacing:.06em}.alert-number-delete-btn{background:transparent;border:1px solid transparent;color:#fff3;padding:.45rem;border-radius:8px;cursor:pointer;transition:color .25s,background .25s,border-color .25s;display:flex;align-items:center;justify-content:center}.alert-number-delete-btn svg{width:18px;height:18px}.alert-number-delete-btn:hover{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b33}.alert-numbers-empty{text-align:center;padding:3rem 1.5rem;border:1px dashed rgba(106,240,251,.12);border-radius:14px;background:#081f3c4d}.alert-numbers-empty-icon{color:#ffffff1f;margin-bottom:.8rem}.alert-numbers-empty-icon svg{width:40px;height:40px}.alert-numbers-empty p{color:#ffffff4d;font-size:.92rem;margin:0}.alert-numbers-footer{text-align:center;padding:1.2rem;color:#fff3;font-size:.82rem;border-top:1px solid rgba(106,240,251,.08)}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes alertSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.alert-numbers-error{color:#ff6b6b;font-size:.82rem;margin:-1rem 0 .8rem;padding:0 .4rem;animation:alertFadeIn .2s ease}.alert-numbers-success{color:#1ed6c4;font-size:.82rem;margin:-1rem 0 .8rem;padding:0 .4rem;animation:alertFadeIn .25s ease}@media (max-width: 640px){.alert-numbers-header{padding:1rem 1.2rem}.alert-numbers-main{padding:2rem 1.2rem}.alert-numbers-title h1{font-size:1.3rem}.alert-numbers-input-section{flex-direction:column}.alert-numbers-add-btn{justify-content:center;padding:.9rem 1.5rem}.alert-numbers-card{padding:1.4rem}.alert-number-row{padding:.85rem 1rem}.alert-number-text{font-size:.95rem}.ghost-back-btn{padding:.45rem .85rem;font-size:.82rem}}.cameras-page{min-height:100vh;background:#081f3c;color:#e8e8f0;font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column}.cameras-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background:#081f3cf2;border-bottom:1px solid rgba(106,240,251,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.cameras-header-left{display:flex;align-items:center}.cameras-logo{height:40px;object-fit:contain}.ghost-back-btn{display:flex;align-items:center;gap:.55rem;background:transparent;border:1px solid rgba(255,255,255,.18);color:#ffffff8c;padding:.55rem 1.15rem;border-radius:10px;font-size:.88rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.ghost-back-btn-icon{display:flex;align-items:center;justify-content:center}.ghost-back-btn-icon svg{width:16px;height:16px;transition:transform .25s}.ghost-back-btn:hover{background:#1ed6c414;border-color:#1ed6c480;color:#1ed6c4;box-shadow:0 0 12px #1ed6c41a}.ghost-back-btn:hover .ghost-back-btn-icon svg{transform:translate(-3px)}.cameras-main{flex:1;max-width:900px;margin:0 auto;padding:3rem 2rem;width:100%;box-sizing:border-box}.cameras-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;animation:cameraFadeIn .5s ease;gap:1rem;flex-wrap:wrap}.cameras-title{display:flex;align-items:center;gap:1rem}.cameras-title-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#1ed6c41a;color:#1ed6c4;flex-shrink:0;box-shadow:0 0 20px #1ed6c414}.cameras-title-icon svg{width:26px;height:26px}.cameras-title h1{font-size:1.7rem;font-weight:800;color:#fff;margin:0;letter-spacing:.02em}.cameras-title p{font-size:.9rem;color:#fff6;margin:.25rem 0 0}.cameras-title-actions{display:flex;align-items:center;gap:.7rem}.cameras-refresh-btn{background:transparent;border:1px solid rgba(106,240,251,.15);color:#ffffff59;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .25s,border-color .25s,background .25s;font-family:inherit}.cameras-refresh-btn svg{width:17px;height:17px}.cameras-refresh-btn:hover{color:#1ed6c4;border-color:#1ed6c466;background:#1ed6c40f}.cameras-add-btn{background:linear-gradient(135deg,#1ed6c4,#00bfa5);color:#081f3c;border:none;padding:.65rem 1.4rem;border-radius:12px;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;white-space:nowrap;transition:box-shadow .3s,transform .2s;font-family:inherit}.cameras-add-btn svg{width:18px;height:18px}.cameras-add-btn:hover{box-shadow:0 0 24px #1ed6c473,0 4px 12px #1ed6c440;transform:translateY(-1px)}.cameras-add-btn--cancel{background:#ffffff0f;color:#ffffff80;border:1px solid rgba(255,255,255,.12);box-shadow:none!important;transform:none!important}.cameras-add-btn--cancel:hover{background:#ff6b6b14;color:#ff6b6b;border-color:#ff6b6b40}.cameras-form-card{background:#ffffff0a;border:1px solid rgba(30,214,196,.2);border-radius:20px;padding:1.8rem 2rem;margin-bottom:1.5rem;animation:cameraFadeIn .3s ease}.cameras-form-title{font-size:.75rem;font-weight:700;color:#1ed6c4;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.4rem}.cameras-form{display:flex;flex-direction:column;gap:1.2rem}.cameras-form-row{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.cameras-form-row--3{grid-template-columns:1fr 1fr 1fr}.cameras-form-row--2{grid-template-columns:1fr 1fr}.cameras-form-row--1{grid-template-columns:1fr}.cameras-form-field{display:flex;flex-direction:column;gap:.45rem}.cameras-form-field label{font-size:.75rem;font-weight:600;color:#ffffff61;text-transform:uppercase;letter-spacing:.07em}.cameras-input{background:#081f3ccc;border:1px solid rgba(106,240,251,.15);border-radius:12px;padding:.88rem 1rem;color:#fff;font-size:.95rem;font-family:inherit;transition:border-color .25s,box-shadow .25s;box-sizing:border-box;width:100%}.cameras-input::placeholder{color:#ffffff38}.cameras-input:focus{outline:none;border-color:#1ed6c4;box-shadow:0 0 0 3px #1ed6c41f}.cameras-password-wrapper{position:relative}.cameras-input--password{padding-right:2.8rem}.cameras-eye-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#ffffff40;cursor:pointer;display:flex;align-items:center;padding:.2rem;border-radius:4px;transition:color .2s}.cameras-eye-btn svg{width:17px;height:17px}.cameras-eye-btn:hover{color:#1ed6c4}.cameras-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cameras-toggle-label{display:flex;align-items:center;gap:.7rem;cursor:pointer;font-size:.9rem;color:#ffffff8c;-webkit-user-select:none;user-select:none}.cameras-toggle-wrapper{position:relative;display:flex;align-items:center}.cameras-toggle-input{position:absolute;opacity:0;width:0;height:0}.cameras-toggle-track{display:block;width:44px;height:24px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.12);transition:background .25s,border-color .25s;position:relative;flex-shrink:0}.cameras-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#ffffff59;border-radius:50%;transition:transform .25s,background .25s}.cameras-toggle-input:checked+.cameras-toggle-track{background:#1ed6c440;border-color:#1ed6c499}.cameras-toggle-input:checked+.cameras-toggle-track .cameras-toggle-thumb{transform:translate(20px);background:#1ed6c4}.cameras-submit-btn{background:linear-gradient(135deg,#1ed6c4,#00bfa5);color:#081f3c;border:none;padding:.75rem 2rem;border-radius:12px;font-size:.92rem;font-weight:700;cursor:pointer;font-family:inherit;transition:box-shadow .3s,transform .2s,opacity .2s}.cameras-submit-btn:hover:not(:disabled){box-shadow:0 0 24px #1ed6c466;transform:translateY(-1px)}.cameras-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cameras-form-error{color:#ff6b6b;font-size:.82rem;margin:0;animation:cameraFadeIn .2s ease}.cameras-error{color:#ff6b6b;font-size:.85rem;margin:0 0 1rem;animation:cameraFadeIn .2s ease}.cameras-success{color:#1ed6c4;font-size:.85rem;margin:0 0 1rem;animation:cameraFadeIn .25s ease}.cameras-card{background:#ffffff0a;border:1px solid rgba(106,240,251,.12);border-radius:20px;padding:2rem;animation:cameraFadeIn .5s ease .1s both}.cameras-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.cameras-list-label{font-size:.75rem;font-weight:700;color:#1ed6c4;text-transform:uppercase;letter-spacing:.12em;margin:0}.cameras-count{font-size:.75rem;color:#ffffff4d;background:#1ed6c414;padding:.2rem .7rem;border-radius:20px;border:1px solid rgba(30,214,196,.15)}.cameras-loading{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;gap:1rem;color:#ffffff4d;font-size:.9rem}.cameras-spinner{width:32px;height:32px;border:2px solid rgba(30,214,196,.15);border-top-color:#1ed6c4;border-radius:50%;animation:cameraSpin .8s linear infinite}.cameras-list{display:flex;flex-direction:column;gap:.5rem}.camera-row{border:1px solid rgba(106,240,251,.08);border-radius:14px;background:#081f3c80;overflow:hidden;transition:border-color .25s;animation:cameraSlideIn .35s ease both}.camera-row:hover{border-color:#1ed6c433}.camera-row-main{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;cursor:pointer;gap:1rem}.camera-row-left{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.camera-led{width:10px;height:10px;border-radius:50%;flex-shrink:0}.camera-led--active{background:#1ed6c4;box-shadow:0 0 8px #1ed6c4b3,0 0 16px #1ed6c44d;animation:ledPulse 2.5s ease-in-out infinite}.camera-led--inactive{background:#ffffff26}@keyframes ledPulse{0%,to{box-shadow:0 0 8px #1ed6c4b3,0 0 16px #1ed6c44d}50%{box-shadow:0 0 4px #1ed6c466,0 0 8px #1ed6c426}}.camera-icon-wrap{color:#1ed6c473;flex-shrink:0;display:flex;align-items:center}.camera-icon-wrap svg{width:20px;height:20px}.camera-id{font-size:.98rem;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-ip-preview{font-size:.74rem;color:#ffffff47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace;margin-top:.12rem}.camera-row-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.camera-toggle-btn{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.28rem .75rem;border-radius:20px;cursor:pointer;font-family:inherit;transition:background .25s,border-color .25s,color .25s;white-space:nowrap}.camera-toggle-btn--on{background:#1ed6c41a;border:1px solid rgba(30,214,196,.28);color:#1ed6c4}.camera-toggle-btn--on:hover:not(:disabled){background:#1ed6c42e}.camera-toggle-btn--off{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffff47}.camera-toggle-btn--off:hover:not(:disabled){background:#1ed6c412;border-color:#1ed6c433;color:#1ed6c4a6}.camera-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.camera-edit-btn{background:transparent;border:1px solid transparent;color:#fff3;padding:.45rem;border-radius:8px;cursor:pointer;transition:color .25s,background .25s,border-color .25s;display:flex;align-items:center}.camera-edit-btn svg{width:17px;height:17px}.camera-edit-btn:hover{color:#1ed6c4;background:#1ed6c414;border-color:#1ed6c433}.camera-edit-btn--active{color:#ff6b6b;background:#ff6b6b0f;border-color:#ff6b6b26}.camera-delete-btn{background:transparent;border:1px solid transparent;color:#fff3;padding:.45rem;border-radius:8px;cursor:pointer;transition:color .25s,background .25s,border-color .25s;display:flex;align-items:center}.camera-delete-btn svg{width:17px;height:17px}.camera-delete-btn:hover:not(:disabled){color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b33}.camera-delete-btn:disabled{opacity:.3;cursor:not-allowed}.camera-chevron{color:#ffffff2e;display:flex;align-items:center;transition:transform .25s,color .25s}.camera-chevron svg{width:16px;height:16px}.camera-chevron--open{transform:rotate(180deg);color:#1ed6c4}.camera-edit-panel{border-top:1px solid rgba(30,214,196,.15);padding:1.4rem 1.2rem;background:#081f3c8c;display:flex;flex-direction:column;gap:1.2rem;animation:cameraFadeIn .2s ease}.cameras-label-hint{font-size:.7rem;color:#ffffff40;font-weight:400;text-transform:none;letter-spacing:0}.cameras-toggle-label--standalone{height:46px;display:flex;align-items:center}.camera-edit-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.camera-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}.cameras-form-error--inline{margin:0}.camera-edit-cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff6;padding:.6rem 1.2rem;border-radius:10px;font-size:.88rem;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s}.camera-edit-cancel-btn:hover{border-color:#ff6b6b59;color:#ff6b6b}.cameras-submit-btn--sm{padding:.6rem 1.4rem;font-size:.88rem}.camera-detail{border-top:1px solid rgba(106,240,251,.07);padding:1.2rem;background:#081f3c66;display:flex;flex-direction:column;gap:.85rem;animation:cameraFadeIn .2s ease}.camera-detail-row{display:flex;align-items:flex-start;gap:1rem}.camera-detail-label{font-size:.72rem;font-weight:700;color:#ffffff47;text-transform:uppercase;letter-spacing:.08em;width:70px;flex-shrink:0;padding-top:.1rem}.camera-detail-value{font-size:.92rem;color:#fff}.camera-detail-url{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1;flex-wrap:wrap}.camera-rtsp-code{font-family:monospace;font-size:.84rem;color:#1ed6c4cc;background:#1ed6c40d;padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(30,214,196,.1);word-break:break-all}.camera-copy-btn{background:transparent;border:1px solid rgba(30,214,196,.15);color:#1ed6c473;padding:.32rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;flex-shrink:0;transition:background .2s,border-color .2s,color .2s}.camera-copy-btn svg{width:14px;height:14px}.camera-copy-btn:hover{background:#1ed6c414;border-color:#1ed6c466;color:#1ed6c4}.camera-detail-status--on{color:#1ed6c4;font-size:.88rem;font-weight:600}.camera-detail-status--off{color:#ffffff4d;font-size:.88rem;font-weight:600}.camera-stream-note{font-size:.78rem;color:#fff3;margin:0;padding:.6rem .8rem;border:1px dashed rgba(255,255,255,.07);border-radius:8px;background:#ffffff05;line-height:1.5}.cameras-empty{text-align:center;padding:3rem 1.5rem;border:1px dashed rgba(106,240,251,.12);border-radius:14px;background:#081f3c4d}.cameras-empty-icon{color:#ffffff1f;margin-bottom:.8rem}.cameras-empty-icon svg{width:40px;height:40px}.cameras-empty p{color:#ffffff4d;font-size:.92rem;margin:0}.cameras-empty-hint{font-size:.8rem!important;color:#ffffff2e!important;margin-top:.35rem!important}.cameras-footer{text-align:center;padding:1.2rem;color:#fff3;font-size:.82rem;border-top:1px solid rgba(106,240,251,.08)}@keyframes cameraFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cameraSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes cameraSpin{to{transform:rotate(360deg)}}@media (max-width: 640px){.cameras-header{padding:1rem 1.2rem}.cameras-main{padding:2rem 1.2rem}.cameras-title h1{font-size:1.3rem}.cameras-title-row{flex-direction:column;align-items:flex-start}.cameras-form-row,.cameras-form-row--3,.cameras-form-row--2,.cameras-form-row--1{grid-template-columns:1fr}.cameras-card{padding:1.4rem}.camera-row-main{padding:.85rem 1rem}.camera-ip-preview{max-width:180px}.camera-toggle-btn{display:none}.ghost-back-btn{padding:.45rem .85rem;font-size:.82rem}}