:root{color:#d7ddc8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#11150f;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}html{min-height:100%}body{color:#d7ddc8;background:#11150f;min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}button,input,textarea,select{font:inherit}button{border:0;outline:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#11150f}::-webkit-scrollbar-thumb{background:#3d4930;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#566642}::selection{color:#edf2e4;background:#82965a59}.dashboard-camera{flex-direction:column;min-width:0;display:flex;overflow:hidden}.dashboard-camera .feed-area{background:#05090c;justify-content:center;align-items:center;width:100%;height:300px;min-height:300px;max-height:300px;display:flex;overflow:hidden}.dashboard-camera .live-feed{object-fit:cover;background:#05090c;width:100%;height:100%;display:block}.dashboard-camera .feed-footer{background:#0b1217;border-top:1px solid #1d2b33;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 20px;display:flex}.dashboard-camera .feed-footer>div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.dashboard-camera .feed-footer strong{color:#f1f5f7;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.dashboard-camera .feed-footer span{color:#71838d;font-size:12px}.dashboard-camera .camera-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dashboard-camera .camera-edit-button{color:#8faebc;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #334851;border-radius:3px;padding:8px 12px;font-size:10px;font-weight:600}.dashboard-camera .camera-edit-button:hover{color:#c4d24b;border-color:#9aaa38}.dashboard-camera .camera-delete-button{color:#d87878;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #63383b;border-radius:3px;padding:8px 12px;font-size:10px;font-weight:600}.dashboard-camera .camera-delete-button:hover{color:#ff8585;background:#351719;border-color:#d05b5b}.dashboard-camera .camera-delete-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-camera .feed-status{color:#65757c;letter-spacing:1px;border:1px solid #39474d;border-radius:3px;padding:5px 8px;font-size:9px}.dashboard-camera .feed-status.active{color:#62cda9;background:#285d4e1f;border-color:#285d4e}.dashboard-camera .feed-placeholder{color:#6e818a;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.dashboard-camera .feed-placeholder span{color:#a7b5ba;letter-spacing:1px;font-size:13px}.dashboard-camera .feed-placeholder small{color:#53656d;font-size:11px}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#e4e9ed;background:#080c10;font-family:Inter,Arial,Helvetica,sans-serif}button{font-family:inherit}button:focus-visible{outline:1px solid #5e9990}.app-shell{background:radial-gradient(circle at 80% 0,#244c501f,#0000 30%),#080c10;min-height:100vh;display:flex}.sidebar{z-index:20;background:#0b1015;border-right:1px solid #202b33;flex-direction:column;width:245px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid #202a32;align-items:center;gap:12px;padding:4px 10px 28px;display:flex}.brand-mark{color:#a1d0c5;letter-spacing:1px;background:#10201f;border:1px solid #41625f;border-radius:5px;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:flex}.sidebar-brand h1{letter-spacing:2px;margin:0;font-size:15px}.sidebar-brand span{color:#678078;letter-spacing:3px;margin-top:2px;font-size:9px;display:block}.sidebar-section{margin-top:28px}.sidebar-label{color:#52616c;letter-spacing:1.5px;margin:0 10px 10px;font-size:9px;font-weight:700;display:block}nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#7e8b95;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:13px;width:100%;padding:12px;font-size:12px;transition:all .18s;display:flex}.nav-item:hover{color:#c7d0d5;background:#11191f}.nav-item.active{color:#a5d4c9;background:#132522;border-color:#294742}.nav-icon{text-align:center;color:#667781;width:18px;font-size:14px}.nav-item.active .nav-icon{color:#83bcb0}.sidebar-bottom{margin-top:auto}.system-section{border-top:1px solid #202a32;padding:17px 8px}.system-item{color:#687781;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:7px 3px;font-size:10px;display:grid}.system-item strong{color:#789088;letter-spacing:.8px;font-size:8px}.system-dot{border-radius:50%;width:6px;height:6px}.system-dot.online{background:#54ba88;box-shadow:0 0 8px #54ba8880}.system-dot.standby{background:#8a8060}.sidebar-footer{color:#44525b;letter-spacing:1px;justify-content:space-between;padding:12px 10px 0;font-size:8px;display:flex}.sidebar-footer small{color:#3e4a52}.main-area{width:calc(100% - 245px);min-height:100vh;margin-left:245px}.topbar{background:#0a0f14;border-bottom:1px solid #202a32;justify-content:space-between;align-items:center;height:67px;padding:0 30px;display:flex}.breadcrumb{color:#71818b;letter-spacing:1.5px;font-size:9px}.breadcrumb span{color:#3e4a53;margin:0 9px}.topbar-right{align-items:center;gap:18px;display:flex}.operation-status{color:#79b99d;letter-spacing:1px;align-items:center;gap:7px;font-size:9px;display:flex}.status-dot{background:#55bf8c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #55bf8cb3}.topbar-time{color:#5c6a74;letter-spacing:1.5px;font-size:9px}.operator{border-left:1px solid #273139;align-items:center;gap:9px;padding-left:18px;display:flex}.operator-avatar{color:#91afa9;background:#162125;border:1px solid #34464b;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:8px;display:flex}.operator strong,.operator span{display:block}.operator strong{color:#a5afb5;letter-spacing:1px;font-size:9px}.operator span{color:#52616b;letter-spacing:1px;margin-top:3px;font-size:7px}.content-area{max-width:1650px;margin:auto;padding:32px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.section-label{color:#64817f;letter-spacing:2px;font-size:9px;font-weight:700}.page-header h2{letter-spacing:.3px;margin:7px 0;font-size:29px}.page-header p{color:#6e7c86;margin:0;font-size:12px}.mission-status{color:#77ae96;letter-spacing:1px;background:#0d1916;border:1px solid #263e37;border-radius:4px;align-items:center;gap:8px;padding:9px 12px;font-size:8px;font-weight:700;display:flex}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.dashboard-stat{background:#0d1318;border:1px solid #202c34;border-radius:5px;justify-content:space-between;align-items:center;min-height:108px;padding:20px;display:flex}.dashboard-stat span{color:#62727d;letter-spacing:1.5px;font-size:8px;display:block}.dashboard-stat strong{color:#e4e9ed;margin-top:8px;font-size:28px;font-weight:400;display:block}.stat-icon{color:#4c6669;font-size:23px}.alert-stat .stat-icon{color:#786a56}.dashboard-section{margin-bottom:20px}.section-heading,.panel-header{border-bottom:1px solid #202a32;justify-content:space-between;align-items:flex-end;margin-bottom:12px;padding-bottom:12px;display:flex}.section-heading h3,.panel-header h3{margin:5px 0 0;font-size:15px}.feed-count,.panel-count{color:#56656f;letter-spacing:1px;font-size:8px}.dashboard-camera-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.dashboard-camera{background:#0c1217;border:1px solid #202d35;border-radius:5px;overflow:hidden}.feed-header{color:#63737d;letter-spacing:1px;border-bottom:1px solid #202b33;justify-content:space-between;align-items:center;height:34px;padding:0 11px;font-size:8px;display:flex}.feed-live{color:#72a88e;align-items:center;gap:6px;display:flex}.feed-live i{background:#55bc89;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #55bc89b3}.feed-area{background-color:#0b1116;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:25px 25px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;height:235px;display:flex;position:relative}.feed-placeholder{color:#53636e;letter-spacing:1.5px;flex-direction:column;align-items:center;gap:7px;font-size:8px;display:flex}.feed-placeholder small{color:#3f4e58;letter-spacing:0;font-size:8px}.camera-crosshair{color:#536971;font-size:43px}.feed-footer{border-top:1px solid #202b33;justify-content:space-between;align-items:center;padding:12px;display:flex}.feed-footer strong,.feed-footer span{display:block}.feed-footer strong{color:#b8c1c7;font-size:10px}.feed-footer span{color:#566771;margin-top:4px;font-size:8px}.feed-status{letter-spacing:1px;color:#8b6868!important;font-size:8px!important}.feed-status.active{color:#72a991!important}.dashboard-lower{grid-template-columns:1.4fr 1fr;gap:13px;display:grid}.panel{background:#0c1217;border:1px solid #202c34;border-radius:5px;min-height:230px;padding:17px}.secure-badge{color:#76a890;letter-spacing:1px;background:#0d1916;border:1px solid #29453b;border-radius:3px;padding:5px 8px;font-size:7px;font-weight:700}.empty-events{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:150px;display:flex}.event-icon{color:#42545e;font-size:26px}.empty-events strong{color:#677680;font-size:10px}.empty-events span{color:#414f58;font-size:8px}.threat-status{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:150px;display:flex}.threat-ring{color:#70a990;background:#0d1916;border:1px solid #376052;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex}.threat-status strong{color:#8fa69f;font-size:10px}.threat-status span{color:#4c5b64;font-size:8px}.coming-soon{border:1px dashed #28353e;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.coming-soon h2{letter-spacing:2px;margin:10px 0}.coming-soon p{color:#596872;font-size:11px}@media (width<=1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-camera-grid{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:70px}.sidebar-brand h1,.sidebar-brand span,.sidebar-label,.nav-item span:not(.nav-icon),.system-item,.sidebar-footer{display:none}.main-area{width:calc(100% - 70px);margin-left:70px}.dashboard-lower{grid-template-columns:1fr}.content-area{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}}@media (width<=1100px){.dashboard-page .dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-page .dashboard-camera-grid,.dashboard-page .dashboard-lower{grid-template-columns:1fr}}@media (width<=650px){.dashboard-page .dashboard-stats{grid-template-columns:1fr}.dashboard-page .page-header{flex-direction:column;align-items:flex-start;gap:15px}}.dashboard-page{width:100%;max-width:1600px;margin:0 auto}.dashboard-page .page-header{border-bottom:1px solid #7896a024;justify-content:space-between;align-items:center;margin-bottom:24px;padding:4px 2px 20px;display:flex}.dashboard-page .page-header h2{letter-spacing:-.5px;color:#edf4f5;margin:7px 0 5px;font-size:30px;font-weight:600}.dashboard-page .page-header p{color:#71838b;font-size:12px}.dashboard-page .section-label{color:#9aaa3c;letter-spacing:2.2px;font-size:9px;font-weight:700}.dashboard-page .mission-status{color:#7bc49c;background:#48756014;border:1px solid #59977740;border-radius:5px;padding:10px 15px;box-shadow:0 0 25px #4289650a}.dashboard-page .dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:32px}.dashboard-page .dashboard-stat{background:linear-gradient(135deg,#121d23fa,#0a1116fa);border:1px solid #6989932e;border-radius:7px;min-height:116px;padding:22px 23px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 12px 35px #0000002e}.dashboard-page .dashboard-stat:hover{border-color:#94aa5159;transform:translateY(-2px)}.dashboard-page .dashboard-stat:after{content:"";background:#859d390f;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-55px;right:-35px}.dashboard-page .dashboard-stat span{color:#687d87;letter-spacing:1.8px;font-size:8px;font-weight:700}.dashboard-page .dashboard-stat strong{color:#eef4f5;margin-top:9px;font-size:31px;font-weight:500}.dashboard-page .stat-icon{color:#718f98;font-size:23px}.dashboard-page .dashboard-stat.alert-stat{border-color:#aa844447}.dashboard-page .alert-stat .stat-icon{color:#c09a56}.dashboard-page .section-heading{border-bottom:1px solid #6b848e26;margin-bottom:14px;padding-bottom:14px}.dashboard-page .section-heading h3,.dashboard-page .panel-header h3{color:#e7eef0;font-size:16px;font-weight:600}.dashboard-page .dashboard-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-page .dashboard-camera{background:#0b1217;border:1px solid #69899330;border-radius:8px;transition:border-color .2s,transform .2s;box-shadow:0 14px 40px #0003}.dashboard-page .dashboard-camera:hover{border-color:#739ba359;transform:translateY(-2px)}.dashboard-page .feed-header{background:#ffffff03;height:38px;padding:0 14px}.dashboard-page .feed-live{color:#73c79b;font-weight:700}.dashboard-page .feed-area{background-color:#071015;height:280px}.dashboard-page .feed-footer{background:#ffffff03;padding:15px}.dashboard-page .feed-footer strong{color:#dce5e7;font-size:11px}.dashboard-page .feed-footer span{color:#647983;font-size:9px}.dashboard-page .live-feed{object-fit:cover;width:100%;height:100%}.dashboard-page .feed-status.active{background:#3296670f;border:1px solid #42b17c47;border-radius:3px;padding:5px 9px}.dashboard-page .empty-events{background:#ffffff03;border:1px dashed #69899326;border-radius:7px;min-height:150px}.dashboard-page .empty-events strong{color:#91a3a9}.dashboard-page .dashboard-lower{grid-template-columns:1.35fr 1fr;gap:16px;margin-top:6px}.dashboard-page .panel{background:linear-gradient(145deg,#0d151bfa,#090f14fa);border:1px solid #6989932b;border-radius:8px;min-height:280px;padding:20px}.dashboard-page .threat-status{height:auto;min-height:180px;padding:20px}.dashboard-page .threat-ring{background:#317a5b14;border-color:#53a47b66;width:58px;height:58px;box-shadow:0 0 25px #369b6914}.dashboard-page .threat-status strong{color:#b8cbc6;font-size:12px}.dashboard-page .threat-status span{color:#64757d;font-size:9px}@media (width<=1100px){.dashboard-page .dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-page .dashboard-camera-grid,.dashboard-page .dashboard-lower{grid-template-columns:1fr}}@media (width<=650px){.dashboard-page .dashboard-stats{grid-template-columns:1fr}.dashboard-page .page-header{flex-direction:column;align-items:flex-start;gap:15px}}*{box-sizing:border-box}html{scroll-behavior:smooth}.landing-page{color:#e7eadc;background:#11150b;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}.landing-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0c1008f0;border-bottom:1px solid #919a4838;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 6%;display:flex;position:fixed;top:0;left:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#a7b45a;letter-spacing:1px;border:1px solid #8f9b43;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:flex}.brand-text{flex-direction:column;display:flex}.brand-text strong{color:#dfe4cf;letter-spacing:2px;font-size:15px}.brand-text span{color:#879052;letter-spacing:1.5px;margin-top:3px;font-size:8px}.nav-links{gap:34px;display:flex}.nav-links a{color:#9da38b;letter-spacing:1px;font-size:11px;text-decoration:none;transition:all .25s}.nav-links a:hover{color:#b5c461}.nav-login{color:#bdc96a;cursor:pointer;letter-spacing:1.5px;background:0 0;border:1px solid #87943d;padding:10px 22px;font-size:11px;transition:all .25s}.nav-login:hover{color:#101308;background:#78852f}.hero-section{border-bottom:1px solid #909b4140;align-items:center;min-height:720px;padding:160px 7% 80px;display:flex;position:relative;overflow:hidden}.camouflage{opacity:.32;background-color:#202711;background-image:linear-gradient(45deg,#343b1b 25%,#0000 25%),linear-gradient(-45deg,#171d0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3b421d 75%),linear-gradient(-45deg,#0000 75%,#11160a 75%);background-position:0 0,0 21px,21px -21px,-21px 0;background-size:42px 42px;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#8f9b410d 1px,#0000 1px),linear-gradient(90deg,#8f9b410d 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.hero-content{z-index:2;width:58%;position:relative}.system-label{color:#a8b45b;letter-spacing:2px;align-items:center;gap:10px;margin-bottom:25px;font-size:11px;display:flex}.system-dot{background:#a7b74f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #9baa3d}.hero-content h1{letter-spacing:-4px;color:#e4e7d7;margin:0;font-size:clamp(55px,8vw,105px);font-weight:800;line-height:.9}.hero-content h1 span{color:#919f43;display:block}.hero-line{background:#9ca94b;width:70px;height:2px;margin:28px 0}.hero-content h2{color:#cbd0bd;letter-spacing:2px;margin:0;font-size:18px;font-weight:500;line-height:1.6}.hero-content p{color:#969d89;max-width:570px;margin:22px 0 30px;font-size:14px;line-height:1.9}.hero-buttons{gap:15px;display:flex}.primary-button{color:#f0f1e7;cursor:pointer;letter-spacing:1.3px;background:#6e7c2d;border:1px solid #9ca94c;align-items:center;gap:20px;padding:15px 23px;font-size:11px;font-weight:700;transition:all .3s;display:flex}.primary-button span{font-size:18px}.primary-button:hover{background:#8b983b;transform:translateY(-2px)}.secondary-button{color:#b3bc91;cursor:pointer;letter-spacing:1.3px;background:#14190ca6;border:1px solid #9ca94c80;padding:15px 25px;font-size:11px}.secondary-button:hover{color:#dce1c9;border-color:#a8b45b}.hero-status{color:#727a63;letter-spacing:1.3px;gap:28px;margin-top:40px;font-size:9px;display:flex}.hero-status div:first-child{color:#aab762}.status-light{background:#9baa3d;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.hero-visual{justify-content:center;align-items:center;width:37vw;max-width:500px;height:37vw;max-height:500px;display:flex;position:absolute;right:7%}.radar{background:radial-gradient(circle,#76852c26,#0a0e0633);border:1px solid #9faf4873;border-radius:50%;width:70%;height:70%;position:relative;box-shadow:0 0 70px #84972b1f}.radar-ring{border:1px solid #9faf4840;border-radius:50%;position:absolute;inset:15%}.ring-two{inset:30%}.ring-three{inset:45%}.radar-cross{background:#9faf482e;position:absolute}.horizontal{width:100%;height:1px;top:50%}.vertical{width:1px;height:100%;left:50%}.radar-sweep{transform-origin:0;background:linear-gradient(90deg,#b3c357,#0000);width:50%;height:1px;animation:4s linear infinite radarSweep;position:absolute;top:50%;left:50%}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-point{background:#aab94c;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 14px #aab94c}.point-one{top:30%;left:64%}.point-two{top:62%;left:32%}.point-three{top:70%;left:70%}.visual-card{background:#0e1208e0;border:1px solid #97a54373;min-width:190px;padding:15px 20px;position:absolute;bottom:15%;right:0}.visual-card span{color:#747d60;letter-spacing:1.5px;font-size:8px;display:block}.visual-card strong{color:#b2bf5c;letter-spacing:2px;margin:6px 0;font-size:18px;display:block}.visual-card small{color:#777e6b;font-size:8px}.visual-coordinates{color:#70795e;font-family:monospace;font-size:9px;line-height:1.8;position:absolute;bottom:12%;left:8%}.about-section,.capabilities-section,.workflow-section{padding:110px 7%}.section-heading span{color:#8f9b43;letter-spacing:2px;font-size:10px}.section-heading h2{color:#d9deca;margin:15px 0 0;font-size:clamp(30px,4vw,48px);font-weight:300;line-height:1.1}.section-heading h2 strong{color:#8f9c42;font-weight:700;display:block}.centered{text-align:center}.about-section{border-bottom:1px solid #8f9b4126}.about-text{color:#929a81;max-width:850px;margin:40px 0 0;font-size:16px;line-height:2}.capabilities-section{background:#181e0d80}.capability-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px;display:grid}.capability-card{background:#161b0cb8;border:1px solid #8f9b4133;min-height:210px;padding:35px 28px;transition:all .3s;position:relative}.capability-card:hover{border-color:#9eae4999;transform:translateY(-5px)}.capability-number{color:#41482b;font-size:11px;position:absolute;top:18px;right:20px}.capability-icon{color:#9da94b;font-size:28px}.capability-card h3{color:#d0d5c1;letter-spacing:1.5px;margin:22px 0 10px;font-size:13px}.capability-card p{color:#7f876e;margin:0;font-size:12px;line-height:1.7}.workflow-section{border-bottom:1px solid #8f9b4126}.workflow{align-items:center;margin-top:60px;display:flex}.workflow-item{text-align:center;flex:1}.workflow-number{color:#a9b55a;border:1px solid #7f8d3d;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 18px;font-size:12px;display:flex}.workflow-item h3{color:#d4d9c8;letter-spacing:2px;margin:0 0 8px;font-size:13px}.workflow-item p{color:#777f68;margin:0;font-size:11px}.workflow-line{background:#909e4366;width:60px;height:1px}.cta-section{padding:100px 7%}.cta-box{text-align:center;background:#1b220e;border:1px solid #97a64559;padding:75px 40px;position:relative;overflow:hidden}.cta-box:before{content:"";opacity:.15;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#7f8c3a 10px 11px);position:absolute;inset:0}.cta-box>*{position:relative}.cta-box>span{color:#909c42;letter-spacing:2px;font-size:10px}.cta-box h2{color:#e0e4d4;margin:20px 0;font-size:clamp(30px,4vw,50px);font-weight:300}.cta-box h2 strong{color:#99a747}.cta-box p{color:#858d74;margin-bottom:30px;font-size:13px}footer{color:#656d58;letter-spacing:1px;border-top:1px solid #8f9b4126;justify-content:space-between;align-items:center;padding:25px 7%;font-size:9px;display:flex}footer div:first-child{flex-direction:column;gap:4px;display:flex}footer strong{color:#929d48}@media (width<=900px){.nav-links{display:none}.hero-section{padding:140px 7% 80px}.hero-content{width:100%}.hero-visual{opacity:.2;width:500px;height:500px;right:-15%}.capability-grid{grid-template-columns:repeat(2,1fr)}.workflow{flex-direction:column;gap:25px}.workflow-line{width:1px;height:35px}}@media (width<=600px){.landing-navbar{padding:0 20px}.brand-text span{display:none}.nav-login{padding:8px 14px}.hero-content h1{font-size:55px}.hero-content h2{font-size:14px}.hero-buttons{flex-direction:column}.hero-status{flex-direction:column;gap:10px}.capability-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:15px}}.login-page{color:#d7ddc8;background:#171b16;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative;overflow:hidden}.login-background{background:linear-gradient(135deg,#172016 0%,#26321d 35%,#151914 70%,#20281b 100%);position:absolute;inset:0;overflow:hidden}.camouflage-pattern{opacity:.18;background-image:linear-gradient(90deg,#0000 50%,#59664a 50%),linear-gradient(#303b28 50%,#0000 50%);background-size:90px 90px,70px 70px;position:absolute;inset:-100px;transform:rotate(-8deg)scale(1.2)}.login-container{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121712eb;border:1px solid #8e9e6973;width:430px;padding:42px;position:relative;box-shadow:0 25px 80px #0000008c,inset 0 0 40px #7387500a}.back-button{color:#8d9b73;cursor:pointer;letter-spacing:2px;background:0 0;border:none;margin-bottom:25px;font-size:12px}.login-header{text-align:center;margin-bottom:35px}.login-mark{color:#aeba91;letter-spacing:2px;border:1px solid #7f8d61;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 15px;font-weight:700;display:flex}.login-header h1{color:#e3e8d8;letter-spacing:6px;margin:0;font-size:36px}.login-subtitle{color:#9ca98a;letter-spacing:7px;margin-top:5px;font-size:17px}.login-header p{color:#727e65;letter-spacing:3px;margin-top:18px;font-size:11px}.login-form{flex-direction:column;display:flex}.form-title{color:#b6c39b;letter-spacing:3px;font-size:13px}.form-line{background:#8e9e694d;height:1px;margin:12px 0 25px}.login-form label{color:#7f8c6d;letter-spacing:2px;margin-bottom:8px;font-size:10px}.login-form input{box-sizing:border-box;color:#dce5ca;background:#11150f;border:1px solid #394532;outline:none;width:100%;margin-bottom:22px;padding:14px;font-size:14px}.login-form input:focus{border-color:#879666;box-shadow:0 0 0 1px #87966626}.login-form input::placeholder{color:#515b4b}.login-error{color:#d99587;background:#64231e33;border:1px solid #aa4b3c80;margin-bottom:18px;padding:11px;font-size:12px}.login-submit{color:#edf2e4;cursor:pointer;letter-spacing:2px;background:#52623d;border:1px solid #7d8c60;padding:15px;font-size:11px;font-weight:700;transition:all .2s}.login-submit:hover{background:#66794c;border-color:#a2b57d}.login-submit:disabled{opacity:.55;cursor:not-allowed}.security-status{text-align:center;color:#68755b;letter-spacing:2px;margin-top:25px;font-size:9px}.status-dot{background:#8da55d;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #8da55dcc}.login-footer{text-align:center;color:#4f5948;letter-spacing:1.5px;border-top:1px solid #78875f26;margin-top:25px;padding-top:18px;font-size:8px}@media (width<=600px){.login-container{width:calc(100% - 40px);padding:30px 25px}}.register-page{color:#e8f2ed;background:#07100d;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex;position:relative;overflow:hidden}.register-background{pointer-events:none;position:fixed;inset:0}.camouflage-pattern{opacity:.25;background:radial-gradient(circle at 20% 30%,#183a2d 0 12%,#0000 13%),radial-gradient(circle at 80% 20%,#102d23 0 15%,#0000 16%),radial-gradient(circle at 50% 80%,#17372a 0 18%,#0000 19%);position:absolute;inset:0}.background-grid{background-image:linear-gradient(#78b4960d 1px,#0000 1px),linear-gradient(90deg,#78b4960d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.background-glow{background:radial-gradient(circle,#46a06e1f,#0000 65%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.register-container{z-index:2;width:min(520px,92%);padding:30px 0;position:relative}.back-button{color:#8fa99c;letter-spacing:1.5px;cursor:pointer;background:0 0;border:none;margin-bottom:24px;font-size:12px}.back-button:hover{color:#d7eee1}.register-header{text-align:center;margin-bottom:28px}.register-mark{letter-spacing:2px;color:#b9d8c8;border:1px solid #56796a;justify-content:center;align-items:center;width:58px;height:58px;margin:auto;font-weight:700;display:flex}.register-header h1{letter-spacing:6px;margin:12px 0 0;font-size:34px}.register-subtitle{letter-spacing:8px;color:#79a991;margin-top:4px;font-size:14px}.register-header p{color:#71867c;letter-spacing:2px;margin-top:12px;font-size:10px}.register-card{background:#07120ef0;border:1px solid #294237;padding:28px;box-shadow:0 25px 80px #00000073}.register-card-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.register-section-label{color:#6f9c84;letter-spacing:2px;font-size:10px}.register-card h2{letter-spacing:2px;margin:7px 0 0;font-size:22px}.secure-indicator{color:#7cae91;letter-spacing:1px;align-items:center;gap:7px;font-size:10px;display:flex}.secure-dot,.system-status-dot{background:#76c18e;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #76c18eb3}.register-divider{background:#294237;height:1px;margin:22px 0}.register-form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#91aa9f;letter-spacing:1.5px;font-size:10px}.input-wrapper{position:relative}.input-icon{color:#638476;font-size:13px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrapper input{box-sizing:border-box;color:#e4f0ea;background:#0a1712;border:1px solid #304c40;outline:none;width:100%;padding:13px 14px 13px 40px;font-size:14px}.input-wrapper input:focus{border-color:#6d9f85;box-shadow:0 0 0 2px #6d9f8514}.input-wrapper input::placeholder{color:#50665c}.register-error,.register-success{gap:12px;padding:12px;font-size:12px;display:flex}.register-error{background:#64232329;border:1px solid #704040}.register-success{background:#28643c1f;border:1px solid #3d7452}.register-error strong,.register-success strong{letter-spacing:1px;margin-bottom:4px;font-size:10px;display:block}.register-error span:last-child,.register-success span:last-child{color:#91a79d}.register-submit{color:#e5f2eb;cursor:pointer;letter-spacing:1.5px;background:#203e30;border:1px solid #628b75;padding:14px;font-size:11px;font-weight:700}.register-submit:hover:not(:disabled){background:#2b513d}.register-submit:disabled{opacity:.6;cursor:not-allowed}.button-arrow{margin-left:12px;font-size:16px}.loading-spinner{vertical-align:middle;border:2px solid #718d80;border-top-color:#dceee4;border-radius:50%;width:12px;height:12px;margin-right:10px;animation:.8s linear infinite spin;display:inline-block}.security-info{border-top:1px solid #263d33;margin-top:22px;padding-top:16px}.security-row{color:#72897e;letter-spacing:1px;gap:8px;margin-top:8px;font-size:9px;display:flex}.security-icon{color:#79ad8e}.register-system-status{text-align:center;color:#71867c;letter-spacing:1.5px;margin-top:22px;font-size:9px}.register-system-status .system-status-dot{margin-right:8px}.status-divider{color:#40564b;margin:0 8px}.register-footer{color:#4e6259;letter-spacing:1px;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;font-size:8px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.register-card{padding:20px}.register-card-header{flex-direction:column;align-items:flex-start}.register-header h1{font-size:28px}}.camera-management-page{width:100%;max-width:1100px;margin:0 auto}.camera-page-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.camera-page-header h2{color:#f2f5f7;margin:8px 0;font-size:34px;font-weight:600}.camera-page-header p{color:#718596;margin:0;font-size:14px}.camera-management-card{background:#0c1318;border:1px solid #1d2a31;border-radius:8px;margin-bottom:24px;padding:28px}.camera-card-header{border-bottom:1px solid #1d2a31;justify-content:space-between;align-items:center;margin-bottom:26px;padding-bottom:22px;display:flex}.camera-card-header h3{color:#eaf0f3;margin:8px 0 0;font-size:20px;font-weight:600}.camera-status-badge{color:#8ea1ad;letter-spacing:1.5px;border:1px solid #394b54;border-radius:4px;padding:7px 12px;font-size:10px}.camera-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#9aadb8;letter-spacing:1.2px;text-transform:uppercase;font-size:12px}.form-group input{box-sizing:border-box;color:#e9eef1;background:#080d11;border:1px solid #26353d;border-radius:5px;outline:none;width:100%;padding:14px 15px;font-size:14px;transition:border-color .2s}.form-group input::placeholder{color:#4e626e}.form-group input:focus{border-color:#7f8f39}.form-group small{color:#526873;font-size:11px}.camera-form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.camera-form-actions button{letter-spacing:1px;cursor:pointer;border-radius:4px;padding:12px 20px;font-size:11px;font-weight:600;transition:all .2s}.camera-form-actions button:disabled{opacity:.5;cursor:not-allowed}.test-camera-button{color:#9aadb8;background:0 0;border:1px solid #40515a}.test-camera-button:hover{color:#d2dc93;border-color:#7f8f39}.add-camera-button{color:#071008;background:#7f8f39;border:1px solid #7f8f39}.add-camera-button:hover{background:#94a64a}.cancel-camera-button{color:#718596;background:0 0;border:1px solid #40515a}.cancel-camera-button:hover{color:#d5dde1;border-color:#718596}.camera-list{flex-direction:column;gap:10px;display:flex}.camera-list-item{background:#080d11;border:1px solid #1d2a31;border-radius:6px;justify-content:space-between;align-items:center;padding:18px 20px;transition:border-color .2s;display:flex}.camera-list-item:hover{border-color:#33454e}.camera-list-info{flex-direction:column;gap:6px;min-width:0;display:flex}.camera-list-info strong{color:#e9eef1;font-size:14px;font-weight:600}.camera-list-info span{color:#718596;font-size:12px}.camera-list-right{align-items:center;gap:22px;display:flex}.camera-list-meta{align-items:center;gap:14px;display:flex}.camera-list-meta span{color:#647985;letter-spacing:.8px;text-transform:uppercase;font-size:10px}.camera-online{color:#a8bd55!important}.camera-offline{color:#9a5555!important}.camera-list-actions{align-items:center;gap:8px;display:flex}.camera-list-actions button{letter-spacing:.8px;cursor:pointer;border-radius:4px;padding:8px 12px;font-size:10px;font-weight:600;transition:all .2s}.edit-camera-button{color:#9aadb8;background:0 0;border:1px solid #40515a}.edit-camera-button:hover{color:#d2dc93;border-color:#7f8f39}.delete-camera-button{color:#a87979;background:0 0;border:1px solid #53383b}.delete-camera-button:hover{color:#d68b8b;background:#241416;border-color:#a95555}.camera-list-empty{text-align:center;color:#526873;border:1px dashed #26353d;border-radius:6px;padding:35px 20px;font-size:13px}@media (width<=800px){.camera-list-item{flex-direction:column;align-items:flex-start;gap:18px}.camera-list-right{justify-content:space-between;gap:15px;width:100%}}@media (width<=600px){.camera-management-card{padding:20px}.camera-form-actions{flex-direction:column}.camera-form-actions button{width:100%}.camera-list-right{flex-direction:column;align-items:flex-start}.camera-list-meta{flex-wrap:wrap}.camera-list-actions{width:100%}.camera-list-actions button{flex:1}}