@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--leaf-green-deep:#1b5e43;--leaf-green:#277a57;--leaf-green-soft:#4a9b72;--leaf-green-pill:#6fc293;--leaf-green-teal:#156a68}body{background:#0d1117;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.02em;margin:0}*{box-sizing:border-box}.dashboard{flex-direction:column}.auth-container,.dashboard{background:#0d1117;display:flex;min-height:100vh;padding:16px}.auth-container{align-items:center;justify-content:center}.auth-card{background:#161b22;border:1px solid #30363d;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:420px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-logo{display:block;font-size:48px;margin-bottom:16px}.auth-title{color:#2f81f7;font-size:32px;font-weight:700;margin:0 0 8px}.auth-subtitle{color:#7b8bbd;font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form h2{color:#fff;font-size:22px;font-weight:600;margin:0 0 16px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#7b8bbd;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input{background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#fff;font-size:14px;padding:12px 14px;transition:all .2s}.form-group input::placeholder{color:#7b8bbd}.form-group input:focus{background:#161b22;border-color:#2f81f7;box-shadow:0 0 12px #2f81f733;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.auth-error{background:#f851491a;border:1px solid #f85149;border-radius:8px;color:#ff7b72;font-size:13px;padding:12px 14px;text-align:center}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:40px!important;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#8b949e;cursor:pointer;display:flex;font-size:20px;height:100%;justify-content:center;padding:0;position:absolute;right:12px;transition:color .2s}.password-toggle-btn:hover{color:#c9d1d9}.auth-btn{background:linear-gradient(90deg,#2563eb,#2f81f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s}.auth-btn:hover:not(:disabled){box-shadow:0 0 20px #2f81f766;opacity:.9;transform:translateY(-1px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-lang-toggle{display:flex;justify-content:center;margin-bottom:20px}.auth-footer{border-top:1px solid #30363d;color:#7b8bbd;font-size:13px;margin-top:24px;padding-top:20px;text-align:center}.auth-link{background:none;border:none;color:#2f81f7;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:none;transition:all .2s}.auth-link:hover{color:#3b9ff7;text-decoration:underline}.dashboard-wrapper{flex:1 1;overflow-y:auto;padding-bottom:80px}.subpage-wrapper{padding:0 4px}.back-btn{background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#c9d1d9;cursor:pointer;font-size:14px;margin-bottom:16px;padding:10px 18px;transition:all .2s}.back-btn:hover{background:#2f81f7;border-color:#2f81f7;color:#fff}.navbar{background:#000;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;margin-bottom:24px;padding:16px 20px;position:relative;z-index:200}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:12px}.app-logo{font-size:28px}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.navbar-right{align-items:center;display:flex;gap:12px}.desktop-scan-btn{align-items:center;background:#2f81f7;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.desktop-scan-btn:hover{background:#1f6feb;transform:translateY(-1px)}.desktop-scan-btn:active{transform:translateY(1px)}.navbar-center{gap:12px}.nav-link,.navbar-center{align-items:center;display:flex}.nav-link{background:#0000;border:none;border-radius:10px;color:#8b949e;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link i{align-items:center;display:inline-flex;font-size:16px;height:16px;justify-content:center;width:16px}.nav-link:hover{background:#1c2128;color:#c9d1d9}.nav-link.active{background:#2f81f71a;color:#2f81f7}.nav-link.active i{color:#2f81f7}.icon-btn{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.icon-btn:hover{background:#30363d;border-color:#2f81f7}.notif-bell-btn,.notif-bell-wrapper{position:relative}.notif-bell-btn{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.notif-bell-btn:hover{background:#30363d;border-color:#2f81f7}.notif-bell-btn.bell-animate{animation:notif-bell-ring 1.2s cubic-bezier(.22,1,.36,1)}.scan-launch-btn{background:linear-gradient(135deg,#2f81f73d,#3fb95038);border-color:#2f81f773}.scan-launch-btn:hover{background:linear-gradient(135deg,#2f81f757,#3fb9504d)}.notif-bell{isolation:isolate;overflow:visible;position:relative}.notif-bell:after{background:radial-gradient(circle,#2f81f74d 0,#2f81f700 70%);border-radius:14px;content:"";inset:-6px;opacity:0;pointer-events:none;position:absolute;transform:scale(.8);z-index:-1}.notif-bell i{transform-origin:top center}.notif-bell.ringing{box-shadow:0 0 0 1px #2f81f761,0 0 22px #2f81f73d}.notif-bell.ringing:after{animation:notif-glow 1.3s ease-out}.notif-bell.ringing i{animation:notif-bell-ring 1.2s cubic-bezier(.22,1,.36,1)}.notif-badge{align-items:center;background:#f85149;border:2px solid #0d1117;border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.notif-badge.pulse{animation:notif-badge-pop .9s cubic-bezier(.22,1,.36,1)}@keyframes notif-bell-ring{0%{transform:rotate(0deg) scale(1)}12%{transform:rotate(18deg) scale(1.08)}24%{transform:rotate(-14deg) scale(1.04)}36%{transform:rotate(10deg) scale(1.03)}48%{transform:rotate(-8deg) scale(1.02)}60%{transform:rotate(5deg) scale(1.01)}72%{transform:rotate(-3deg) scale(1)}to{transform:rotate(0deg) scale(1)}}@keyframes notif-glow{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes notif-badge-pop{0%{transform:scale(1)}18%{transform:scale(1.35)}38%{transform:scale(.92)}58%{transform:scale(1.08)}to{transform:scale(1)}}.navbar-right{position:relative}.notif-panel-header{align-items:center;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:14px 16px}.notif-filter-tabs{display:flex;gap:8px}.notif-filter-tab{background:#0000;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.notif-filter-tab:hover{border-color:#2f81f7;color:#2f81f7}.notif-filter-tab.active{background:#2f81f7;border-color:#2f81f7;color:#fff}.notif-mark-all-btn{background:none;border:none;border-radius:6px;color:#2f81f7;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:all .2s}.notif-mark-all-btn:hover{background:#2f81f71a}.notif-panel-toolbar{border-bottom:1px solid #21262d;display:flex;flex-direction:column;gap:10px;padding:10px 16px 12px}.notif-filter-group{background:#0d1117;border:1px solid #30363d;border-radius:999px;display:inline-flex;overflow:hidden;width:-webkit-fit-content;width:fit-content}.notif-filter-btn{background:#0000;border:none;color:#8b949e;cursor:pointer;font-size:12px;padding:6px 12px}.notif-filter-btn.active{background:#2f81f724;color:#58a6ff}.notif-sync-note{color:#6e7681;font-size:11px}.notif-panel-title{color:#e6edf3;font-size:15px;font-weight:600}.notif-mark-all{background:none;border:none;border-radius:6px;color:#2f81f7;cursor:pointer;font-size:12px;padding:4px 8px}.notif-mark-all:hover{background:#2f81f71a}.notif-list{flex:1 1;max-height:380px;overflow-y:auto}.notif-empty{align-items:center;color:#7b8bbd;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:40px 16px}.notif-empty i{font-size:28px;opacity:.5}.notif-item{align-items:flex-start;border-bottom:1px solid #21262d;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.notif-item:hover{background:#1c2128}.notif-item.unread{background:#2f81f70d}.notif-icon{align-items:center;background:#ffffff14;border-radius:50%;display:flex;font-size:14px;height:28px;justify-content:center;min-width:28px;width:28px}.notif-body{display:flex;flex:1 1;flex-direction:column;gap:4px}.notif-message{color:#c9d1d9;font-size:13px;line-height:1.4}.notif-time{color:#7b8bbd;font-size:11px}.notif-unread-dot{margin-top:6px}.notif-icon-circle{align-items:center;border-radius:50%;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;width:36px}.notif-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.notif-title{color:#e6edf3;font-size:13px;font-weight:600}.notif-unread-dot{background:#2f81f7;border-radius:50%;height:8px;margin-top:4px;min-width:8px;width:8px}.secondary-btn{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.secondary-btn:hover{background:#30363d;border-color:#2f81f7}.top-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 2fr;margin-bottom:16px}.system-health-strip{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.system-health-card{background:linear-gradient(180deg,#161b22f2,#0d1117f2);border:1px solid #30363d;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.system-health-label-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.system-health-label{color:#8b949e;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.system-health-helper{color:#b0b8cc;font-size:12px;line-height:1.45}.mobile-top-section{display:flex;flex-direction:column;gap:14px;margin-bottom:12px}.disease-status-card{align-items:center;border-radius:16px;display:flex;justify-content:space-between;min-height:140px;overflow:hidden;padding:32px;position:relative}.disease-status-card.loading{background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d}.disease-status-card:before{background:radial-gradient(circle at 100% 0,#ffffff1a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.disease-status-card.status-optimal{background:linear-gradient(135deg,#1b5e43,#277a57 52%,#156a68);background:linear-gradient(135deg,var(--leaf-green-deep) 0,var(--leaf-green) 52%,var(--leaf-green-teal) 100%)}.disease-status-card.status-mildew,.disease-status-card.status-warning{background:linear-gradient(135deg,#9a3412,#c2410c 50%,#ea580c)}.disease-status-card.status-anthracnose{background:linear-gradient(135deg,#7f1d1d,#991b1b 50%,#b91c1c)}.disease-status-card.status-unknown{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a78bfa)}.disease-status-content{align-items:center;display:flex;gap:32px;justify-content:space-between;position:relative;width:100%;z-index:1}.disease-status-text{flex:1 1}.disease-status-title{color:#fffc;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.disease-status-value{color:#fff;font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 12px}.disease-status-details{display:flex;flex-direction:column;gap:6px}.disease-status-details .confidence,.disease-status-details .time-ago{color:#ffffffb3;font-size:12px;font-weight:500}.disease-status-note{color:#ffffffd1;font-size:12px;line-height:1.45;margin-top:8px;max-width:28ch}.scan-rec-banner{animation:fadeInBanner .4s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000038;border-left:3px solid #ffffff8c;border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:3px;margin-top:10px;max-width:30ch;padding:8px 12px}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.scan-rec-title{color:#fffffff2;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.scan-rec-desc{color:#ffffffd1;font-size:12px;line-height:1.4}.mini-status-pill,.status-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.04em;padding:5px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.mini-status-pill.healthy,.mini-status-pill.live,.status-pill.healthy,.status-pill.live{background:#6fc2931f;border-color:#6fc29352;color:#6fc293;color:var(--leaf-green-pill)}.mini-status-pill.delayed,.status-pill.delayed{background:#d299221f;border-color:#d2992259;color:#d29922}.mini-status-pill.offline,.status-pill.offline{background:#f851491f;border-color:#f8514959;color:#ff7b72}.card-updated-label{color:#ffffffb8;font-size:11px;margin-top:8px}.disease-status-icon-wrapper{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.disease-status-icon{color:#fff3;font-size:80px;height:80px;width:80px}.disease-status-checkmark{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border-radius:50%;bottom:5px;display:flex;height:32px;justify-content:center;position:absolute;right:5px;width:32px}.disease-checkmark-icon{color:#fff;font-size:18px;height:18px;width:18px}.sensor-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e28b3;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.sensor-card:before{border-radius:50%;content:"";filter:blur(40px);height:150px;opacity:.15;pointer-events:none;position:absolute;right:-50px;top:-50px;width:150px}.sensor-card-temp:before{background:#f97316}.sensor-card-humidity:before{background:#3b82f6}.sensor-card-moisture:before{background:#277a57;background:var(--leaf-green)}.sensor-card:hover{border-color:#fff3;box-shadow:0 8px 32px #0006;transform:translateY(-2px) scale(1.02)}.card-header{align-items:center;color:#7b8bbd;display:flex;font-size:14px;font-weight:600;gap:12px;letter-spacing:.5px;text-transform:uppercase}.sensor-icon-container{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.sensor-card-temp .sensor-icon-container{background:#f9731626}.sensor-card-humidity .sensor-icon-container{background:#3b82f626}.sensor-card-moisture .sensor-icon-container{background:#4a9b7229}.sensor-icon-svg{font-size:20px;height:20px;width:20px}.sensor-icon-svg.temp{color:#f97316}.sensor-icon-svg.humidity{color:#3b82f6}.sensor-icon-svg.moisture{color:#6fc293;color:var(--leaf-green-pill)}.sensor-name{color:#b0b8cc;font-size:12px;font-weight:600}.mini-status-pill{margin-left:auto}.top-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr}.sensor-grid-desktop{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.sensor-value{align-items:baseline;display:flex;gap:8px}.sensor-value .value{color:#fff;font-size:40px;font-weight:700;letter-spacing:-1px}.sensor-value .unit{color:#7b8bbd;font-size:14px;font-weight:500}.sensor-value.waiting{align-items:center;display:flex;flex:1 1;justify-content:center;margin:10px 0}.waiting-text{color:#7b8bbd;font-size:14px;font-style:italic;font-weight:500;line-height:1.4;text-align:center}.progress-bar-container{width:100%}.progress-bar{background:#1c2128;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.progress-fill-temp{background:linear-gradient(90deg,#f97316,#fb923c)}.progress-fill-humidity{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.progress-fill-moisture{background:linear-gradient(90deg,#277a57,#4a9b72);background:linear-gradient(90deg,var(--leaf-green),var(--leaf-green-soft))}.sensor-trend{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:4px}.sensor-trend.trend-up{color:#6fc293;color:var(--leaf-green-pill)}.sensor-trend.trend-down{color:#f85149}.sensor-trend.trend-stable{color:#7b8bbd}.sensor-meta{color:#8b949e;display:flex;flex-direction:column;font-size:12px;gap:4px;line-height:1.35}.sensor-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.status-card{align-items:center;border-radius:16px;display:flex;justify-content:space-between;min-height:140px;overflow:hidden;padding:32px;position:relative}.status-card:before{background:radial-gradient(circle at 100% 0,#ffffff1a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.status-card.status-optimal{background:linear-gradient(135deg,#1b5e43,#277a57 52%,#156a68);background:linear-gradient(135deg,var(--leaf-green-deep) 0,var(--leaf-green) 52%,var(--leaf-green-teal) 100%)}.status-card.status-warning{background:linear-gradient(135deg,#d97706,#f59e0b 50%,#fbbf24)}.status-card.status-critical{background:linear-gradient(135deg,#dc2626,#f87171 50%,#fca5a5)}.status-content{align-items:center;display:flex;gap:32px;justify-content:space-between;position:relative;width:100%;z-index:1}.status-text{flex:1 1}.status-title{color:#fffc;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.status-value{color:#fff;font-size:48px;font-weight:700;letter-spacing:-1px;margin:0}.status-icon-wrapper{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.status-icon{color:#fff3;font-size:80px;height:80px;width:80px}.status-checkmark{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border-radius:50%;bottom:5px;display:flex;height:32px;justify-content:center;position:absolute;right:5px;width:32px}.checkmark-icon{color:#fff;font-size:18px;height:18px;width:18px}.middle-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr;margin-bottom:32px}.mobile-middle-section{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.chart-container{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:20px}.chart-canvas-wrapper{height:350px;position:relative;width:100%}@media (max-width:768px){.chart-canvas-wrapper{height:300px;min-height:280px}.chart-skeleton{min-height:280px}}.chart-updated-label{margin-bottom:12px}.chart-skeleton{display:flex;flex-direction:column;gap:14px;padding:10px 0 4px}.chart-skeleton-bars{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);min-height:160px}.chart-skeleton-bar{animation:skeletonWave 2s ease-in-out infinite;background:linear-gradient(90deg,#30363d99,#636e7b38,#30363d99);background-size:200% 100%;border-radius:8px 8px 0 0;overflow:hidden;position:relative}.chart-skeleton-bar:after{animation:shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#58a6ff1a 40%,#ffffff24 50%,#58a6ff1a 60%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.chart-skeleton-bar:first-child{animation-delay:0s;height:34%}.chart-skeleton-bar:first-child:after{animation-delay:0s}.chart-skeleton-bar:nth-child(2){animation-delay:.08s;height:62%}.chart-skeleton-bar:nth-child(2):after{animation-delay:.08s}.chart-skeleton-bar:nth-child(3){animation-delay:.16s;height:48%}.chart-skeleton-bar:nth-child(3):after{animation-delay:.16s}.chart-skeleton-bar:nth-child(4){animation-delay:.24s;height:76%}.chart-skeleton-bar:nth-child(4):after{animation-delay:.24s}.chart-skeleton-bar:nth-child(5){animation-delay:.32s;height:58%}.chart-skeleton-bar:nth-child(5):after{animation-delay:.32s}.chart-skeleton-bar:nth-child(6){animation-delay:.4s;height:82%}.chart-skeleton-bar:nth-child(6):after{animation-delay:.4s}.chart-skeleton-bar:nth-child(7){animation-delay:.48s;height:46%}.chart-skeleton-bar:nth-child(7):after{animation-delay:.48s}.chart-skeleton-bar:nth-child(8){animation-delay:.56s;height:66%}.chart-skeleton-bar:nth-child(8):after{animation-delay:.56s}.chart-skeleton-bar:nth-child(9){animation-delay:.64s;height:56%}.chart-skeleton-bar:nth-child(9):after{animation-delay:.64s}.chart-skeleton-bar:nth-child(10){animation-delay:.72s;height:72%}.chart-skeleton-bar:nth-child(10):after{animation-delay:.72s}.chart-tabs{display:flex;gap:8px;margin-left:auto}.tab-btn{background:#1c2128;border:1px solid #30363d;border-radius:6px;color:#7b8bbd;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.tab-btn:hover{background:#30363d;border-color:#2f81f7}.tab-btn.active{background:#2f81f7;border-color:#2f81f7;color:#fff}.recommendation-container{background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px}.recommendation-count{color:#2f81f7;font-size:13px;font-weight:600}.rec-header-right{align-items:center;display:flex;gap:12px}.lang-toggle{background:#1c2128;border:1px solid #30363d;border-radius:6px;display:flex;gap:0;overflow:hidden}.lang-btn{background:#0000;border:none;color:#8b949e;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s}.lang-btn:hover:not(.active){background:#ffffff0d;color:#c9d1d9}.lang-btn.active{background:#2f81f7;border-radius:4px;color:#fff}.recommendation-card{background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s}.recommendation-card:hover{background:#161b22;border-color:#2f81f7}.recommendation-header{align-items:flex-start;display:flex;gap:10px}.rec-icon-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;min-width:32px;width:32px}.rec-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.recommendation-title{color:#3fb950;font-size:14px;font-weight:600}.rec-time{color:#7b8bbd;font-size:12px}.recommendation-desc{color:#7b8bbd;font-size:13px;line-height:1.4}.recommendation-help{color:#8b949e;font-size:12px}.recommendation-skeleton-list{display:flex;flex-direction:column;gap:12px}.forecast-section{background:#161b22;border:1px solid #30363d;border-radius:12px;margin-bottom:24px;padding:24px}.forecast-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.forecast-title-row{align-items:center;display:flex;gap:10px}.forecast-title-icon{color:#2f81f7;font-size:18px}.forecast-season-badge{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:20px;color:#c9d1d9;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.forecast-season-badge i{color:#d29922;font-size:14px}.forecast-context-strip{border-bottom:1px solid #21262d;display:flex;gap:24px;margin-bottom:20px;padding:10px 0}.context-item{align-items:center;color:#8b949e;display:flex;font-size:13px;gap:8px}.context-item i{color:#2f81f7;font-size:13px;text-align:center;width:16px}.context-item strong{color:#c9d1d9}.forecast-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.forecast-day-card{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px 12px;transition:transform .2s,border-color .2s}.forecast-day-card:hover{border-color:#2f81f7;transform:translateY(-2px)}.forecast-day-label{align-items:center;display:flex;flex-direction:column;gap:2px}.forecast-day-name{color:#8b949e;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.forecast-day-num{color:#c9d1d9;font-size:22px;font-weight:700}.forecast-risk-pill{align-items:center;border:1px solid;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px 8px;width:100%}.risk-text{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.forecast-footer{align-items:center;border-top:1px solid #21262d;display:flex;justify-content:space-between;padding-top:12px}.forecast-legend-row{display:flex;gap:16px}.legend-item{align-items:center;color:#8b949e;display:flex;font-size:12px;gap:6px}.legend-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.forecast-source{color:#484f58;font-size:11px;font-style:italic}.forecast-generated-date{color:#6e7681;font-size:11px;margin-top:10px;text-align:right}.forecast-empty,.forecast-loading{color:#7b8bbd;font-size:14px;padding:20px;text-align:center}.forecast-pill-skeleton{border-radius:10px;height:64px;width:100%}.forecast-pill-skeleton.skeleton-box{height:64px;width:100%}.export-btn{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#3fb950;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.export-btn:hover{background:#3fb9501a;border-color:#3fb950}.export-btn i{font-size:14px}.logs-page{background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:20px}.section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.section-title{color:#fff;font-size:18px;font-weight:700}.analysis-timestamp-chip{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30363d66;border:1px solid #ffffff1a;border-radius:20px;color:#8b949e;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 14px}.analysis-action-banner{align-items:center;animation:slideUp .4s ease-out;border-radius:12px;display:flex;font-size:15px;gap:12px;margin-top:24px;padding:16px 20px}.analysis-action-banner.risk-low{background:#3fb9501a;border:1px solid #3fb95033;color:#3fb950}.analysis-action-banner.risk-medium{background:#d299221a;border:1px solid #d2992233;color:#d29922}.analysis-action-banner.risk-high{background:#f851491a;border:1px solid #f8514933;border-left:4px solid #f85149;color:#f85149}.analysis-action-banner strong{font-weight:700;letter-spacing:.2px}.analysis-mini-panel.full-width{grid-column:span 2}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-container{border:1px solid #30363d;border-radius:8px;overflow:hidden}.detection-table{background:#0d1117;border-collapse:collapse;font-size:14px;width:100%}.detection-table thead{background:#1c2128;border-bottom:2px solid #30363d;position:-webkit-sticky;position:sticky;top:0}.detection-table th{color:#7b8bbd;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.detection-table td{border-bottom:1px solid #30363d;color:#fff;padding:14px 12px}.detection-table tbody tr{transition:all .2s}.detection-table tbody tr:hover{background:#1c2128;border-left:3px solid #2f81f7;padding-left:9px}.disease-chip{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:8px;letter-spacing:.3px;padding:6px 14px;white-space:nowrap}.disease-chip,.disease-chip i{font-size:12px}.disease-chip.healthy{background:#3fb9501f;border:1px solid #3fb9504d;color:#3fb950}.disease-chip.anthracnose{background:#f851491f;border:1px solid #f851494d;color:#f85149}.disease-chip.mildew{background:#d299221f;border:1px solid #d299224d;color:#d29922}.source-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.2px;min-width:88px;padding:6px 12px}.source-chip.gateway{background:#2f81f71f;border:1px solid #79c0ff3d;color:#79c0ff}.source-chip.web{background:#3fb9501f;border:1px solid #3fb95047;color:#3fb950}.confidence-cell{align-items:center;display:flex;gap:10px}.confidence-bar{background:#1c2128;border-radius:3px;height:6px;overflow:hidden;width:60px}.confidence-fill{border-radius:3px;height:100%;transition:width .3s ease}.confidence-fill.healthy{background:#3fb950}.confidence-fill.anthracnose{background:#f85149}.confidence-fill.mildew{background:#d29922}.confidence-text{color:#c9d1d9;font-size:13px;font-weight:600;min-width:42px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.pagination-btn{background:#1c2128;border:1px solid #30363d;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#30363d;border-color:#2f81f7;color:#2f81f7}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#7b8bbd;font-size:13px;font-weight:600}.settings-page{background:#161b22;border:1px solid #30363d;border-radius:14px;padding:24px}.settings-page-header{align-items:flex-start;border-bottom:1px solid #30363d;display:flex;gap:20px;justify-content:space-between;padding-bottom:22px}.settings-page-eyebrow{color:#58a6ff;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.settings-page-title{color:#e6edf3;font-size:28px;letter-spacing:-.03em;margin:0}.settings-page-description{color:#8b949e;font-size:14px;line-height:1.6;margin:10px 0 0;max-width:60ch}.settings-section{margin-bottom:24px;padding-bottom:0}.settings-section,.settings-section:last-of-type{border-bottom:none}.settings-title{color:#2f81f7;font-size:16px;font-weight:600;margin-bottom:16px}.gateway-section{background:linear-gradient(180deg,#0d1117fa,#161b22fa)!important;border:1px solid #30363d!important;border-radius:16px!important;padding:28px!important}.gateway-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.gateway-heading{align-items:center;color:#e6edf3;display:flex;font-size:24px;gap:10px;margin:0 0 6px}.gateway-device-title-row i,.gateway-heading i{color:#58a6ff}.gateway-subheading{color:#8b949e;font-size:13px;line-height:1.5;margin:0}.gateway-add-btn{align-items:center;background:linear-gradient(180deg,#2f81f7,#1f6feb);border:1px solid #2f81f7;border-radius:10px;box-shadow:0 10px 24px #1f6feb38;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.gateway-add-btn:hover{box-shadow:0 14px 28px #1f6feb4d;transform:translateY(-2px)}.gateway-add-btn:disabled{cursor:not-allowed;opacity:.7}.gateway-empty-state{background:radial-gradient(circle at top,#2f81f71f,#0000 60%);border:1px dashed #58a6ff66;border-radius:14px;padding:32px 24px;text-align:center}.gateway-empty-icon{align-items:center;background:#2f81f71f;border-radius:18px;color:#58a6ff;display:flex;font-size:28px;height:68px;justify-content:center;margin:0 auto 16px;width:68px}.gateway-empty-state h3{color:#e6edf3;margin:0 0 8px}.gateway-empty-state p{color:#8b949e;font-size:14px;line-height:1.5;margin:0}.gateway-inline-error{background:#f8514914;border:1px solid #f8514966;border-radius:8px;color:#ff7b72;font-size:12px;margin-top:12px;padding:12px}.gateway-device-card{background:linear-gradient(180deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:14px;padding:20px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.gateway-device-card:hover{border-color:#484f58;box-shadow:0 12px 30px #00000038;transform:translateY(-1px)}.gateway-status{position:absolute;right:14px;top:14px}.gateway-device-header{margin-bottom:16px;padding-right:92px}.gateway-device-title-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.gateway-device-title-row h4{color:#e6edf3;font-size:16px;margin:0}.gateway-device-header p{color:#8b949e;font-size:12px;margin:0}.gateway-key-box{background:#0d1117;border:1px solid #21262d;border-radius:10px;margin-bottom:16px;padding:12px}.gateway-key-label{color:#8b949e;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.gateway-key-row{align-items:center;display:flex;gap:8px}.gateway-key-value{background:#161b22;border:1px solid #30363d;border-radius:8px;color:#58a6ff;flex:1 1;font-size:12px;padding:8px 10px;word-break:break-all}.gateway-copy-btn{background:#0000;border:1px solid #8b949e;border-radius:8px;color:#c9d1d9;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.gateway-copy-btn:hover{border-color:#58a6ff;color:#58a6ff}.gateway-copy-btn.copied{background:#3fb9501f;border-color:#3fb950;color:#3fb950}.gateway-setup{margin-bottom:16px}.gateway-setup summary{color:#58a6ff;cursor:pointer;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.gateway-setup-body{background:#161b22;border:1px solid #30363d;border-radius:10px;color:#8b949e;font-family:monospace;font-size:11px;margin-top:12px;padding:12px}.gateway-setup-body p{margin:0 0 8px}.gateway-setup-body p:last-child{margin-bottom:0}.gateway-setup-body code{color:#58a6ff;display:block;margin-bottom:8px}.gateway-actions{border-top:1px solid #30363d;display:flex;gap:8px;padding-top:16px}.gateway-action-btn{background:#161b22;border:1px solid #30363d;border-radius:8px;color:#c9d1d9;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:10px 12px;transition:all .2s ease}.gateway-action-btn:hover{border-color:#58a6ff;color:#58a6ff}.gateway-action-btn.danger{border-color:#f8514966;color:#ff7b72}.gateway-action-btn.danger:hover{background:#f8514914;border-color:#f85149;color:#f85149}.gateway-add-btn:active{transform:translateY(0)}.settings-card{background:linear-gradient(180deg,#161b22fa,#0d1117fa)!important;border:1px solid #30363d!important;border-radius:16px!important;padding:24px!important;transition:border-color .2s ease,box-shadow .2s ease}.settings-card:hover{border-color:#3b434d!important;box-shadow:0 14px 28px #0000002e!important}.settings-page{display:flex;flex-direction:column;gap:20px}.settings-section-intro{align-items:flex-start;display:flex;gap:14px;margin-bottom:20px}.settings-section-icon{align-items:center;background:#58a6ff1f;border-radius:12px;color:#58a6ff;display:flex;font-size:18px;height:42px;justify-content:center;width:42px}.settings-section-title{color:#e6edf3;font-size:18px;margin:0}.settings-section-description{color:#8b949e;font-size:13px;line-height:1.5;margin:4px 0 0}.settings-control-group{display:flex;flex-direction:column;gap:12px}.settings-control-group.with-divider{border-bottom:1px solid #30363d;margin-bottom:20px;padding-bottom:20px}.settings-field-label{color:#c9d1d9;display:block;font-size:13px;font-weight:700}.settings-field-hint{color:#8b949e;font-size:12px;line-height:1.5;margin:-4px 0 0}.settings-choice-grid{grid-gap:10px;display:grid;gap:10px}.settings-choice-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-choice-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-choice-grid.compact-frame{padding:8px}.settings-choice-grid.compact-frame,.settings-option-card{background:#161b22;border:1px solid #30363d;border-radius:12px}.settings-option-card{color:#8b949e;cursor:pointer;padding:14px;text-align:left;transition:all .2s ease}.settings-option-card:hover{background:#1a212b;border-color:#484f58}.settings-option-card.centered{text-align:center}.settings-option-card.compact{padding:12px 10px}.settings-option-card.selected{background:#0d1117;color:#e6edf3}.settings-option-card.selected.accent-blue{border-color:#2f81f7;box-shadow:inset 0 0 0 1px #2f81f733}.settings-option-card.selected.accent-cool{border-color:#58a6ff;box-shadow:inset 0 0 0 1px #58a6ff2e}.settings-option-card.selected.accent-warm{border-color:#ff9158;box-shadow:inset 0 0 0 1px #ff91582e}.settings-option-card.selected.accent-fresh{border-color:#3fb950;box-shadow:inset 0 0 0 1px #3fb9502e}.settings-option-card.selected.accent-calm{border-color:#2f81f7;box-shadow:inset 0 0 0 1px #2f81f72e}.settings-option-flag{font-size:18px}.settings-option-icon-wrap{align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:10px;color:#8b949e;display:flex;height:34px;justify-content:center;margin:0 auto 10px;width:34px}.settings-option-icon-wrap.small{height:30px;margin-bottom:8px;width:30px}.settings-option-icon-text{color:#e6edf3;font-size:22px;margin-bottom:6px}.settings-option-caption{font-size:13px}.settings-option-caption.strong{color:#e6edf3;font-weight:700}.settings-option-meta{color:#8b949e;font-size:11px;margin-top:4px}.settings-selection-note{color:#8b949e;font-size:12px;margin:14px 0 0}.settings-selection-note strong{color:#e6edf3}.settings-toggle-row{align-items:center;background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px}.settings-toggle-title{color:#e6edf3;font-size:14px;font-weight:700;margin:0}.settings-toggle-description{color:#8b949e;font-size:12px;margin:4px 0 0}.settings-toggle{background:#30363d;border:none;border-radius:999px;cursor:pointer;height:28px;position:relative;transition:background .2s ease;width:50px}.settings-toggle span{background:#fff;border-radius:50%;height:24px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:24px}.settings-toggle.enabled{background:#2ea043}.settings-toggle.enabled span{transform:translateX(22px)}.settings-slider-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 68px}.settings-slider-wrap{position:relative}.settings-slider-input{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#f85149 0,#ff9128 50%,#3fb950);border-radius:999px;height:6px;outline:none;width:100%}.settings-slider-value{background:#161b22;border:1px solid #30363d;border-radius:10px;color:#58a6ff;font-size:14px;font-weight:700;padding:10px 12px;text-align:center}.settings-threshold-legend{display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin-top:12px}.settings-threshold-legend .low{color:#f85149}.settings-threshold-legend .medium{color:#ff9128}.settings-threshold-legend .high{color:#3fb950}.settings-actions.professional{background:linear-gradient(#0000,#161b22f0 30%);bottom:0;padding-bottom:4px;padding-top:12px;position:-webkit-sticky;position:sticky}.settings-save-btn{align-items:center;background:linear-gradient(180deg,#2f81f7,#1f6feb);border:none;border-radius:12px;box-shadow:0 12px 24px #1f6feb38;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:15px 18px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.settings-save-btn:hover{box-shadow:0 16px 28px #1f6feb4d;transform:translateY(-1px)}.settings-save-success{align-items:center;animation:slideInUp .3s ease;color:#3fb950;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-top:12px}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setting-group{margin-bottom:16px}.setting-group label{color:#7b8bbd;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.setting-hint{color:#7b8bbd;font-size:12px;font-weight:400;line-height:1.4;margin:0 0 16px}.slider-container{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:10px;display:flex;gap:16px;padding:16px}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#30363d,#30363d);border-radius:4px;flex:1 1;height:8px;outline:none}.value-display{background:#2f81f71a;border-radius:6px;color:#2f81f7;font-size:16px;font-weight:700;min-width:50px;padding:6px 12px;text-align:center}.threshold-input-wrapper{align-items:center;background:#2f81f71a;border:1px solid #2f81f74d;border-radius:8px;display:flex;gap:2px;padding:4px 8px}.threshold-input{-moz-appearance:textfield;background:#0000;border:none;color:#2f81f7;font-size:18px;font-weight:700;outline:none;text-align:center;width:50px}.threshold-input::-webkit-inner-spin-button,.threshold-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.threshold-percent{color:#2f81f7;font-size:16px;font-weight:600}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2f81f7;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.slider::-webkit-slider-thumb:hover{background:#3b9ff7;box-shadow:0 0 12px #2f81f766}.slider::-moz-range-thumb{background:#2f81f7;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s;transition:all .2s;width:18px}.slider::-moz-range-thumb:hover{background:#3b9ff7;box-shadow:0 0 12px #2f81f766}.checkbox-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px}.checkbox{accent-color:#2f81f7;cursor:pointer;height:18px;width:18px}.info-group{background:#1c2128;border:1px solid #30363d;border-radius:8px;padding:16px}.info-item{align-items:center;border-bottom:1px solid #30363d;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-label{color:#7b8bbd;font-weight:600}.info-value{color:#2f81f7;font-weight:600}.settings-actions{align-items:center;display:flex;gap:12px;margin-top:24px}.primary-btn{background:linear-gradient(90deg,#2563eb,#2f81f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.primary-btn:hover{box-shadow:0 0 16px #2f81f766;opacity:.9}.save-confirmation{font-size:13px}.analysis-page{background:linear-gradient(180deg,#161b22,#131923);border:1px solid #30363d;border-radius:16px;overflow:hidden;padding:20px;position:relative}.analysis-header{align-items:flex-end}.analysis-header-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.analysis-title-group{display:flex;flex-direction:column;gap:6px}.analysis-subtitle{color:#8fa0c6;font-size:13px;line-height:1.5;margin:0;max-width:72ch}.analysis-live-pill{align-items:center;background:#2f81f71f;border:1px solid #58a6ff3d;border-radius:999px;color:#7db5ff;display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.04em;padding:8px 12px;text-transform:uppercase}.analysis-live-dot{background:#58a6ff;border-radius:50%;box-shadow:0 0 0 6px #58a6ff1f;height:8px;width:8px}.analysis-loading{color:#7b8bbd;padding:28px 0;text-align:center}.analysis-empty-state{align-items:flex-start;background:linear-gradient(135deg,#58a6ff14,#0d1117d1);border:1px dashed #30363d;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:28px}.analysis-empty-icon{align-items:center;background:#58a6ff1f;border-radius:14px;color:#58a6ff;display:flex;font-size:28px;height:52px;justify-content:center;width:52px}.analysis-empty-state h3{color:#fff;font-size:22px;margin:0}.analysis-empty-state p{color:#8fa0c6;line-height:1.55;margin:0;max-width:58ch}.analysis-scan-card{grid-gap:16px;background:linear-gradient(135deg,#0f1624f5,#131e2eeb);border:1px solid #58a6ff33;border-radius:18px;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);margin:18px 0;padding:18px}.analysis-scan-card.pending{border-color:#f29d1842}.analysis-scan-card.completed{border-color:#6fc29342}.analysis-scan-main,.analysis-scan-side{display:flex;flex-direction:column}.analysis-scan-main{gap:14px}.analysis-scan-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.analysis-scan-status{align-items:center;background:#2f81f724;border:1px solid #58a6ff42;border-radius:999px;color:#7db5ff;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.04em;padding:7px 10px;text-transform:uppercase}.analysis-scan-status.pending{background:#d2992224;border-color:#d2992247;color:#f4bf4f}.analysis-scan-status.completed{background:#6fc29324;border-color:#6fc29347;color:#6fc293;color:var(--leaf-green-pill)}.analysis-scan-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.analysis-scan-button{align-items:center;background:linear-gradient(135deg,#2f81f7,#58a6ff);border:none;border-radius:12px;box-shadow:0 12px 30px #1f6feb38;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:11px 16px;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.analysis-scan-button:hover:not(:disabled){box-shadow:0 14px 32px #1f6feb47;transform:translateY(-1px)}.analysis-scan-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.58}.analysis-scan-button svg{font-size:18px}.analysis-scan-helper{color:#8fa0c6;font-size:12px;line-height:1.5;max-width:52ch}.analysis-scan-feedback{color:#ff9c95;font-size:12px}.analysis-scan-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-mobile-scan-action{display:none}.analysis-scan-fab{align-items:center;background:linear-gradient(135deg,#2f81f7,#58a6ff);border:none;border-radius:50%;box-shadow:0 16px 40px #1f6feb57;color:#fff;cursor:pointer;display:inline-flex;height:64px;justify-content:center;width:64px}.analysis-scan-fab svg{font-size:32px}.analysis-scan-fab:disabled{box-shadow:none;cursor:not-allowed;opacity:.58}.analysis-scan-fab-text{color:#dce8ff;font-size:11px;font-weight:700;letter-spacing:.02em}.analysis-scan-fab:disabled+.analysis-scan-fab-text{opacity:.58}.analysis-overview-card{--analysis-glow:#58a6ff2e;grid-gap:18px;background:linear-gradient(135deg,#0f1624,#162033);border:1px solid #30363d;border-radius:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);margin-bottom:18px;overflow:hidden;padding:20px;position:relative}.analysis-overview-card:before{background:radial-gradient(circle at top right,var(--analysis-glow) 0,#0000 38%);content:"";inset:0;pointer-events:none;position:absolute}.analysis-overview-card.risk-low{--analysis-glow:#6fc2932e;border-color:#6fc2933d}.analysis-overview-card.risk-medium{--analysis-glow:#f29d182e;border-color:#f29d183d}.analysis-overview-card.risk-high{--analysis-glow:#f8514933;border-color:#f8514947}.analysis-overview-main,.analysis-overview-side{position:relative;z-index:1}.analysis-overview-main{display:flex;flex-direction:column;gap:14px}.analysis-overview-badges{display:flex;flex-wrap:wrap;gap:8px}.analysis-meta-chip,.analysis-risk-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.04em;padding:7px 10px;text-transform:uppercase}.analysis-meta-chip{background:#0d11179e;border-color:#ffffff14;color:#c9d1d9}.analysis-risk-badge.risk-low{background:#6fc29324;border-color:#6fc29357;color:#6fc293;color:var(--leaf-green-pill)}.analysis-risk-badge.risk-medium{background:#d2992224;border-color:#d2992257;color:#f4bf4f}.analysis-risk-badge.risk-high{background:#f8514924;border-color:#f8514957;color:#ff9c95}.analysis-overview-title{color:#fff;font-size:32px;letter-spacing:-.03em;line-height:1.05;margin:0}.analysis-overview-copy{color:#b0b8cc;font-size:14px;line-height:1.6;margin:0;max-width:60ch}.analysis-score-row{grid-gap:16px;align-items:center;background:#0d11177a;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:16px;grid-template-columns:auto 1fr;padding:16px}.analysis-score-display{display:flex;flex-direction:column;gap:6px;min-width:116px}.analysis-score-label{color:#7b8bbd;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.analysis-score-value{color:#fff;font-size:34px;font-weight:800;line-height:1}.analysis-score-value small{color:#8fa0c6;font-size:13px;margin-left:2px}.analysis-score-meter{background:#0d1117;border:1px solid #ffffff0d;border-radius:999px;height:10px;overflow:hidden;width:100%}.analysis-score-fill{border-radius:inherit;display:block;height:100%}.analysis-score-fill.risk-low{background:linear-gradient(90deg,#277a57,#4a9b72);background:linear-gradient(90deg,var(--leaf-green),var(--leaf-green-soft))}.analysis-score-fill.risk-medium{background:linear-gradient(90deg,#d29922,#f4bf4f)}.analysis-score-fill.risk-high{background:linear-gradient(90deg,#f85149,#ff9c95)}.analysis-overview-side{display:flex;flex-direction:column;gap:12px}.analysis-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.analysis-kpi-card{background:#0d1117b8;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;min-height:92px;padding:14px}.kpi-label{color:#7b8bbd;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.kpi-value{color:#fff;font-size:28px;font-weight:700;line-height:1.1}.kpi-value.compact{font-size:17px;line-height:1.35}.kpi-value.risk-low{color:#6fc293;color:var(--leaf-green-pill)}.kpi-value.risk-medium{color:#d29922}.kpi-value.risk-high{color:#f85149}.analysis-balance-card{background:#0d1117b8;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:14px}.analysis-balance-header{align-items:center;color:#c9d1d9;display:flex;font-size:12px;font-weight:600;gap:12px;justify-content:space-between}.analysis-balance-header strong{color:#fff}.analysis-balance-track{background:#0d1117;border:1px solid #30363d;border-radius:999px;display:flex;height:12px;overflow:hidden}.analysis-balance-fill{height:100%}.analysis-balance-fill.healthy{background:linear-gradient(90deg,#277a57,#4a9b72);background:linear-gradient(90deg,var(--leaf-green),var(--leaf-green-soft))}.analysis-balance-fill.disease{background:linear-gradient(90deg,#d97706,#f85149)}.analysis-balance-legend{color:#8b949e;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;justify-content:space-between}.analysis-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:18px}.analysis-card{background:linear-gradient(180deg,#1b222d,#171d27);border:1px solid #30363d;border-radius:16px;padding:18px}.analysis-card-wide{grid-column:1/-1}.analysis-card-heading{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.analysis-card-icon{align-items:center;background:#2f81f71f;border:1px solid #58a6ff33;border-radius:12px;color:#58a6ff;display:flex;flex-shrink:0;font-size:20px;height:38px;justify-content:center;width:38px}.analysis-card h4{color:#2f81f7;font-size:14px;font-weight:600;margin:0}.analysis-card p{color:#7b8bbd;font-size:13px;margin:4px 0 0}.analysis-breakdown-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}.analysis-breakdown-list{display:flex;flex-direction:column;gap:12px}.analysis-breakdown-item{background:#0d1117;border:1px solid #30363d;border-radius:14px;padding:12px}.analysis-breakdown-top{align-items:center;color:#c9d1d9;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-bottom:10px}.analysis-breakdown-top strong{color:#fff}.analysis-side-facts{grid-gap:12px;align-content:start;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-stat-tile{background:#0d1117;border:1px solid #30363d;border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:12px}.analysis-stat-tile span{color:#7b8bbd;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.analysis-stat-tile strong{color:#fff;font-size:21px;font-weight:700;line-height:1.15}.analysis-stat-compact{font-size:15px!important;line-height:1.4!important}.analysis-stat-tile small{color:#8b949e;font-size:12px}.analysis-signal-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-signal-panel{background:#0d1117;border:1px solid #30363d;border-radius:14px;padding:14px}.analysis-signal-panel.healthy{border-color:#6fc2933d}.analysis-signal-panel.disease{border-color:#f851493d}.analysis-signal-header{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:12px}.signal-dot{background:#58a6ff;border-radius:50%;height:8px;width:8px}.analysis-signal-panel.healthy .signal-dot{background:#6fc293;background:var(--leaf-green-pill)}.analysis-signal-panel.disease .signal-dot{background:#ff7b72}.analysis-signal-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-signal-metric{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:10px}.analysis-signal-metric span{color:#7b8bbd;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.analysis-signal-metric strong{color:#fff;font-size:18px;line-height:1.2}.analysis-gap-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.analysis-gap-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:12px}.analysis-gap-card span{color:#7b8bbd;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.analysis-gap-card strong{color:#fff;font-size:20px;line-height:1.15}.analysis-gap-card small{color:#8b949e;font-size:12px}.analysis-metric-grid{margin-bottom:14px}.analysis-metric-grid,.analysis-mini-duo{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-mini-panel{background:#0d1117;border:1px solid #30363d;border-radius:14px;padding:12px}.analysis-mini-chart{border-top:1px solid #30363d;margin-top:14px;padding-top:12px}.mini-label{color:#7b8bbd;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.mini-empty{color:#7b8bbd;font-size:12px}.mini-bars{align-items:flex-end;display:flex;gap:4px;height:64px}.mini-bar{border-radius:4px 4px 0 0;flex:1 1;min-width:6px;opacity:.95}.mini-bar.confidence{background:linear-gradient(180deg,#2f81f7,#1f6feb)}.mini-bar.temp{background:linear-gradient(180deg,#f59e0b,#d97706)}.mini-bar.risk{background:linear-gradient(180deg,#f85149,#da3633)}.breakdown-track{background:#0d1117;border:1px solid #30363d;border-radius:99px;height:8px;overflow:hidden}.breakdown-fill{background:linear-gradient(90deg,#58a6ff,#2f81f7);display:block;height:100%}.breakdown-value{color:#fff;font-size:12px;font-weight:700}.analysis-spotlight{background:linear-gradient(135deg,#2f81f724,#0d11178c);border:1px solid #58a6ff38;border-radius:14px;margin-bottom:14px;padding:14px}.analysis-spotlight .mini-label{margin-bottom:10px}.analysis-spotlight strong{color:#fff;display:block;font-size:16px;line-height:1.5}.analysis-recommendation-list{margin-top:14px}.analysis-recommendation-list ol{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:18px}.analysis-recommendation-list li{color:#c9d1d9;font-size:12px;line-height:1.5}.analysis-note{color:#8fa0c6;font-size:12px;margin:14px 0 0;text-align:center}@media (max-width:1100px){.analysis-breakdown-layout,.analysis-overview-card,.analysis-scan-card{grid-template-columns:1fr}}.mobile-nav{background:#161b22;border-top:1px solid #30363d;bottom:0;display:flex;display:none;height:64px;justify-content:space-around;left:0;position:fixed;right:0;z-index:100}.mobile-nav-btn{align-items:center;background:none;border:none;color:#7b8bbd;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;gap:4px;justify-content:center;text-decoration:none;transition:all .2s}.mobile-nav-btn i{font-size:20px}.mobile-nav-btn.active{color:#2f81f7}.mobile-nav-btn:active{background:#2f81f71a}.mobile-nav-scan-btn{align-items:center;background:#2f81f7;border:4px solid #161b22;border-radius:50%;box-shadow:0 4px 12px #2f81f74d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transform:translateY(-15px);transition:all .2s ease;width:50px;z-index:10}.mobile-nav-scan-btn:active{background:#1f6feb;transform:translateY(-12px) scale(.95)}.footer{color:#7b8bbd;font-size:12px;margin-top:16px;padding:8px 0;text-align:center}.empty-message,.error-message,.loading-message{background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#7b8bbd;font-size:14px;padding:20px;text-align:center}.message-hint{color:#8b949e;line-height:1.45;margin-top:10px}.logs-loading-state{text-align:left}.table-skeleton{display:flex;flex-direction:column;gap:10px;margin-top:12px}.table-skeleton-row{animation:skeletonWave 2s ease-in-out infinite;background:linear-gradient(90deg,#30363d99,#636e7b38,#30363d99);background-size:200% 100%;border-radius:10px;height:46px;overflow:hidden;position:relative}.table-skeleton-row:after{animation:shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#58a6ff0f 30%,#ffffff21 50%,#58a6ff0f 70%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.table-skeleton-row:first-child,.table-skeleton-row:first-child:after{animation-delay:0s}.table-skeleton-row:nth-child(2),.table-skeleton-row:nth-child(2):after{animation-delay:.1s}.table-skeleton-row:nth-child(3),.table-skeleton-row:nth-child(3):after{animation-delay:.2s}.table-skeleton-row:nth-child(4),.table-skeleton-row:nth-child(4):after{animation-delay:.3s}.table-skeleton-row:nth-child(5),.table-skeleton-row:nth-child(5):after{animation-delay:.4s}.skeleton-box,.skeleton-fill,.skeleton-line{animation:skeletonWave 2s ease-in-out infinite;background:linear-gradient(90deg,#30363d99,#636e7b38,#30363d99);background-size:200% 100%;border-radius:10px;overflow:hidden;position:relative}.skeleton-box:after,.skeleton-fill:after,.skeleton-line:after{animation:shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#58a6ff0f 30%,#ffffff21 50%,#58a6ff0f 70%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.skeleton-chip{border-radius:12px;height:24px;margin-bottom:10px;width:72px}.skeleton-heading{height:34px;margin-bottom:12px;width:68%}.skeleton-subline{height:14px;width:88%}.skeleton-subline.short{width:52%}.skeleton-label{height:12px;width:92px}.skeleton-value{height:42px;width:120px}.skeleton-body{height:14px;width:100%}.skeleton-body.short{width:78%}.skeleton-box{height:32px;width:32px}.skeleton-circle{border-radius:50%;height:88px;width:88px}.skeleton-fill{height:100%;width:60%}.skeleton-value-lg{border-radius:8px;height:38px;width:65%}.skeleton-meta-line{border-radius:6px;height:11px;margin-top:6px;width:45%}.skeleton-icon-circle{border-radius:50%!important}.skeleton-fill-wide{border-radius:0;height:100%;width:100%}.skeleton-delay-1:after{animation-delay:.15s}.skeleton-delay-2:after{animation-delay:.3s}.skeleton-delay-3:after{animation-delay:.45s}.skeleton-delay-4:after{animation-delay:.6s}.skeleton-delay-1{animation-delay:.1s}.skeleton-delay-2{animation-delay:.2s}.skeleton-delay-3{animation-delay:.3s}.skeleton-delay-4{animation-delay:.4s}.skeleton-state{animation:skeletonBorderPulse 2.5s ease-in-out infinite;border-color:#30363d99!important}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes skeletonWave{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonBorderPulse{0%,to{border-color:#30363d80}50%{border-color:#58a6ff26}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.9}}.error-message{border-color:#f85149;color:#f85149}.error-message button{background:#f85149;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:12px;padding:8px 16px}.dashboard-empty-state{align-items:center;background:#0d111766;border:1px dashed #30363dcc;border-radius:10px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:140px;padding:32px 20px;text-align:center;transition:all .3s ease}.dashboard-empty-state:hover{background:#0d111799;border-color:#58a6ff4d}.dashboard-empty-icon{animation:emptyFloat 3s ease-in-out infinite;color:#58a6ff;filter:drop-shadow(0 4px 12px rgba(88,166,255,.25));font-size:36px;margin-bottom:4px;opacity:.8}.dashboard-empty-title{color:#e6edf3;font-size:15px;font-weight:600;letter-spacing:.01em;margin:0}.dashboard-empty-hint{color:#8b949e;font-size:13px;line-height:1.5;margin:0;max-width:36ch}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.settings-helper-banner{align-items:flex-start;background:#0d1117;border:1px solid #30363d;border-radius:10px;color:#b0b8cc;display:flex;font-size:12px;gap:10px;line-height:1.45;margin-bottom:18px;padding:12px 14px}.settings-helper-banner.backend-driven{background:#2f81f714;border-color:#2f81f759}.settings-helper-banner.browser-only{background:#d2992214;border-color:#d2992259}.settings-helper-badge{background:#ffffff14;border-radius:999px;color:#e6edf3;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}@media (max-width:1024px){.system-health-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-content,.analysis-gap-grid,.analysis-metric-grid,.analysis-mini-duo,.analysis-side-facts,.analysis-signal-grid,.middle-grid,.sensor-row,.top-grid{grid-template-columns:1fr}.analysis-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.auth-container{padding:20px}.auth-card{border-radius:12px;padding:28px 20px}.auth-header{margin-bottom:24px}.auth-logo{font-size:40px;margin-bottom:12px}.auth-title{font-size:24px;margin-bottom:6px}.auth-subtitle{font-size:12px}.auth-form h2{font-size:18px;margin-bottom:16px}.dashboard{padding:12px}.navbar{gap:8px;margin-bottom:14px;padding:12px 14px}.navbar-center{display:none}.app-title{font-size:17px}.navbar-right{gap:6px}.desktop-scan-btn{display:none}.notif-panel{right:-8px;width:min(92vw,360px)}.dashboard-wrapper{min-height:0;overflow-x:hidden;padding-bottom:70px}.subpage-wrapper{display:flex;flex-direction:column;min-height:0;padding:0}.dashboard-content{display:flex;flex-direction:column;gap:16px}.system-health-strip{gap:10px;grid-template-columns:1fr;margin-bottom:10px}.top-grid{gap:12px}.top-cards-grid,.top-grid{grid-template-columns:1fr;margin-bottom:0}.top-cards-grid{gap:16px}.middle-grid{gap:32px}.disease-status-card{border-radius:10px;min-height:120px;padding:16px}.disease-status-content{display:block;position:relative}.disease-status-text{width:calc(100% - 50px)}.disease-status-title{font-size:11px;margin-bottom:6px}.disease-status-value{font-size:26px;line-height:1.1;margin:0 0 8px}.disease-status-details{gap:4px;margin-top:8px}.disease-status-details .confidence,.disease-status-details .time-ago{font-size:11px}.disease-status-icon-wrapper{height:44px;min-width:44px;position:absolute;right:0;top:0;width:44px}.disease-status-icon{font-size:36px;height:36px;width:36px}.disease-status-checkmark{bottom:-2px;height:18px;right:-2px;width:18px}.disease-checkmark-icon{font-size:10px;height:10px;width:10px}.sensor-grid-desktop{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.sensor-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.sensor-card{border-radius:10px;gap:10px;min-height:0;min-height:auto;padding:14px}.card-header{font-size:11px;gap:6px}.sensor-icon-container{height:26px;width:26px}.sensor-icon-svg{font-size:14px;height:14px;width:14px}.sensor-value{gap:4px}.sensor-value .value{font-size:26px;line-height:1}.sensor-value .unit{font-size:11px}.middle-grid{gap:20px;grid-template-columns:1fr;margin-bottom:0}.chart-container,.recommendation-container{padding:16px}.notif-panel-toolbar{padding:10px 12px 12px}.settings-helper-banner{flex-direction:column}.forecast-section{margin-bottom:0;padding:16px}.forecast-header{align-items:flex-start;flex-direction:column;gap:8px}.forecast-context-strip{flex-direction:column;gap:6px}.forecast-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.forecast-footer{align-items:flex-start;flex-direction:column;gap:6px}.forecast-generated-date{text-align:left}.mobile-nav{display:flex;height:56px}.mobile-nav-btn{font-size:10px;gap:3px}.mobile-nav-btn i{font-size:18px}.analysis-page,.logs-page,.settings-page{border-radius:10px;gap:12px;padding:12px}.settings-section{margin-bottom:14px;padding-bottom:14px}.gateway-section{border-radius:10px!important;padding:14px!important}.gateway-section>div:first-child{margin-bottom:12px!important}.gateway-header-row,.gateway-section>div:first-child{align-items:flex-start!important;flex-direction:column!important;gap:10px}.gateway-devices-grid{grid-template-columns:1fr!important;max-width:100%!important}.gateway-add-btn{justify-content:center;width:100%}.section-header{align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:10px}.section-title{font-size:15px}.export-btn{justify-content:center;width:100%}.table-container{margin-bottom:10px}.detection-table td,.detection-table th{font-size:12px;padding:9px 6px;white-space:nowrap}.detection-table,.settings-section{font-size:12px}.analysis-content{gap:10px;grid-template-columns:1fr;margin-bottom:0}.analysis-header{align-items:flex-start}.analysis-header-actions{justify-content:space-between;width:100%}.analysis-live-pill{width:-webkit-fit-content;width:fit-content}.analysis-balance-card,.analysis-gap-card,.analysis-mini-panel,.analysis-overview-card,.analysis-signal-panel,.analysis-stat-tile{padding:12px}.analysis-overview-title{font-size:28px}.analysis-breakdown-layout,.analysis-gap-grid,.analysis-metric-grid,.analysis-mini-duo,.analysis-scan-meta,.analysis-side-facts,.analysis-signal-grid,.analysis-signal-metrics{grid-template-columns:1fr}.analysis-kpi-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-card,.analysis-kpi-card{padding:10px}.analysis-scan-card{padding:12px}.analysis-scan-actions{align-items:flex-start}.footer{font-size:10px;padding:6px 0 12px}}@media (max-width:767px){.analysis-page{padding-bottom:126px}.analysis-scan-button-desktop{display:none}.analysis-mobile-scan-action{align-items:center;bottom:24px;display:flex;flex-direction:column;gap:6px;left:50%;position:fixed;transform:translateX(-50%);z-index:1200}}@media (max-width:480px){.dashboard{padding:10px}.dashboard-wrapper{padding-bottom:66px}.navbar{border-radius:8px;gap:6px;margin-bottom:10px;padding:10px 12px}.app-title,.icon-btn{font-size:15px}.icon-btn{height:34px;width:34px}.disease-name{font-size:20px}.analysis-page,.chart-container,.forecast-section,.logs-page,.recommendation-container,.settings-page{padding:10px}.disease-status-card{min-height:100px;padding:12px}.disease-status-value{font-size:22px}.disease-status-icon-wrapper{height:42px;width:42px}.disease-status-icon{font-size:32px;height:32px;width:32px}.sensor-card{padding:10px}.analysis-kpi-grid{grid-template-columns:1fr}.analysis-overview-title{font-size:24px}.analysis-score-row{grid-template-columns:1fr}.gateway-section{padding:12px!important}.gateway-devices-grid{gap:8px!important}.mobile-nav{height:54px}.mobile-nav-btn{font-size:9px}.mobile-nav-btn i{font-size:16px}.sensor-value .value{font-size:24px}.recommendation-card{padding:9px 10px}.settings-title{font-size:13px}.setting-group label{font-size:11px}.dashboard-content{gap:24px}.top-grid{gap:10px}.middle-grid{gap:24px}}.device-api-info{margin-bottom:16px}.device-field{margin-bottom:12px}.device-field label{color:#7b8bbd;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.copyable-field{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:8px;display:flex;overflow:hidden}.copyable-field code{color:#2f81f7;flex:1 1;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:nowrap}.key-field code{color:#3fb950;font-size:11px}.copy-btn{background:none;border:none;border-left:1px solid #30363d;color:#7b8bbd;cursor:pointer;padding:10px 14px;transition:all .2s}.copy-btn:hover{background:#30363d;color:#2f81f7}.copy-btn .fa-check{color:#3fb950}.no-devices{color:#7b8bbd;padding:32px 16px;text-align:center}.no-devices i{color:#30363d;display:block;font-size:40px;margin-bottom:12px}.no-devices p{font-size:14px;line-height:1.5;margin:0 0 20px}.device-list{display:flex;flex-direction:column;gap:16px}.device-card{background:#1c2128;border:1px solid #30363d;border-radius:10px;padding:16px}.device-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.device-name-row{align-items:center;display:flex;gap:8px}.device-chip-icon{color:#2f81f7;font-size:16px}.device-card-name{color:#fff;font-size:15px;font-weight:600}.device-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.device-status.online{background:#3fb9501f;color:#3fb950}.device-status.offline{background:#7b8bbd1f;color:#7b8bbd}.status-indicator{background:currentColor;border-radius:50%;height:7px;width:7px}.device-last-seen{align-items:center;color:#7b8bbd;display:flex;font-size:12px;gap:6px;margin-bottom:12px}.device-config-hint{margin:12px 0}.device-config-hint label{color:#7b8bbd;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.config-snippet{background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#8b949e;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;margin:0;overflow-x:auto;padding:12px 14px;white-space:pre}.device-actions{border-top:1px solid #30363d;display:flex;gap:8px;margin-top:12px;padding-top:12px}.danger-btn.small,.secondary-btn.small{font-size:12px;padding:6px 12px}.danger-btn{background:#f851491a;border:1px solid #f851494d;border-radius:8px;color:#f85149;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.danger-btn:hover{background:#f8514933;border-color:#f85149}.add-device-btn{align-self:flex-start}.save-confirmation{color:#3fb950;font-size:14px;font-weight:600}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1c2128}::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2f81f7}.profile-dropdown-container{position:relative}.profile-trigger{align-items:center;background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s}.profile-trigger:hover{background:#30363d;border-color:#2f81f7}.profile-avatar,.profile-avatar-initials{border-radius:50%;height:28px;object-fit:cover;width:28px}.profile-avatar-initials{align-items:center;background:linear-gradient(135deg,#2f81f7,#a371f7);color:#fff;display:flex;font-size:11px;font-weight:700;justify-content:center}.profile-name{font-size:13px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trigger i{color:#7b8bbd;font-size:10px}.profile-dropdown-menu{background:#161b22;border:1px solid #30363d;border-radius:12px;box-shadow:0 8px 24px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:100}.profile-dropdown-header{display:flex;flex-direction:column;gap:2px;padding:14px 16px}.profile-dropdown-username{color:#e6edf3;font-size:14px;font-weight:600}.profile-dropdown-email{color:#7b8bbd;font-size:12px}.profile-dropdown-divider{background:#30363d;height:1px}.profile-dropdown-item{align-items:center;background:none;border:none;color:#c9d1d9;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;text-decoration:none!important;transition:background .15s;width:100%}.profile-dropdown-item:hover{background:#1c2128}.profile-dropdown-item i{color:#7b8bbd;text-align:center;width:16px}.profile-dropdown-item.logout,.profile-dropdown-item.logout i{color:#f85149}.profile-loading{color:#7b8bbd;padding:8px 12px}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.profile-modal{background:#161b22;border:1px solid #30363d;border-radius:16px;box-shadow:0 16px 48px #00000080;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.profile-modal-header{align-items:center;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:20px 24px}.profile-modal-header h2{color:#e6edf3;font-size:20px;font-weight:700;margin:0}.modal-close-btn{background:none;border:none;color:#7b8bbd;cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.modal-close-btn:hover{color:#f85149}.profile-modal-body{display:flex;flex-direction:column;gap:24px;padding:24px}.scan-modal{background:#161b22;border:1px solid #30363d;border-radius:16px;box-shadow:0 16px 48px #00000080;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.scan-modal-subtitle{color:#8b949e;font-size:13px;line-height:1.5;margin:6px 0 0}.scan-modal-body{gap:18px}.scan-modal-note{align-items:flex-start;background:#2f81f714;border:1px solid #2f81f72e;border-radius:12px;color:#c9d1d9;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:14px 16px}.scan-modal-note i{color:#79c0ff;margin-top:2px}.scan-upload-dropzone{align-items:center;background:linear-gradient(180deg,#1c2128f2,#0d1117f5);border:1px dashed #3d444d;border-radius:16px;color:#e6edf3;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:260px;padding:18px;transition:all .2s ease}.scan-upload-dropzone:hover{border-color:#2f81f7;transform:translateY(-1px)}.scan-upload-icon{align-items:center;background:#2f81f71f;border-radius:20px;color:#79c0ff;display:inline-flex;font-size:24px;height:64px;justify-content:center;width:64px}.scan-upload-title{font-size:16px;font-weight:700}.scan-upload-hint{color:#8b949e;font-size:13px}.scan-upload-preview{border-radius:12px;max-height:320px;object-fit:cover;width:100%}.scan-upload-file{color:#8b949e;font-size:13px;word-break:break-word}.scan-modal-actions{display:flex;gap:12px;justify-content:flex-end}.scan-modal .scan-secondary-btn{align-items:center;display:inline-flex;justify-content:center}.modal-close-btn:disabled,.scan-modal .scan-secondary-btn:disabled,.scan-primary-btn:disabled{cursor:not-allowed;opacity:.55}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:8px}.profile-avatar-large{border:3px solid #30363d;border-radius:50%;cursor:pointer;height:96px;overflow:hidden;position:relative;transition:border-color .2s;width:96px}.profile-avatar-large:hover{border-color:#2f81f7}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-initials-large{background:linear-gradient(135deg,#2f81f7,#a371f7);color:#fff;font-size:32px;font-weight:700;height:100%;width:100%}.avatar-edit-overlay,.avatar-initials-large{align-items:center;display:flex;justify-content:center}.avatar-edit-overlay{background:#0009;inset:0;opacity:0;position:absolute;transition:opacity .2s}.profile-avatar-large:hover .avatar-edit-overlay{opacity:1}.avatar-edit-overlay i{color:#fff;font-size:24px}.avatar-hint{color:#7b8bbd;font-size:12px}.profile-error{background:#f851491a;border:1px solid #f85149;border-radius:8px;color:#ff7b72}.profile-error,.profile-success{font-size:13px;padding:12px;text-align:center}.profile-success{background:#3fb9501a;border:1px solid #3fb950;border-radius:8px;color:#3fb950}.profile-form{gap:16px}.profile-form,.profile-form-group{display:flex;flex-direction:column}.profile-form-group{gap:6px}.profile-form-group label{color:#7b8bbd;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-form-group input{background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s}.profile-form-group input:focus{background:#161b22;border-color:#2f81f7;outline:none}.profile-form-group input.disabled{cursor:not-allowed;opacity:.6}.field-hint{color:#484f58;font-size:11px}.save-profile-btn{margin-top:8px}.profile-password-section{border-top:1px solid #30363d;padding-top:16px}.toggle-password-btn{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.password-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.profile-modal-footer{border-top:1px solid #30363d;padding-top:16px}.logout-btn{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}@media (max-width:768px){.profile-name{display:none}.profile-trigger{padding:6px}.scan-modal{border:none!important;border-radius:0!important;height:100%;max-height:100%;max-width:100%;padding:0!important;width:100%}.scan-modal-overlay{background:#0d1117!important;padding:0!important;z-index:10000}.profile-avatar-large{height:80px;width:80px}.avatar-initials-large{font-size:28px}}.dashboard-content{display:flex;flex-direction:column;gap:24px;padding:0}.dashboard-scan-button{align-items:center;background:linear-gradient(135deg,#2f81f7,#1f6feb);border:none;border-radius:12px;box-shadow:0 8px 24px #2f81f74d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;justify-content:center;margin-left:auto;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-scan-button:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.dashboard-scan-button:hover{box-shadow:0 12px 32px #2f81f766;transform:translateY(-2px)}.dashboard-scan-button:hover:before{left:100%}.dashboard-scan-button i{font-size:16px;position:relative;z-index:1}.dashboard-scan-button:active{transform:translateY(0)}@media (min-width:769px){.analysis-card,.disease-status-card,.forecast-card,.historical-chart-container,.recommendation-card,.sensor-card,.system-health-card{border:1px solid #30363d;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:24px}.disease-status-card{padding:32px}}.disease-status-title,.mini-label,.section-title,.sensor-name{color:#8b949e;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.disease-status-value,.sensor-value .value{font-weight:800}.scan-result-title{font-size:28px;font-weight:700;margin-bottom:16px}.scan-result-metrics{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.scan-result-confidence{color:#2f81f7;font-weight:700}.scan-result-severity{font-weight:700}.severity-low{color:#3fb950}.severity-medium{color:#d29922}.severity-high{color:#f85149}.scan-result-recommendation{color:#c9d1d9;font-size:16px;margin-bottom:24px}.scan-preview-container{border-radius:12px;display:flex;height:100%;margin-bottom:0;overflow:hidden;position:relative;width:100%}.scan-preview-container.is-scanning .scan-upload-preview{filter:brightness(.7)}.scanner-overlay{align-items:center;background-color:#0003;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:10}.scanner-dots{animation:pulse-dots 1.5s ease-in-out infinite alternate;background-image:radial-gradient(#fffc 2px,#0000 0);background-position:50%;background-size:24px 24px;inset:0;mask-image:radial-gradient(circle,#000 30%,#0000 70%);-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%);position:absolute}@keyframes pulse-dots{0%{opacity:.1;transform:scale(.98)}to{opacity:.8;transform:scale(1.02)}}.profile-page{margin:0 auto;max-width:800px;width:100%}.profile-content-card{background:#161b22;border:1px solid #30363d;border-radius:16px;box-shadow:0 8px 32px #0006;margin-top:24px;padding:40px}@media (max-width:768px){.profile-page{padding:16px 16px 32px}.profile-content-card{border-radius:12px;margin-top:16px;padding:20px}}.notif-panel{background:#161b22;border:1px solid #30363d;border-radius:12px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;max-height:440px;max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:9999}@media (max-width:480px){.notif-panel{left:16px;max-width:none;position:fixed;right:16px;top:80px;width:auto}}.profile-page-footer{border-top:1px solid #30363d;display:flex;justify-content:center;margin-top:40px;padding-top:24px}.admin-page{background:#161b22;border:1px solid #30363d;border-radius:14px;padding:24px}.admin-page-header{align-items:flex-start;border-bottom:1px solid #30363d;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding-bottom:22px}.admin-tab-bar{background:#0d1117;border:1px solid #30363d;border-radius:12px;display:flex;gap:6px;margin-bottom:24px;overflow-x:auto;padding:6px;scrollbar-width:none}.admin-tab-bar::-webkit-scrollbar{display:none}.admin-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#8b949e;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:9px 16px;transition:all .2s;white-space:nowrap}.admin-tab-btn:hover{background:#21262d;color:#c9d1d9}.admin-tab-btn.active{background:#2f81f726;color:#2f81f7;font-weight:600}.admin-tab-content{animation:admin-fade-in .18s ease}@keyframes admin-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.admin-stat-strip{flex-wrap:wrap;gap:16px;margin-bottom:20px}.admin-stat{background:#161b22;border:1px solid #30363d;border-radius:10px;gap:4px;min-width:110px;padding:14px 20px}.admin-stat-val{font-size:26px;line-height:1}.admin-stat-label{font-weight:600;letter-spacing:.5px}.admin-table-wrap{overflow:auto}.admin-table{font-size:14px}.admin-table th{background:#1c2128;font-size:11px;letter-spacing:.5px;padding:10px 16px;text-align:left;white-space:nowrap}.admin-table td{color:#c9d1d9;padding:12px 16px;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:#1c2128}.admin-username{align-items:center;color:#e6edf3;display:inline-flex;gap:6px}.admin-badge{background:#a371f733;border:1px solid #a371f766;border-radius:20px;color:#a371f7;font-weight:700;letter-spacing:.3px;padding:2px 7px}.admin-danger-btn{background:#f851491a;border:1px solid #f851494d;border-radius:8px;font-family:inherit;font-size:13px}.admin-danger-btn:hover{background:#f8514933}.admin-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.admin-filter-btn{background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#8b949e;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:7px 14px;transition:all .2s}.admin-filter-btn.active,.admin-filter-btn:hover{border-color:#2f81f7;color:#2f81f7}.admin-filter-btn.active{background:#2f81f726;font-weight:600}.admin-pagination{gap:12px;margin-top:16px}.admin-page-btn,.admin-pagination{align-items:center;display:flex;justify-content:center}.admin-page-btn{background:#1c2128;border:1px solid #30363d;border-radius:8px;color:#c9d1d9;cursor:pointer;font-family:inherit;font-size:14px;height:36px;transition:all .2s;width:36px}.admin-page-btn:hover:not(:disabled){border-color:#2f81f7;color:#2f81f7}.admin-page-btn:disabled{cursor:default;opacity:.4}.admin-loading{align-items:center;color:#8b949e;display:flex;font-size:14px;gap:10px;justify-content:center;padding:40px 0}.admin-devices-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-training-header{align-items:flex-start;gap:16px}.admin-export-btn{align-items:center;background:linear-gradient(135deg,#2f81f7,#1f6feb);border:none;border-radius:10px;color:#fff;display:inline-flex;font-family:inherit;font-size:14px;gap:8px;padding:10px 18px;transition:all .2s;white-space:nowrap}.admin-export-btn:hover:not(:disabled){box-shadow:0 4px 16px #2f81f74d;opacity:.9;transform:translateY(-1px)}.admin-export-btn:disabled{cursor:default;opacity:.6}.admin-training-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.admin-sample-card{transition:border-color .2s}.admin-sample-card:hover{border-color:#484f58}.admin-sample-card.no-image{opacity:.75}.admin-sample-img-wrap{align-items:center;display:flex;height:140px;justify-content:center}.admin-sample-img-placeholder{color:#3fb950;font-size:32px;gap:6px}.admin-sample-img-placeholder.no-img{color:#484f58;font-size:28px;font-size:13px}.admin-sample-img-placeholder.no-img i{font-size:28px}.admin-sample-meta{padding:10px 12px}.admin-sample-actions{align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px 12px}.admin-label-select{background:#1c2128;border-radius:7px;color:#c9d1d9;cursor:pointer;font-family:inherit;min-width:0;padding:6px 8px}.admin-label-select:focus{border-color:#2f81f7;outline:none}.admin-confirm-btn{align-items:center;background:#3fb95026;border:1px solid #3fb95066;border-radius:7px;color:#3fb950;display:inline-flex;font-family:inherit;gap:5px;padding:6px 10px;transition:all .2s;white-space:nowrap}.admin-confirm-btn:hover{background:#3fb95040;border-color:#3fb950}@media (max-width:600px){.admin-tab-btn span{display:none}.admin-tab-btn{padding:10px 12px}.admin-training-grid{grid-template-columns:1fr 1fr}.admin-devices-grid{grid-template-columns:1fr}.admin-stat{min-width:80px;padding:12px 14px}.admin-stat-val{font-size:22px}}.admin-action-bar{margin-bottom:24px}.admin-search-wrap{max-width:400px}.admin-search-wrap i{color:#484f58;font-size:14px;left:14px}.admin-search-wrap input{border-radius:10px;color:#fff;padding:10px 14px 10px 40px;transition:all .2s}.admin-search-wrap input:focus{border-color:#2f81f7;box-shadow:0 0 0 3px #2f81f726;outline:none}.admin-stat-summary{gap:16px}.admin-avatar-small{background:linear-gradient(135deg,#2f81f7,#a371f7);font-size:12px;font-weight:700;text-transform:uppercase}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.admin-modal{animation:admin-modal-in .25s cubic-bezier(.4,0,.2,1);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:600px;overflow-y:auto}@keyframes admin-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-modal-header{background:#161b22;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.admin-modal-header h3{color:#e6edf3}.admin-modal-close{transition:color .2s}.admin-modal-close:hover{color:#f85149}.admin-modal-body{padding:24px}.admin-modal-section{margin-bottom:32px}.admin-modal-section:last-child{margin-bottom:0}.admin-modal-section h4{align-items:center;display:flex;gap:8px;letter-spacing:.5px;margin:0 0 16px}.admin-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.admin-form-group{gap:8px}.admin-form-group label{font-weight:500}.admin-form-group input{border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s}.admin-form-group input:focus{border-color:#2f81f7;outline:none}.admin-primary-btn{transition:all .2s}.admin-primary-btn:hover{background:#4493f8;transform:translateY(-1px)}.admin-add-btn{background:#3fb95026;border:1px solid #3fb95066;border-radius:6px;color:#3fb950;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.admin-add-btn:hover{background:#3fb95040;border-color:#3fb950}.admin-modal-devices{display:flex;flex-direction:column;gap:12px}.admin-device-item{align-items:center;background:#0d1117;border:1px solid #30363d;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.admin-device-name-row{align-items:center;display:flex;gap:10px;margin-bottom:4px}.admin-status-dot{border-radius:50%;height:8px;width:8px}.admin-status-dot.online{background:#3fb950;box-shadow:0 0 8px #3fb95066}.admin-status-dot.offline{background:#484f58}.admin-key-display{align-items:center;display:flex;gap:8px}.admin-key-display code{color:#8b949e;font-size:11px}.admin-icon-btn{background:none;border:none;border-radius:6px;color:#8b949e;cursor:pointer;padding:6px;transition:all .2s}.admin-icon-btn:hover{background:#21262d;color:#2f81f7}.admin-icon-btn.danger:hover{color:#f85149}.admin-inline-add{background:#21262d;border:1px solid #30363d;border-radius:10px;display:flex;gap:10px;margin-bottom:16px;padding:16px}.admin-inline-add input{border:1px solid #30363d;border-radius:6px;flex:1 1}.admin-inline-add input,.admin-select{background:#0d1117;color:#fff;padding:8px 12px}.admin-select{border:1px solid #30363d;border-radius:8px;font-size:14px}.admin-filter-wrap{align-items:center;display:flex;gap:12px}.admin-filter-wrap label{color:#8b949e;font-size:14px}.admin-stats-grid{grid-gap:16px;gap:16px;margin-bottom:32px}.admin-stat-card{gap:16px}.admin-stat-label{font-size:12px}.admin-stat-value{color:#fff}.admin-settings-list{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:24px}.admin-setting-item:last-child{border-bottom:none}.admin-setting-name{color:#e6edf3;font-weight:600;margin:0 0 4px}.admin-setting-desc{color:#8b949e;font-size:13px;margin:0}.admin-setting-input{background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px}.logo-text-group{display:flex;flex-direction:column;line-height:1.1}.admin-panel-badge{color:#2f81f7;font-size:10px;font-weight:800;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.admin-toggle{background:#30363d;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:44px}.admin-toggle.enabled{background:#2f81f7}.admin-toggle span{background:#fff;border-radius:50%;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.admin-toggle.enabled span{transform:translateX(20px)}.admin-page{margin:0 auto;max-width:1200px;padding:20px}.admin-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.admin-search-wrap{flex:1 1;min-width:300px;position:relative}.admin-search-wrap i{color:#8b949e;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.admin-search-wrap input{background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:14px;padding:10px 12px 10px 38px;width:100%}.admin-stat-summary{color:#8b949e;display:flex;font-size:14px;gap:20px}.admin-stat-summary strong{color:#e6edf3}.admin-table-wrap{background:#161b22;border:1px solid #30363d;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{border-bottom:1px solid #30363d;color:#8b949e;font-size:12px;font-weight:600;padding:14px 16px;text-transform:uppercase}.admin-table td{border-bottom:1px solid #21262d;color:#e6edf3;font-size:14px;padding:14px 16px}.admin-table tr:hover td{background:#1c2128}.admin-user-cell{align-items:center;display:flex;gap:12px}.admin-avatar-small{align-items:center;background:#2f81f7;border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.admin-username{font-weight:600}.admin-badge{background:#23863622;border:1px solid #23863655;border-radius:4px;color:#3fb950;font-size:10px;margin-left:8px;padding:2px 6px}.admin-danger-btn{background:#0000;border:1px solid #30363d;border-radius:6px;color:#f85149;cursor:pointer;padding:6px 10px;transition:all .2s}.admin-danger-btn:hover{background:#f85149;border-color:#f85149;color:#fff}.admin-training-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.admin-stat-strip{background:#161b22;border:1px solid #30363d;border-radius:10px;display:flex;gap:25px;padding:12px 20px}.admin-stat{display:flex;flex-direction:column}.admin-stat-val{color:#e6edf3;font-size:18px;font-weight:700}.admin-stat-label{color:#8b949e;font-size:11px;text-transform:uppercase}.admin-training-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-sample-card{background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.admin-sample-img-wrap{aspect-ratio:4/3;background:#0d1117;position:relative}.admin-sample-img-placeholder{align-items:center;color:#484f58;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.admin-sample-meta{flex:1 1;padding:12px}.admin-sample-actions{background:#0d1117;border-top:1px solid #30363d;display:flex;gap:10px;padding:12px}.admin-label-select{background:#161b22;border:1px solid #30363d;border-radius:6px;color:#e6edf3;flex:1 1;font-size:13px;padding:6px 10px}.admin-confirm-btn{background:#238636;border:1px solid #2ea043;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px}.admin-export-btn{background:#21262d;border:1px solid #30363d;border-radius:8px;color:#e6edf3;cursor:pointer;font-weight:600;padding:8px 16px}.admin-modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.admin-modal{background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:650px;width:100%}.admin-modal-header{align-items:center;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:16px 20px}.admin-modal-header h3{font-size:18px;margin:0}.admin-modal-close{background:none;border:none;color:#8b949e;cursor:pointer;font-size:20px}.admin-modal-body{overflow-y:auto;padding:20px}.admin-modal-section{margin-bottom:25px}.admin-modal-section h4{color:#8b949e;font-size:13px;margin:0 0 15px;text-transform:uppercase}.admin-form-row{display:flex;gap:15px;margin-bottom:15px}.admin-form-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.admin-form-group label{color:#8b949e;font-size:12px}.admin-form-group input{background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#fff;padding:10px}.admin-primary-btn{background:#2f81f7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.admin-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.admin-stat-card{align-items:center;background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;gap:15px;padding:20px}.admin-stat-card i{color:#2f81f7;font-size:24px}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-value{font-size:20px;font-weight:700}.admin-setting-item{align-items:center;border-bottom:1px solid #21262d;display:flex;justify-content:space-between;padding:16px 0}@media (max-width:768px){.admin-page{padding:10px}.admin-action-bar,.admin-form-row{flex-direction:column}.admin-action-bar{align-items:stretch}.admin-stat-strip{flex-wrap:wrap;gap:10px}}
/*# sourceMappingURL=main.1b379d6b.css.map*/