@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap";.login-page{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;padding:20px}.login-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a1c0f8c;z-index:1}.login-card{position:relative;z-index:2;background:#ffffff1f;border-radius:24px;padding:48px 44px 44px;width:100%;max-width:480px;box-shadow:0 20px 60px #0006;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2)}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:28px}.login-logo{height:72px;width:auto;object-fit:contain;background:linear-gradient(135deg,#0f2d1a,#2e6b45);border-radius:14px;padding:10px 18px}.login-title{font-family:Rajdhani,sans-serif;font-size:24px;font-weight:800;color:#fff;text-align:center;margin-bottom:6px;line-height:1.25;letter-spacing:.4px}.login-form{display:flex;flex-direction:column;gap:20px;margin-top:24px}.login-field{display:flex;flex-direction:column;gap:8px}.login-label{font-size:13px;font-weight:800;color:#ffffffd9;letter-spacing:.4px;text-transform:uppercase}.login-input{padding:13px 16px;border:1.5px solid rgba(255,255,255,.25);border-radius:10px;font-size:14px;font-family:Nunito,sans-serif;font-weight:600;color:#fff;background:#ffffff1f;transition:border-color .2s,box-shadow .2s,background .2s;width:100%;box-sizing:border-box}.login-input:focus{outline:none;border-color:#2e6b45;box-shadow:0 0 0 3px #2e6b4526;background:#ffffff2e}.login-pass-wrap{position:relative;display:flex;align-items:center;width:100%}.login-pass-wrap .login-input{padding-right:44px}.login-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;z-index:1}.login-error{font-size:13px;color:#c0392b;background:#c0392b14;border:1px solid rgba(192,57,43,.2);border-radius:8px;padding:10px 14px;font-weight:600;margin:0}.login-btn{padding:14px;margin-top:4px;background:linear-gradient(135deg,#1a4a2a,#2e6b45);color:#fff;border:none;border-radius:12px;font-size:16px;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #2e6b4559;width:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#2e6b45,#4a9063);transform:translateY(-1px);box-shadow:0 8px 24px #2e6b4566}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-inner{display:flex;align-items:center;justify-content:center;gap:8px}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;display:inline-block;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}:root{--g1: #0f2d1a;--g2: #1a4a2a;--g3: #2e6b45;--g4: #4a9063;--g5: #6bbf7a;--leaf: #88d49a;--gold: #c8a84b;--bg: #f0f7f2;--bg2: #e6f2ea;--white: #ffffff;--text-dark: #0f2d1a;--text-mid: #2e5438;--text-light: #5a7e65;--border: #c2dece;--shadow: rgba(15,45,26,.12);--card-hover: rgba(46,107,69,.07);--radius: 14px;--radius-sm: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text-dark);display:flex;flex-direction:column;width:100%;min-height:100vh;overflow-x:hidden}.app-header{background:linear-gradient(135deg,var(--g1) 0%,var(--g2) 45%,var(--g3) 100%);position:relative;overflow:hidden;box-shadow:0 4px 24px #00000059;z-index:200;width:100%}.app-header:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M40 5 L45 28 L68 28 L50 42 L57 65 L40 52 L23 65 L30 42 L12 28 L35 28Z'/%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--leaf),var(--gold),var(--leaf),transparent)}.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 4%;width:100%;gap:16px}.header-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-title{font-family:Rajdhani,sans-serif;font-size:clamp(22px,3.2vw,40px);font-weight:800;color:#fff;letter-spacing:1.2px;text-shadow:0 2px 16px rgba(0,0,0,.5),0 0 40px rgba(107,191,122,.2);text-align:center;flex:1;line-height:1.2}.header-title em{color:var(--leaf);font-style:normal}.header-actions{display:flex;gap:8px;flex-shrink:0}.hbtn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .2s;white-space:nowrap}.hbtn-logout{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.28)}.hbtn-logout:hover{background:#fff3;transform:translateY(-1px)}.hero{background:linear-gradient(180deg,var(--g2) 0%,var(--g3) 60%,var(--bg) 100%);padding:36px 4% 20px;position:relative;overflow:hidden;width:100%}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(107,191,122,.15) 0%,transparent 70%);pointer-events:none}.hero-content{width:100%;position:relative}.hero-title{font-family:Rajdhani,sans-serif;font-size:clamp(16px,2.2vw,24px);font-weight:600;color:#ffffffbf;margin-bottom:16px;line-height:1.15;text-align:center;margin-top:-10px;animation:titleBlink 2.5s ease-in-out infinite}@keyframes titleBlink{0%,to{opacity:1;text-shadow:0 0 12px rgba(107,191,122,.6),0 0 28px rgba(107,191,122,.3)}50%{opacity:.55;text-shadow:none}}.hero-title span{color:var(--leaf)}.filter-panel{background:#fffffff7;border-radius:var(--radius);padding:24px 28px;box-shadow:0 8px 40px #00000040,0 0 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.filter-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.filter-group.wide{flex:2;min-width:200px}.filter-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-light);display:flex;align-items:center;gap:5px}.fselect{width:100%;padding:11px 34px 11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:Nunito,sans-serif;font-size:13px;font-weight:600;color:var(--text-dark);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234a9063' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.fselect:focus{outline:none;border-color:var(--g3);box-shadow:0 0 0 3px #2e6b4526}.fselect:disabled{opacity:.4;cursor:not-allowed;background-color:var(--bg2)}.btn-apply{padding:11px 28px;background:linear-gradient(135deg,var(--g3),var(--g4));color:#fff;border:none;border-radius:var(--radius-sm);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #2e6b4559;display:flex;align-items:center;gap:7px;white-space:nowrap}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2e6b4573}.main-content{width:100%;padding:16px 4% 40px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px;background:linear-gradient(120deg,var(--g1) 0%,#0d2e1c 30%,#1c5233 65%,var(--g3) 100%);border-radius:20px;padding:0;position:relative;overflow:hidden;box-shadow:0 8px 40px #0f2d1a73,0 2px #6bbf7a4d inset,0 0 0 1px #6bbf7a26;min-height:90px}.section-head:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 38px,rgba(255,255,255,.018) 38px,rgba(255,255,255,.018) 39px),repeating-linear-gradient(0deg,transparent 0px,transparent 38px,rgba(255,255,255,.018) 38px,rgba(255,255,255,.018) 39px);pointer-events:none}.section-head:after{content:"";position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(107,191,122,.22) 0%,transparent 70%);pointer-events:none;animation:orbPulse 3s ease-in-out infinite}@keyframes orbPulse{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.15)}}.section-head-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--g4) 20%,var(--leaf) 45%,var(--gold) 55%,var(--leaf) 75%,transparent 100%);animation:shimmerBar 3s ease-in-out infinite}@keyframes shimmerBar{0%,to{opacity:.7}50%{opacity:1}}.section-head-inner{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:16px;padding:22px 28px;position:relative;z-index:2}.section-head-left{display:flex;align-items:center;gap:18px;position:relative}.section-icon{width:56px;height:56px;background:linear-gradient(135deg,#6bbf7a33,#ffffff14);border:1.5px solid rgba(107,191,122,.4);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px #0000004d,0 0 20px #6bbf7a26,inset 0 1px #ffffff26;flex-shrink:0;animation:iconGlow 2.5s ease-in-out infinite}@keyframes iconGlow{0%,to{box-shadow:0 4px 18px #0000004d,0 0 16px #6bbf7a1f,inset 0 1px #ffffff26}50%{box-shadow:0 4px 18px #0000004d,0 0 28px #6bbf7a4d,inset 0 1px #fff3}}.section-head-eyebrow{font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--leaf);opacity:.85;margin-bottom:3px;display:flex;align-items:center;gap:6px}.section-head-eyebrow:before{content:"";display:inline-block;width:18px;height:1.5px;background:var(--leaf);opacity:.7}.section-head h2{font-family:Rajdhani,sans-serif;font-size:26px;font-weight:800;color:#fff;letter-spacing:.8px;text-shadow:0 2px 12px rgba(0,0,0,.4),0 0 30px rgba(107,191,122,.15);line-height:1.1;margin-bottom:2px}.section-head p{font-size:12.5px;color:#ffffff8c;margin-top:0;letter-spacing:.2px}.section-head-right{display:flex;align-items:center;gap:14px}.section-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6bbf7a2e,#ffffff0f);border:1.5px solid rgba(107,191,122,.35);color:#a8e6b8;font-size:11px;font-weight:800;padding:8px 18px;border-radius:30px;letter-spacing:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #6bbf7a1f,inset 0 1px #ffffff1a;white-space:nowrap;position:relative;overflow:hidden}.section-badge:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:badgeSheen 3s ease-in-out infinite}@keyframes badgeSheen{0%{left:-60%}to{left:160%}}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--leaf);box-shadow:0 0 8px var(--leaf);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1280px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cards-grid{grid-template-columns:1fr;gap:16px}}.feature-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 14px var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s;cursor:pointer}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0f2d1a2e}.card-hero{position:relative;height:200px;overflow:hidden;flex-shrink:0}.card-hero-bg{position:absolute;inset:0}.card-live .card-hero-bg{background:linear-gradient(135deg,#0a2118,#1a4a2a,#2e6b45)}.card-video .card-hero-bg{background:linear-gradient(135deg,#1a1a30,#2a2a55,#3a3a80)}.card-image .card-hero-bg{background:linear-gradient(135deg,#1a2a10,#2d4a1e,#3a6028)}.card-plant .card-hero-bg{background:linear-gradient(135deg,#1a3010,#2d5a1e,#4a8030)}.card-temporal .card-hero-bg{background:linear-gradient(135deg,#0d2520,#1a4038,#2e6558)}.card-pits .card-hero-bg{background:linear-gradient(135deg,#1a1008,#3a2808,#6b4a10)}.card-hero-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.card-hero-icon img{width:100%;height:100%;object-fit:cover}.card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.card-body p{font-size:13px;color:var(--text-light);line-height:1.6;margin-bottom:16px;flex:1}.card-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:4px;margin-bottom:10px}.tag-live{background:#e535351f;color:#c0392b}.tag-video{background:#293cb91f;color:#1a3fa0}.tag-image{background:#1e8b441f;color:#1a6e38}.tag-plant{background:#2e8b441f;color:#1e7a38}.tag-time{background:#2980b91f;color:#1a6fa0}.card-body h3{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;color:var(--g1);margin-bottom:8px;line-height:1.2}.btn-card{width:100%;padding:11px;background:linear-gradient(135deg,var(--g2),var(--g3));color:#fff;border:none;border-radius:var(--radius-sm);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;letter-spacing:.8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px;text-transform:uppercase}.btn-card:hover{background:linear-gradient(135deg,var(--g3),var(--g4))}.modal-overlay{display:none;position:fixed;inset:0;z-index:1000;background:#0a1e12bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex;animation:fadeOverlay .25s ease}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:18px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #0006;animation:modalUp .3s cubic-bezier(.22,1,.36,1)}@keyframes modalUp{0%{transform:translateY(30px) scale(.97);opacity:0}to{transform:none;opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1.5px solid var(--border);position:sticky;top:0;background:#fff;z-index:10;border-radius:18px 18px 0 0}.modal-header-left{display:flex;align-items:center;gap:12px}.modal-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--g2),var(--g3));border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px}.modal-header h2{font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;color:var(--g1)}.modal-header p{font-size:12px;color:var(--text-light);margin-top:2px}.btn-close{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:#fff;cursor:pointer;font-size:18px;color:var(--text-light);display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#fef2f2;border-color:#e74c3c;color:#e74c3c}.modal-body{padding:24px}.modal-tabs{display:flex;gap:4px;background:var(--bg2);border-radius:10px;padding:4px;margin-bottom:22px}.mtab{flex:1;padding:10px;border:none;border-radius:8px;background:none;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--text-light);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.mtab.active{background:#fff;color:var(--g2);box-shadow:0 2px 8px var(--shadow)}.mtab-panel{display:none;animation:fadeIn .25s ease}.mtab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.upload-zone{border:2.5px dashed var(--leaf);border-radius:12px;padding:36px 20px;text-align:center;background:linear-gradient(135deg,#6bbf7a0a,#4e906312);cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--g3);background:#2e6b4514}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone .uz-icon{font-size:44px;margin-bottom:10px}.upload-zone h3{font-size:15px;font-weight:700;color:var(--g1);margin-bottom:5px}.upload-zone p{font-size:12px;color:var(--text-light)}.preview-box{border-radius:12px;background:#0d2218;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border:1px solid rgba(107,191,122,.2);margin-top:14px}.detected-output{background:#0a1a10;border-radius:12px;padding:16px;border:1px solid rgba(107,191,122,.25);min-height:160px}.do-header{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;color:var(--leaf);letter-spacing:2px;margin-bottom:12px;display:flex;align-items:center;gap:7px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--leaf);animation:pulse 1.5s infinite}.det-item{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#6bbf7a14;border-radius:8px;margin-bottom:7px;border-left:3px solid var(--leaf);animation:slideIn .35s ease}@keyframes slideIn{0%{transform:translate(-8px);opacity:0}to{transform:none;opacity:1}}.det-item .di-icon{font-size:18px}.det-item .di-info{flex:1}.det-item .di-name{font-size:13px;font-weight:700;color:#fff}.det-item .di-sci{font-size:11px;color:var(--leaf);font-style:italic}.det-item .di-conf{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;color:#7ae096;background:#78e0961f;padding:3px 10px;border-radius:6px}.no-det{color:#ffffff59;font-size:13px;text-align:center;padding:36px 0}.btn-detect{width:100%;padding:13px;background:linear-gradient(135deg,var(--g3),var(--g4));color:#fff;border:none;border-radius:10px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;box-shadow:0 4px 14px #2e6b4566;text-transform:uppercase}.btn-detect:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2e6b4580}.btn-detect:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.ss-card{background:linear-gradient(160deg,#1a3d22,#152e1c);border-radius:14px;padding:20px 12px;text-align:center;color:#fff;box-shadow:0 4px 16px #00000026;position:relative;overflow:hidden}.ss-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(107,191,122,.12) 0%,transparent 65%);pointer-events:none}.ss-card .ss-num{font-family:Rajdhani,sans-serif;font-size:36px;font-weight:800;color:#88d49a;line-height:1;letter-spacing:-.5px}.ss-card .ss-lbl{font-size:9.5px;color:#ffffff80;text-transform:uppercase;letter-spacing:2.5px;margin-top:7px;font-weight:700}.det-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000012}.det-table thead tr{background:#1a3d22}.det-table th{color:#ffffffbf;padding:13px 16px;font-family:Rajdhani,sans-serif;font-size:10.5px;font-weight:800;text-align:left;letter-spacing:2px;text-transform:uppercase}.det-table th:first-child{border-radius:12px 0 0}.det-table th:last-child{border-radius:0 12px 0 0}.det-table td{padding:13px 16px;font-size:13.5px;border-bottom:1px solid #eef3ef;color:#1a3d22;font-weight:600;background:#fff}.det-table tbody tr:last-child td{border-bottom:none}.det-table tbody tr:hover td{background:#f4faf5}.prog-wrap{margin:12px 0}.prog-lbl{font-size:12px;color:var(--text-mid);margin-bottom:5px;display:flex;justify-content:space-between}.prog-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--g3),var(--leaf));border-radius:4px;transition:width .8s ease}.live-feed-box{border-radius:12px;background:#0a1a10;border:2px solid rgba(107,191,122,.3);min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.live-ctrl{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.lbtn{flex:1;padding:10px;border:none;border-radius:8px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px}.lbtn-start{background:linear-gradient(135deg,#217a3c,#36b558);color:#fff}.lbtn-stop{background:linear-gradient(135deg,#8b2020,#d63535);color:#fff}.lbtn-cap{background:linear-gradient(135deg,var(--g3),var(--g4));color:#fff}.lbtn:hover{transform:translateY(-1px)}.pit-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:4px}.pit-badge-ok{background:#27ae6040;color:#27ae60}.pit-badge-warn{background:#f39c1240;color:#f39c12}.pit-badge-bad{background:#c0392b40;color:#c0392b}.sub-filter-flex{display:flex;gap:14px;flex:1;flex-wrap:wrap;align-items:flex-end}footer{background:var(--g3);padding:10px 4%;text-align:center;width:100%;margin-top:auto}.footer-inner{width:100%;display:flex;align-items:center;justify-content:space-between}.footer-right{text-align:right}footer p{color:#fff;font-size:14px;font-weight:600}footer .copy{margin-top:2px;font-size:13px;color:#fff;font-weight:500}@media(max-width:768px){.header-inner{padding:12px 3%;gap:10px}.header-title{font-size:15px}.hbtn .txt{display:none}.hbtn{padding:9px 12px}.hero{padding:28px 3% 44px}.filter-panel{padding:18px 16px}.filter-row{flex-direction:column}.filter-group,.filter-group.wide{min-width:100%}.btn-apply{width:100%;justify-content:center}.main-content{padding:24px 3%}.modal{border-radius:14px}.modal-tabs{flex-wrap:wrap}.summary-stats{grid-template-columns:repeat(3,1fr)}footer{padding:18px 3%}}@media(max-width:480px){.summary-stats{grid-template-columns:1fr 1fr}.live-ctrl{flex-direction:column}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.upload-col{display:flex;flex-direction:column;gap:12px}.upload-preview-wrap{display:flex;flex-direction:column;gap:10px}.upload-img-frame{position:relative;border-radius:12px;overflow:hidden;border:2px solid rgba(107,191,122,.3)}.upload-img-frame img{width:100%;display:block;border-radius:10px;max-height:260px;object-fit:cover}.upload-vid-frame{position:relative;background:#000;border-radius:12px;overflow:hidden;border:2px solid rgba(107,191,122,.3)}.upload-vid-frame video{width:100%;display:block;border-radius:10px;max-height:240px;object-fit:contain;background:#000}.upload-loaded-badge{position:absolute;top:10px;left:10px;background:#0f2d1ad9;border:1px solid rgba(107,191,122,.4);color:#88d49a;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:800;letter-spacing:2px;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-change-label{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;background:#2e6b4514;border:1.5px dashed rgba(46,107,69,.3);border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;color:var(--g3)}.upload-change-label input[type=file]{display:none}.upload-zone-nomg{margin-bottom:0}.detection-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.detection-left{display:flex;flex-direction:column;gap:12px}.detection-right{display:flex;flex-direction:column;gap:10px}.detection-output-wrap{flex:1;min-height:260px}.detection-items-pad{padding:4px 0}.detection-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(46,107,69,.25),transparent);margin-bottom:16px}.step-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:800;letter-spacing:3px;color:var(--g3);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.step-num{width:22px;height:22px;background:var(--g3);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.section-label-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-label-icon{width:28px;height:28px;background:#6bbf7a26;border:1px solid rgba(107,191,122,.3);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px}.section-label-text{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:800;letter-spacing:3px;color:var(--text-mid);text-transform:uppercase}.panel-label{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--text-light);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.panel-label-dot{width:7px;height:7px;border-radius:50%;background:#c0392b;display:inline-block;animation:pulse .8s infinite}.ai-output-box{background:#0a1a10;border-radius:12px;border:2px solid rgba(107,191,122,.25);min-height:300px;padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.ai-awaiting-row{background:#6bbf7a14;border:1px dashed rgba(107,191,122,.25);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px}.ai-awaiting-dot{width:8px;height:8px;border-radius:50%;background:var(--leaf);animation:pulse 1s infinite;flex-shrink:0}.ai-awaiting-bar-wrap{flex:1}.ai-awaiting-label{font-size:11px;font-weight:700;color:var(--leaf);letter-spacing:1px;margin-bottom:4px}.ai-awaiting-track{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.ai-awaiting-fill{height:100%;background:linear-gradient(90deg,var(--g3),var(--leaf));border-radius:2px;transition:width .4s}.ai-awaiting-pct{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;color:var(--leaf)}.ai-items-col{display:flex;flex-direction:column;gap:8px}.ai-empty-hint{color:#ffffff40;text-align:center;padding:30px 0;font-size:13px}.live-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.live-stat-card{border-radius:14px;padding:22px 14px 18px;text-align:center;border:1px solid rgba(107,191,122,.18);box-shadow:0 4px 18px #00000047;position:relative;overflow:hidden}.live-stat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(107,191,122,.1),transparent 65%);pointer-events:none}.live-stat-val{font-family:Rajdhani,sans-serif;font-size:36px;font-weight:800;line-height:1}.live-stat-lbl{font-size:9.5px;color:#ffffff73;text-transform:uppercase;letter-spacing:2px;margin-top:7px;font-weight:700}.live-log-wrap{background:#0a1a10;border-radius:14px;border:1px solid rgba(107,191,122,.2);overflow:hidden}.live-log-header{padding:12px 16px;border-bottom:1px solid rgba(107,191,122,.15);display:flex;align-items:center;gap:8px}.live-log-title{font-family:Rajdhani,sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--leaf)}.live-log-table{width:100%;border-collapse:collapse}.live-log-table thead tr{border-bottom:1px solid rgba(107,191,122,.15)}.live-log-table thead th{padding:10px 14px;color:#ffffff80;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:800;text-align:left;letter-spacing:1.5px;text-transform:uppercase}.live-log-table tbody tr{border-bottom:1px solid rgba(107,191,122,.08)}.live-log-td-num{padding:11px 14px;color:#fff6;font-weight:800;font-family:Rajdhani,sans-serif;font-size:14px}.live-log-td-name{padding:11px 14px;color:#fff;font-weight:700;font-size:13px}.live-log-td-sci{padding:11px 14px;color:#6bbf7a;font-style:italic;font-size:12px}.live-log-td-count{padding:11px 14px;text-align:center;font-weight:700;font-size:13px}.live-log-count-badge{background:#6bbf7a1f;border:1px solid rgba(107,191,122,.2);color:#88d49a;padding:3px 10px;border-radius:20px;font-family:Rajdhani,sans-serif;font-size:12px}.live-log-td-conf{padding:11px 14px;text-align:right}.live-log-conf-val{font-family:Rajdhani,sans-serif;font-size:16px;font-weight:800;color:#88d49a}.cd-upload-section{margin-bottom:18px}.cd-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cd-upload-col{display:flex;flex-direction:column;gap:10px}.cd-year-badge{border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:8px}.cd-year-badge-green{background:linear-gradient(135deg,#2e6b451f,#2e6b450d);border:1.5px solid rgba(46,107,69,.3)}.cd-year-badge-blue{background:linear-gradient(135deg,#2980b91f,#2980b90d);border:1.5px solid rgba(41,128,185,.3)}.cd-year-badge-label{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:800;letter-spacing:1px}.cd-year-badge-label-green{color:var(--g3)}.cd-year-badge-label-blue{color:#2980b9}.cd-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.cd-map-panel{display:flex;flex-direction:column;gap:10px}.cd-dark-box{background:linear-gradient(135deg,#0a1a10,#0f2d1a);border-radius:12px;border:1px solid rgba(107,191,122,.25);overflow:hidden}.cd-box-header{padding:10px 14px;border-bottom:1px solid rgba(107,191,122,.15);display:flex;align-items:center;gap:7px}.cd-box-title{font-family:Rajdhani,sans-serif;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--leaf)}.cd-canvas-wrap{min-height:220px;display:flex;align-items:center;justify-content:center;padding:12px;position:relative;overflow:hidden}.cd-canvas-main{border-radius:8px;width:100%;display:block}.cd-scan-panel{background:linear-gradient(135deg,#0a1a10,#0f2d1a);border-radius:12px;border:1px solid rgba(107,191,122,.25);overflow:hidden;display:flex;flex-direction:column}.cd-scan-inner{padding:12px;flex:1;display:flex;flex-direction:column}.cd-scan-canvas-wrap{position:relative;border-radius:8px;overflow:hidden;flex:1}.cd-scan-canvas{width:100%;display:block;border-radius:8px}.cd-scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(107,191,122,.9),transparent);top:0;pointer-events:none;box-shadow:0 0 10px #6bbf7a99;display:none}.cd-scan-glow{position:absolute;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(107,191,122,.08),transparent);top:0;pointer-events:none;display:none}.cd-legend-row{display:flex;gap:12px;flex-wrap:wrap;padding:4px 2px}.cd-legend-item{font-size:11px;font-weight:700;color:var(--text-mid);display:flex;align-items:center;gap:5px}.cd-legend-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.cd-chart-box{background:#fff;border-radius:14px;border:1.5px solid #d0e4d8;padding:22px 24px;box-shadow:0 4px 20px #00000014}.cd-chart-title{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:800;letter-spacing:1px;color:#1a3d22;margin-bottom:2px}.cd-chart-sub{font-size:12px;color:#5a7e65;margin-bottom:18px}.cd-chart-canvas-wrap{position:relative;height:300px;background:#fff}.cd-compare-wrap{border:1.5px solid rgba(107,191,122,.3);border-radius:14px;overflow:hidden;background:#0a1a10}.cd-compare-header{background:linear-gradient(90deg,#0f2d1a,#1a4a2a);padding:12px 18px;text-align:center;border-bottom:1px solid rgba(107,191,122,.2)}.cd-compare-header-title{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:800;color:#fff;letter-spacing:1px}.cd-compare-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.cd-compare-col{position:relative;border-right:1px solid rgba(107,191,122,.2)}.cd-compare-col:last-child{border-right:none}.cd-compare-col-label{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:2;background:#0000008c;color:#fff;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;padding:3px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.cd-compare-img-wrap{height:280px;background:#0d1f10;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.cd-compare-img-wrap img{width:100%;height:100%;object-fit:cover}.cd-compare-placeholder{text-align:center;color:#ffffff4d}.cd-compare-placeholder-icon{font-size:32px;margin-bottom:6px}.cd-compare-placeholder-txt{font-size:11px}.cd-compare-canvas-wrap{height:280px;background:#0d1f10;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.cd-compare-canvas{width:100%;height:100%;border-radius:6px;display:block}.cd-satellite-wrap{border:2px solid rgba(107,191,122,.35);border-radius:14px;overflow:hidden;background:#0a1a10;box-shadow:0 8px 32px #0006}.cd-satellite-header{background:linear-gradient(90deg,#0f2d1a,#1a4a2a);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(107,191,122,.2)}.cd-satellite-title{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:800;color:#fff;letter-spacing:1px}.cd-layer-btn-show{background:#6bbf7a2e;border:1px solid rgba(107,191,122,.5);color:#88d49a;border-radius:20px;padding:5px 16px;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:800;letter-spacing:1px;transition:all .2s}.cd-layer-btn-hide{background:#e74c3c2e;border:1px solid rgba(231,76,60,.5);color:#e98484;border-radius:20px;padding:5px 16px;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:800;letter-spacing:1px;transition:all .2s}.cd-map-container{height:420px;width:100%;background:#0d2a10;position:relative}.cd-download-row{display:flex;justify-content:flex-end;gap:14px;margin-top:18px;flex-wrap:wrap}.cd-btn-kmz{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#27ae60,#1e8449);color:#fff;border:none;border-radius:10px;padding:11px 22px;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;box-shadow:0 4px 16px #27ae6066;transition:all .2s}.cd-btn-csv{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2980b9,#1a6094);color:#fff;border:none;border-radius:10px;padding:11px 22px;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;box-shadow:0 4px 16px #2980b966;transition:all .2s}.cd-btn-pdf{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#e67e22,#ca6f1e);color:#fff;border:none;border-radius:10px;padding:11px 22px;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;box-shadow:0 4px 16px #e67e2266;transition:all .2s}.cd-btn-kmz:hover,.cd-btn-csv:hover,.cd-btn-pdf:hover{transform:translateY(-2px)}.live-badge-recording{position:absolute;top:12px;left:12px;background:#c0392b;color:#fff;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:4px 10px;border-radius:5px;display:flex;align-items:center;gap:4px}.live-badge-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse .8s infinite}.live-feed-active{color:#ffffff80;text-align:center}.live-feed-offline{color:#ffffff61;text-align:center}.live-feed-icon{font-size:50px;margin-bottom:10px;display:flex;justify-content:center}.live-feed-active p,.live-feed-offline p{font-size:13px}.summary-stats-mb{margin-bottom:18px}.btn-detect-mb{margin-bottom:20px}.tbl-empty-cell{text-align:center;color:var(--text-light);padding:14px}.tbl-status-ok{color:#27ae60;font-weight:700}