@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#040907;--bg-gradient:radial-gradient(circle at 20% 10%, #10b9811f 0%, transparent 45%), radial-gradient(circle at 80% 90%, #06b6d41f 0%, transparent 45%), #040907;--card-bg:#09120ea6;--card-border:#10b98126;--card-hover-border:#10b98166;--text:#ecfdf5;--text-secondary:#94a3b8;--primary:#10b981;--primary-glow:#10b98159;--secondary:#06b6d4;--accent:#22c55e;--danger:#ef4444;--warning:#f59e0b;--muted:#64748b;--glass-blur:blur(16px);--shadow:0 20px 40px #00000080;--sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--heading:"Space Grotesk", sans-serif;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg:#f2f7f5;--bg-gradient:radial-gradient(circle at 20% 10%, #10b9810f 0%, transparent 45%), radial-gradient(circle at 80% 90%, #06b6d40f 0%, transparent 45%), #f2f7f5;--card-bg:#ffffffbf;--card-border:#10b98138;--card-hover-border:#10b98199;--text:#051612;--text-secondary:#475569;--primary:#059669;--primary-glow:#05966933;--secondary:#0891b2;--accent:#16a34a;--danger:#dc2626;--warning:#d97706;--muted:#94a3b8;--shadow:0 15px 30px #00463214}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s}body{background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text);font-weight:700;line-height:1.25}p{color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:all .2s}a:hover{color:var(--secondary)}button,input,select,textarea{color:inherit;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#10b98133;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#10b98166}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes scan{0%{opacity:.8;top:0%}50%{opacity:.8;top:100%}to{opacity:.8;top:0%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #10b98126}50%{box-shadow:0 0 25px #10b98166}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-float{animation:6s ease-in-out infinite float}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}@media (width<=1024px){:root{font-size:15px}}.shell{z-index:10;flex-direction:column;gap:36px;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;padding:32px 64px 60px;animation:.6s ease-out fadeIn;display:flex;position:relative}.cyber-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#10b98108 1px,#0000 1px),linear-gradient(90deg,#10b98108 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:fixed;inset:0}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:24px;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--card-hover-border);transform:translateY(-2px)}.glass-card:hover:before{opacity:1}.topbar{z-index:100;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.brand{cursor:pointer;align-items:center;gap:16px;display:flex}.brand__logo{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:48px;height:48px;font-family:var(--heading);border-radius:16px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:relative;box-shadow:0 0 20px #10b98166}.brand__logo:after{content:"";background:linear-gradient(135deg, var(--primary), var(--secondary));z-index:-1;opacity:.5;filter:blur(4px);border-radius:18px;position:absolute;inset:-2px}.brand__title{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700}.brand__tag{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;margin:2px 0 0;font-size:11px;font-weight:600}.nav-actions{align-items:center;gap:16px;display:flex}.nav-links{align-items:center;gap:8px;display:flex}.nav-link-custom{color:var(--text-secondary);border-radius:99px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.nav-link-custom:hover,.nav-link-custom.active{color:var(--text);background:#10b98114}.ghost{border:1px solid var(--card-border);color:var(--text);cursor:pointer;background:#10b9810d;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.ghost:hover,.ghost.active{background:var(--primary);border-color:var(--primary);color:#040907;box-shadow:0 0 15px var(--primary-glow)}.primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#040907;cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 30px #10b98180}.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.secondary{border:1px solid var(--card-border);color:var(--primary);cursor:pointer;background:#10b9810d;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:inline-flex}.secondary:hover{border-color:var(--primary);background:#10b9811f}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;transition:opacity .2s}.link:hover{opacity:.8;text-decoration:underline}.icon-btn{border:1px solid var(--card-border);cursor:pointer;background:#10b9810d;border-radius:12px;place-items:center;width:40px;height:40px;transition:all .2s;display:grid;position:relative}.icon-btn:hover{border-color:var(--primary);color:var(--primary);background:#10b9811f}.badge-count{background:var(--danger);color:#fff;border:2px solid var(--bg);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.landing-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:40px 0 80px;display:grid}.hero-text{flex-direction:column;gap:24px;display:flex}.badge-futuristic{border:1px solid var(--card-border);color:var(--primary);letter-spacing:1px;text-transform:uppercase;background:#10b98114;border-radius:99px;align-self:flex-start;padding:6px 16px;font-size:12px;font-weight:600;box-shadow:0 0 15px #10b9811a}.hero-text h1{letter-spacing:-1.5px;font-size:56px;line-height:1.15}.hero-text h1 span{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-text p.lead{font-size:18px;line-height:1.6}.hero-buttons{gap:16px;margin-top:12px;display:flex}.hero-stats{border-top:1px solid var(--card-border);gap:40px;margin-top:24px;padding-top:24px;display:flex}.hero-stat-item .num{font-size:32px;font-family:var(--heading);color:var(--text);font-weight:700;display:block}.hero-stat-item .desc{color:var(--text-secondary);font-size:13px}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.glow-circle{filter:blur(30px);z-index:-1;background:radial-gradient(circle,#10b98126 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute}.section-title{text-align:center;flex-direction:column;gap:16px;max-width:600px;margin:0 auto 60px;display:flex}.section-title h2{letter-spacing:-1px;font-size:40px}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:80px;display:grid}.feature-card{flex-direction:column;gap:16px;display:flex}.feature-icon-wrapper{border:1px solid var(--card-border);width:56px;height:56px;color:var(--primary);background:#10b98114;border-radius:16px;place-items:center;font-size:24px;display:grid}.showcase-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;padding:80px 0;display:grid}.steps-list{flex-direction:column;gap:28px;display:flex}.step-item{gap:20px;display:flex}.step-number{border:1px solid var(--primary);width:36px;height:36px;color:var(--primary);background:#10b98114;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.step-content h4{margin-bottom:6px;font-size:18px}.testimonials-section{padding:80px 0}.testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.testimonial-card{flex-direction:column;justify-content:space-between;gap:24px;display:flex}.testimonial-text{font-size:15px;font-style:italic}.testimonial-user{align-items:center;gap:14px;display:flex}.user-avatar{width:44px;height:44px;color:var(--primary);background:#10b98126;border-radius:50%;place-items:center;font-weight:700;display:grid}.user-info h5{font-size:14px}.user-info span{color:var(--muted);font-size:12px}.tech-footer{border-top:1px solid var(--card-border);margin-top:80px;padding:60px 0 30px}.footer-top{grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:40px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-brand p{font-size:14px}.footer-links h5{text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:16px;font-size:15px}.footer-links ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px}.footer-links a:hover{color:var(--text)}.footer-bottom{color:var(--muted);border-top:1px solid #10b9810d;justify-content:space-between;align-items:center;padding-top:30px;font-size:13px;display:flex}.auth-layout{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:40px;padding:40px 0;display:grid}.auth-hero{flex-direction:column;gap:24px;display:flex}.hero-card{flex-direction:column;justify-content:center;gap:20px;height:100%;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--primary);font-size:12px;font-weight:700}.hero-card h1{letter-spacing:-1px;font-size:44px}.stat-grid{border-top:1px solid var(--card-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;padding-top:24px;display:grid}.stat-grid .stat{font-size:32px;font-family:var(--heading);color:var(--primary);font-weight:700;display:block}.stat-grid .label{color:var(--text-secondary);font-size:12px}.insight-card{margin-top:0}.insight-title{color:var(--primary);margin-bottom:12px;font-size:16px;font-weight:700}.insight-card ul{flex-direction:column;gap:8px;padding-left:20px;display:flex}.insight-card li{color:var(--text-secondary);font-size:14px}.auth-panel{flex-direction:column;gap:28px;display:flex}.auth-header{flex-direction:column;gap:8px;display:flex}.auth-header h2{font-size:32px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.auth-form input{border:1px solid var(--card-border);color:#fff;background:#04090766;border-radius:12px;padding:14px 16px;font-size:15px;transition:all .2s}.auth-form input:focus{border-color:var(--primary);background:#10b9810d;outline:none;box-shadow:0 0 10px #10b98126}.form-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.checkbox input{cursor:pointer}.form-hint{text-align:center;font-size:14px}.form-hint button{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-left:4px;font-weight:600}.form-hint button:hover{text-decoration:underline}.toast{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.toast.success{color:#6affdf;background:#10b98114;border-color:#10b98133}.toast.error{color:#fca5a5;background:#ef444414;border-color:#ef444433}.dashboard{flex-direction:column;gap:32px;display:flex}.dashboard__header{justify-content:space-between;align-items:center;gap:24px;display:flex}.profile{align-items:center;gap:16px;display:flex}.profile__name{margin:0;font-size:16px;font-weight:700}.profile__role{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;margin:2px 0 0;font-size:11px;font-weight:700}.avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#040907;width:48px;height:48px;font-weight:800;font-family:var(--heading);border-radius:16px;place-items:center;display:grid;box-shadow:0 4px 12px #10b98140}.dash-tabs{border:1px solid var(--card-border);background:#10b9810a;border-radius:16px;align-self:flex-start;gap:8px;padding:6px;display:flex}.dash-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.dash-tab-btn.active{background:var(--card-bg);color:var(--primary);border:1px solid var(--card-border);box-shadow:var(--shadow)}.dashboard__grid{grid-template-columns:1.05fr .95fr;gap:32px;display:grid}.upload-card{flex-direction:column;gap:24px;display:flex}.dropzone{text-align:center;cursor:pointer;background:#0409074d;border:2px dashed #10b9814d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 24px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.drag-active{border-color:var(--primary);background:#10b9810d}.dropzone__icon{border:1px solid var(--card-border);width:56px;height:56px;color:var(--primary);background:#10b98114;border-radius:18px;place-items:center;font-size:24px;transition:transform .2s;display:grid}.dropzone:hover .dropzone__icon{transform:translateY(-4px)}.hint{color:var(--muted);font-size:12px}.presets-container{flex-direction:column;gap:10px;display:flex}.preset-title{color:var(--text-secondary);font-size:13px;font-weight:600}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preset-btn{border:1px solid var(--card-border);cursor:pointer;text-align:center;background:#10b9810a;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.preset-btn:hover{border-color:var(--primary);color:var(--primary);background:#10b9811a}.preview-container{flex-direction:column;gap:12px;display:flex}.preview-title{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.preview{border:1px solid var(--card-border);background:#10b98108;border-radius:16px;align-items:center;gap:20px;padding:16px;display:flex;position:relative;overflow:hidden}.preview__image-wrapper{border:1px solid var(--card-border);background:#10b98114;border-radius:12px;flex-shrink:0;width:90px;height:90px;position:relative;overflow:hidden}.preview__image{object-fit:cover;width:100%;height:100%}.scanner-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040907d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.scan-laser{background:linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent);height:4px;box-shadow:0 0 15px var(--primary), 0 0 5px var(--primary);animation:2s linear infinite scan;position:absolute;left:0;right:0}.scanning-spinner{border:3px solid #10b9811a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.scanning-log{color:var(--primary);text-shadow:0 0 5px #10b98180;text-align:center;font-family:monospace;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.result-card{flex-direction:column;justify-content:space-between;gap:24px;height:100%;display:flex}.result-placeholder{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.result-placeholder-icon{color:var(--muted);font-size:48px}.result-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.pill{text-transform:uppercase;letter-spacing:1.5px;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.pill.success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.pill.warning{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b33}.pill.danger{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.result-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600}.value{color:var(--text);font-size:18px;font-weight:700}.accuracy-visual-container{border:1px solid var(--card-border);background:#10b98108;border-radius:16px;align-items:center;gap:20px;padding:16px;display:flex}.gauge-svg{width:60px;height:60px;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#10b98114;stroke-width:6px}.gauge-fill{fill:none;stroke:var(--primary);stroke-dasharray:170;stroke-linecap:round;stroke-width:6px;transition:stroke-dashoffset .8s}.gauge-percent{font-size:15px;font-weight:800}.result-tabs{border-bottom:1px solid var(--card-border);gap:16px;display:flex}.result-tab-trigger{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px 0;font-size:13px;font-weight:600;transition:all .2s;position:relative}.result-tab-trigger.active{color:var(--primary)}.result-tab-trigger.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.result-tab-content{min-height:90px;font-size:14px;line-height:1.6}.history-card{flex-direction:column;gap:20px;display:flex}.history-header{justify-content:space-between;align-items:center;display:flex}.search-bar{border:1px solid var(--card-border);background:#0409074d;border-radius:12px;align-items:center;width:250px;padding:0 14px;display:flex}.search-bar input{color:#fff;background:0 0;border:none;width:100%;margin-left:8px;padding:10px 0;font-size:13px}.search-bar input:focus{outline:none}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{border:1px solid var(--card-border);cursor:pointer;background:#10b98105;border-radius:16px;grid-template-columns:1.2fr 1fr 1.2fr .8fr auto;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:grid}.history-item:hover{border-color:var(--primary);background:#10b9810f}.history-info h5{font-size:15px;font-weight:700}.analytics-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.analytics-stat-card{padding:24px}.chart-card{grid-column:span 2}.pie-card{grid-column:span 1}.analytics-stat-flex{justify-content:space-between;align-items:center;display:flex}.chart-wrapper{justify-content:space-between;align-items:flex-end;height:250px;padding:20px 0 10px;display:flex;position:relative}.chart-bar-container{flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;width:12%;height:100%;display:flex}.chart-bar{background:linear-gradient(180deg, var(--primary), #10b9811a);border-radius:6px 6px 0 0;width:100%;transition:height 1s ease-in-out;position:relative}.chart-bar:hover{background:linear-gradient(180deg, var(--secondary), #06b6d433)}.chart-bar-tooltip{color:var(--primary);border:1px solid var(--primary);opacity:0;background:#040907;border-radius:4px;padding:2px 6px;font-size:10px;transition:opacity .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-bar-tooltip{opacity:1}.chart-label{color:var(--muted);font-size:11px}.line-chart-svg{width:100%;height:220px}.chart-legend{justify-content:center;gap:20px;margin-top:16px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-color{border-radius:3px;width:12px;height:12px}.profile-settings-layout{grid-template-columns:.8fr 1.2fr;gap:32px;display:grid}.profile-avatar-upload{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;display:flex}.avatar-large{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#040907;width:120px;height:120px;font-size:40px;font-family:var(--heading);box-shadow:0 0 30px var(--primary-glow);border-radius:32px;place-items:center;font-weight:800;display:grid}.profile-fields-card{flex-direction:column;gap:24px;display:flex}.settings-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-group{flex-direction:column;gap:8px;display:flex}.settings-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.settings-group input,.settings-group select{border:1px solid var(--card-border);color:#fff;background:#04090766;border-radius:10px;padding:12px;font-size:14px}.settings-group input:focus,.settings-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 8px #10b98126}.text-page-layout{flex-direction:column;gap:40px;max-width:900px;margin:0 auto;display:flex}.text-page-header{text-align:center;flex-direction:column;gap:16px;display:flex}.text-page-header h1{font-size:48px}.card-row{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.about-features{flex-direction:column;gap:16px;display:flex}.about-feature-item{align-items:flex-start;gap:16px;display:flex}.about-feature-item-icon{width:24px;height:24px;color:var(--primary);flex-shrink:0;margin-top:4px}.contact-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:40px;display:grid}.contact-card-list{flex-direction:column;gap:20px;display:flex}@media (width<=1200px){.shell{padding:24px 32px 48px}.landing-hero{text-align:center;grid-template-columns:1fr;gap:40px}.badge-futuristic{align-self:center}.hero-buttons,.hero-stats{justify-content:center}.features-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.auth-layout,.dashboard__grid{grid-template-columns:1fr}}@media (width<=768px){.shell{padding:16px 20px 32px}.topbar{flex-direction:column;align-items:stretch;gap:16px}.nav-actions{justify-content:space-between}.features-grid{grid-template-columns:1fr}.showcase-layout{grid-template-columns:1fr;gap:40px}.testimonials-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:30px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.stat-grid{grid-template-columns:1fr}.history-item{grid-template-columns:1fr;gap:12px}.analytics-grid{grid-template-columns:1fr}.chart-card,.pie-card{grid-column:span 1}.profile-settings-layout,.settings-row,.contact-layout{grid-template-columns:1fr}}.diagnosis-popup-backdrop{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle,#10b9812e,#0000 45%),#020617b8;justify-content:center;align-items:center;animation:.25s forwards popupFadeIn;display:flex;position:fixed;inset:0}.diagnosis-popup{text-align:center;border:1px solid #22c55e59;width:min(460px,100% - 32px);padding:34px;animation:.35s forwards popupScaleIn;box-shadow:0 30px 90px #00000059,0 0 60px #10b9812e}.diagnosis-orbit{justify-content:center;align-items:center;width:92px;height:92px;margin:0 auto 18px;display:flex;position:relative}.diagnosis-orbit-ring{border:2px solid #22c55e33;border-top-color:var(--primary);border-right-color:var(--secondary);border-radius:999px;animation:1.2s linear infinite diagnosisSpin;position:absolute;inset:0}.diagnosis-leaf{background:linear-gradient(135deg,#22c55e33,#10b98114);border-radius:22px;justify-content:center;align-items:center;width:62px;height:62px;font-size:34px;display:flex;box-shadow:inset 0 0 30px #22c55e1f}.diagnosis-popup h3{margin:10px 0;font-size:24px}.diagnosis-popup p{color:var(--muted);font-size:14px;line-height:1.7}.diagnosis-progress{background:#94a3b824;border-radius:999px;height:8px;margin:24px 0 18px;overflow:hidden}.diagnosis-progress div{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary), var(--primary));width:45%;height:100%;animation:1.4s ease-in-out infinite diagnosisProgress}.diagnosis-steps{gap:8px;margin-top:14px;display:grid}.diagnosis-steps span{color:var(--text);background:#10b9810f;border:1px solid #22c55e1f;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:600}.diagnosis-warning{margin-top:18px;font-weight:700;color:var(--primary)!important;font-size:12px!important}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupScaleIn{0%{opacity:0;transform:scale(.94)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes diagnosisSpin{to{transform:rotate(360deg)}}@keyframes diagnosisProgress{0%{transform:translate(-120%)}50%{transform:translate(80%)}to{transform:translate(220%)}}.mobile-plant-menu{border:1px solid var(--card-border);width:42px;height:42px;color:var(--text);cursor:pointer;background:#10b9810d;border-radius:14px;justify-content:center;align-items:center;font-size:22px;transition:all .25s;display:none}.mobile-plant-menu.open{color:var(--primary);border-color:var(--primary);box-shadow:0 0 18px var(--primary-glow);background:#10b98124}.mobile-plant-menu:hover{border-color:var(--primary);color:var(--primary)}@media (width<=768px){.topbar{flex-direction:row;justify-content:space-between;align-items:center}.brand{gap:10px}.brand__logo{border-radius:14px;width:42px;height:42px;font-size:18px}.brand__title{font-size:16px}.brand__tag{letter-spacing:1px;font-size:9px}.mobile-plant-menu{display:inline-flex}.desktop-only{display:none!important}.nav-actions{justify-content:flex-end;gap:10px}.nav-links{background:var(--card-bg);border:1px solid var(--card-border);width:220px;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);opacity:0;pointer-events:none;transform-origin:100% 0;z-index:999;border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;padding:10px;transition:all .22s;display:flex;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-8px)scale(.96)}.nav-links.mobile-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nav-links .nav-link-custom{border-radius:12px;width:100%;padding:10px 12px;font-size:13px}.nav-links .nav-link-custom:hover,.nav-links .nav-link-custom.active{color:var(--primary);background:#10b9811f}}.about-page{width:100%}.about-card-text{margin-bottom:14px;font-size:15px;line-height:1.6}.about-card-text strong{color:var(--text)}.about-stat-row{border-top:1px solid var(--card-border);flex-wrap:wrap;gap:20px;margin-top:16px;padding-top:16px;display:flex}.about-stat-row>div{flex:1;min-width:90px}.about-stat-value{font-size:24px;font-family:var(--heading);color:var(--text);font-weight:700;display:block}.about-stat-label{color:var(--muted);font-size:12px;display:block}.about-feature-section{padding:40px}.about-feature-map-grid{border:1px solid var(--card-border);background:#04090766;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px;display:grid}.about-feature-map-item{text-align:center}.about-layer-badge{width:36px;height:36px;color:var(--primary);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-weight:700;display:inline-flex}.about-layer-badge.secondary-layer{color:var(--secondary);background:#06b6d41a}.about-feature-map-item h5{color:var(--text);margin-bottom:6px}.about-feature-map-item p{color:var(--text-secondary);font-size:12px}.supported-crops-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.supported-crop-item{border:1px solid var(--card-border);text-align:center;background:#10b9810d;border-radius:12px;padding:12px;font-size:14px;font-weight:600}@media (width<=900px){.about-card-row,.about-feature-map-grid{grid-template-columns:1fr}.supported-crops-grid{grid-template-columns:repeat(2,1fr)}.text-page-header h1{font-size:36px}.about-feature-section{padding:28px}}@media (width<=520px){.text-page-layout{gap:24px}.text-page-header{text-align:left}.text-page-header .badge-futuristic{align-self:flex-start}.text-page-header h1{font-size:30px}.text-page-header p{font-size:14px}.glass-card{border-radius:20px;padding:22px}.about-stat-row{grid-template-columns:1fr;gap:14px;display:grid}.about-stat-value{font-size:22px}.about-feature-section{padding:22px}.about-feature-map-grid{padding:16px}.supported-crops-grid{grid-template-columns:1fr}}@media (width<=1024px){.dashboard__header{flex-direction:column;align-items:flex-start}.dashboard__header .profile{justify-content:space-between;width:100%}.dashboard__grid,.analytics-grid{grid-template-columns:1fr}.chart-card{grid-column:span 1}.profile-settings-layout{grid-template-columns:1fr}}@media (width<=768px){.dashboard{gap:22px}.dashboard__header{padding:22px}.dashboard__header h2{font-size:24px}.dashboard__header p{font-size:14px}.profile{align-items:center}.profile>div:first-child{text-align:left!important}.profile__role{max-width:210px;line-height:1.4}.dash-tabs{white-space:nowrap;scrollbar-width:none;width:100%;padding:6px;overflow:auto hidden}.dash-tabs::-webkit-scrollbar{display:none}.dash-tab-btn{flex:none;padding:9px 14px;font-size:13px}.preset-grid{grid-template-columns:repeat(2,1fr)}.dropzone{padding:30px 18px}.preview{flex-direction:column;align-items:flex-start}.preview__image-wrapper{width:100%;height:180px}.result-header{flex-direction:column;gap:12px}.result-main-grid{grid-template-columns:1fr}.accuracy-visual-container{flex-direction:column;align-items:flex-start}.result-tabs{white-space:nowrap;scrollbar-width:none;gap:18px;overflow-x:auto}.result-tabs::-webkit-scrollbar{display:none}.history-header{flex-direction:column;align-items:stretch;gap:18px}.search-bar{width:100%}.history-item{grid-template-columns:1fr;align-items:flex-start}.analytics-stat-flex{flex-direction:column;align-items:flex-start;gap:8px}.chart-legend{flex-direction:column;align-items:flex-start}.line-chart-svg{overflow-x:auto}.line-chart-svg svg{min-width:520px}.settings-row{grid-template-columns:1fr}.profile-avatar-upload>div:last-child{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.dashboard__header h2{font-size:21px}.avatar{border-radius:14px;width:42px;height:42px}.preset-grid{grid-template-columns:1fr}.preview__image-wrapper{height:150px}.result-card{gap:18px}.pill{width:fit-content}.value{font-size:16px}.analytics-stat-card h2{font-size:26px!important}.profile-avatar-upload{padding:26px 16px}.avatar-large{border-radius:24px;width:96px;height:96px;font-size:32px}}@media (width<=900px){.contact-layout{grid-template-columns:1fr;gap:24px}.contact-card-list{gap:16px}}@media (width<=520px){.contact-layout .glass-card{padding:22px}.auth-form{gap:16px}.auth-form input,.auth-form select,.auth-form textarea{width:100%;font-size:14px!important}.auth-form textarea{min-height:130px}.contact-card-list .glass-card h4{font-size:16px}.contact-card-list .glass-card p{font-size:13px!important}.toast.success{font-size:13px;line-height:1.5}.contact-layout .primary{width:100%}}.tracking-layout{grid-template-columns:340px 1fr;align-items:start;gap:22px;display:grid}.tracking-entry-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}@media (width<=1100px){.tracking-layout{grid-template-columns:1fr}.tracking-layout aside{order:1}.tracking-layout>section{order:2}}@media (width<=768px){.tracking-layout{gap:18px}.tracking-layout aside{padding:18px!important}.tracking-layout .analytics-grid,.tracking-entry-grid{grid-template-columns:1fr}.tracking-layout .line-chart-svg{overflow-x:auto}.tracking-layout .line-chart-svg svg{min-width:520px}.tracking-layout input[type=file],.tracking-layout .primary,.tracking-layout .secondary{width:100%}}@media (width<=520px){.tracking-layout .glass-card{border-radius:20px;padding:20px!important}.tracking-layout h2{font-size:24px}.tracking-layout h3{font-size:20px}.tracking-layout .pill{font-size:10px}}@media (width<=1100px){.landing-hero,.showcase-layout{grid-template-columns:1fr;gap:48px}.hero-text{order:1}.hero-visual{order:2}.hero-visual .glass-card{max-width:700px;margin:auto}}@media (width<=768px){.landing-hero{gap:40px;padding-top:20px}.hero-text{text-align:center;align-items:center}.hero-text h1{font-size:clamp(2rem,8vw,3rem);line-height:1.15}.lead{max-width:100%;font-size:15px}.hero-buttons{flex-direction:column;gap:14px;width:100%}.hero-buttons button{justify-content:center;width:100%}.hero-stats{justify-content:space-between;gap:12px;width:100%}.hero-stat-item{flex:1}.hero-stat-item .num{font-size:24px}.features-grid,.testimonials-grid{grid-template-columns:1fr}.steps-list{gap:18px}.step-item{align-items:flex-start}.section-title h2{font-size:32px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (width<=520px){.hero-text h1{font-size:2.2rem}.hero-stats{flex-direction:column;gap:18px}.hero-stat-item{width:100%}.glass-card{padding:22px}.section-title h2{font-size:28px}.section-title p{font-size:14px}.feature-card,.testimonial-card{padding:22px}.step-number{width:38px;height:38px;font-size:15px}.footer-top{text-align:center;grid-template-columns:1fr}.footer-brand{align-items:center}.footer-links ul{padding:0}.footer-links li{list-style:none}}.hero-stats-cards{border-top:none;gap:14px;padding-top:0}.hero-stat-card{border:1px solid var(--card-border);-webkit-backdrop-filter:var(--glass-blur);background:#10b9810d;border-radius:18px;padding:16px 18px;transition:all .25s;box-shadow:0 12px 30px #00000024}.hero-stat-card:hover{border-color:var(--primary);background:#10b98117;transform:translateY(-3px)}@media (width<=768px){.hero-stats-cards{grid-template-columns:repeat(3,1fr);display:grid}.hero-stat-card{text-align:center;padding:14px 10px}}@media (width<=520px){.hero-stats-cards{grid-template-columns:1fr}}.regions-playground-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.regions-modal-image-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.regions-modal-info-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}@media (width<=1024px){.regions-playground-layout{grid-template-columns:1fr}.regions-playground-layout aside{max-height:none!important}}@media (width<=768px){.regions-playground-layout{gap:18px}.regions-modal-image-grid,.regions-modal-info-grid{grid-template-columns:1fr}.regions-playground-layout h1{font-size:28px!important}.regions-playground-layout h2{font-size:22px!important}}@media (width<=520px){.regions-playground-layout>div,.regions-playground-layout aside{border-radius:22px!important;padding:16px!important}.regions-playground-layout img{object-fit:contain;max-height:420px}.regions-modal-image-grid img{height:240px!important}}@media (width<=900px){.auth-layout{grid-template-columns:1fr;gap:24px;padding:24px 0}.auth-hero{gap:18px}.hero-card h1{font-size:34px!important}.auth-panel{width:100%}}@media (width<=520px){.auth-layout{gap:18px;padding:10px 0 24px}.hero-card h1{font-size:28px!important}.hero-card p{font-size:14px!important}.auth-header h2{font-size:26px}.stat-grid{grid-template-columns:1fr;gap:14px}.stat-grid .stat{font-size:26px}.insight-card ul{padding-left:18px!important}.auth-panel.glass-card,.auth-hero .glass-card{padding:22px}.form-row{align-items:flex-start}.checkbox{font-size:13px;line-height:1.5}.auth-form input{width:100%;font-size:14px}.auth-form .primary{width:100%}.form-hint{line-height:1.6}}.insight-card{height:fit-content;min-height:fit-content;padding-bottom:28px;overflow:visible;height:auto!important}.auth-hero{align-items:stretch}.auth-hero .insight-card ul{margin-bottom:0}.plant-loader-container{background:var(--bg-gradient);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.plant-loader-content{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;padding:40px;animation:.5s ease-out forwards fadeIn;display:flex}.leaf-svg-container{background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.pulse-glow-effect{animation:2s infinite pulse-glow,4s ease-in-out infinite float}.scan-line{background:var(--primary);width:100%;height:3px;box-shadow:0 0 12px var(--primary);opacity:.8;animation:1.5s linear infinite scan;position:absolute}.loader-text{color:var(--text);letter-spacing:.5px;margin-bottom:8px;font-weight:700}.loader-subtext{color:var(--text-secondary);max-width:250px;font-size:14px}