@keyframes swineSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-50:#f0fdf4;--primary-100:#dcfce7;--primary-200:#bbf7d0;--primary-300:#86efac;--primary-400:#4ade80;--primary-500:#22c55e;--primary-600:#16a34a;--primary-700:#15803d;--primary-800:#166534;--primary-900:#14532d;--accent-400:#fb923c;--accent-500:#f97316;--accent-600:#ea580c;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--info:#3b82f6;--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-glass:#ffffffb8;--surface-glass-border:#ffffff3d;--surface-dark:#0f172a;--surface-dark-secondary:#1e293b;--gradient-primary:linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #4ade80 100%);--gradient-hero:linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #14532d 100%);--gradient-accent:linear-gradient(135deg, #f97316 0%, #fb923c 100%);--gradient-mesh:radial-gradient(at 40% 20%, #22c55e26 0, transparent 50%), radial-gradient(at 80% 0%, #f973161a 0, transparent 50%), radial-gradient(at 0% 50%, #3b82f614 0, transparent 50%);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans", var(--font-sans);--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-glow:0 0 40px #22c55e26;--shadow-glow-accent:0 0 40px #f9731626;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--max-width:1280px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;zoom:.9;scrollbar-gutter:stable;font-size:16px}*{scrollbar-color:#9aa7a0 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9aa7a0;border-radius:999px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#7f8f86}body{font-family:var(--font-sans);color:var(--neutral-800);background:var(--surface-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}body.modal-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}.text-display{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.text-h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.text-h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.2}.text-h3{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.3}.text-body{color:var(--neutral-600);font-size:1rem;line-height:1.7}.text-body-lg{color:var(--neutral-500);font-size:1.125rem;line-height:1.7}.text-caption{color:var(--neutral-500);font-size:.875rem;line-height:1.5}.text-overline{letter-spacing:.1em;text-transform:uppercase;color:var(--primary-600);font-size:.75rem;font-weight:700}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-4xl) 0}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-3xl)}.section-header .text-overline{margin-bottom:var(--space-sm);display:inline-block}.section-header .text-h2{margin-bottom:var(--space-md)}.navbar{height:var(--nav-height);z-index:1100;transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.mobile-overlay{display:none}.navbar.scrolled{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--surface-glass-border);box-shadow:var(--shadow-sm)}.navbar .container{justify-content:space-between;align-items:center;height:100%;display:flex}.home-page .navbar .container{justify-content:space-between;align-items:center;gap:var(--space-lg);height:100%;display:flex}.home-page .nav-logo{white-space:nowrap;flex-shrink:0}.home-page .nav-links{flex:1;justify-content:center;min-width:0}.home-page .nav-actions{flex-shrink:0}.nav-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--neutral-900);font-size:1.35rem;font-weight:800;display:flex}.nav-logo .logo-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.nav-links{align-items:center;gap:var(--space-xl);display:flex}.nav-links a{color:var(--neutral-600);padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary-600)}.nav-links a:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{align-items:center;gap:var(--space-md);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md), var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-lg), 0 0 50px #22c55e40;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md), var(--shadow-glow)}.btn-success:hover{box-shadow:var(--shadow-lg), 0 0 50px #22c55e40;transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-secondary{background:var(--surface-primary);color:var(--neutral-800);border:1.5px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--neutral-600);padding:.5rem 1rem}.btn-ghost:hover{color:var(--primary-600);background:var(--primary-50)}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md), var(--shadow-glow-accent)}.btn-accent:hover{box-shadow:var(--shadow-lg), 0 0 50px #f9731640;transform:translateY(-1px)}.btn-lg{border-radius:var(--radius-xl);padding:.85rem 2rem;font-size:1rem}.btn-sm{padding:.45rem 1rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.card{background:var(--surface-primary);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.card-glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl)}.card-dark{background:var(--surface-dark-secondary);border-radius:var(--radius-xl);color:#fff;border:1px solid #ffffff14}.badge{border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200);align-items:center;gap:6px;padding:.3rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent-600);background:#f9731614;border-color:#f9731633}.badge-dark{color:#fffc;background:#ffffff14;border-color:#ffffff1f}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px #2563eb1f}50%{box-shadow:0 0 0 8px #2563eb14}}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--neutral-700);font-size:.875rem;font-weight:600}.form-input{border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--surface-primary);color:var(--neutral-800);transition:all var(--transition-fast);box-sizing:border-box;width:100%;padding:.8rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #22c55e1f}.form-input::placeholder{color:var(--neutral-400)}.form-input-icon .form-input{padding-left:2.75rem}.form-input-icon .input-icon{color:var(--neutral-400);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.divider{align-items:center;gap:var(--space-md);color:var(--neutral-400);margin:var(--space-lg) 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--neutral-200);flex:1;height:1px}.toggle-switch{width:48px;height:26px;position:relative}.toggle-switch input{display:none}.toggle-slider{background:var(--neutral-300);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--primary-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.footer{background:var(--surface-dark);color:#ffffffb3;padding:var(--space-4xl) 0 var(--space-xl)}.footer-grid{gap:var(--space-3xl);margin-bottom:var(--space-3xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{max-width:320px}.footer-brand .nav-logo{color:#fff;margin-bottom:var(--space-md)}.footer-brand p{color:#ffffff80;font-size:.9rem;line-height:1.7}.footer-col h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:#ffffffe6;margin-bottom:var(--space-lg);font-size:.85rem;font-weight:700}.footer-col a{color:#ffffff80;padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:.9rem;display:block}.footer-col a:hover{color:var(--primary-400)}.footer-bottom{padding-top:var(--space-xl);color:#ffffff59;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.footer-social{gap:var(--space-md);display:flex}.footer-social a{border-radius:var(--radius-md);color:#fff6;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff0f;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--primary-600);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 20px #22c55e33}50%{transform:scale(1.1);box-shadow:0 0 40px #22c55e66}}.skeleton{background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-200) 50%, var(--neutral-100) 75%);border-radius:var(--radius-md);vertical-align:middle;background-size:200% 100%;width:100%;animation:1.5s linear infinite shimmer;display:inline-block}.skeleton-text{border-radius:var(--radius-sm);height:.85rem}.skeleton-title{border-radius:var(--radius-sm);height:1.75rem}.skeleton-card{background:var(--surface-primary);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.hamburger{cursor:pointer;z-index:10;flex-direction:column;gap:5px;padding:4px;display:none;position:relative}.hamburger span{background:var(--neutral-700);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu-close{top:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-md);background:var(--neutral-100);width:36px;height:36px;color:var(--neutral-600);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:none;position:absolute}.mobile-menu-close:hover{background:var(--neutral-200);color:var(--neutral-900)}@media (width<=1024px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}}@media (width<=768px){.hamburger,.mobile-menu-close{display:flex}.nav-links{background:var(--surface-primary);width:min(300px,85vw);height:100vh;padding:calc(var(--nav-height) + var(--space-xl)) var(--space-xl) var(--space-xl);box-shadow:var(--shadow-2xl);transition:right var(--transition-slow);z-index:1200;gap:var(--space-sm);border-left:1px solid var(--neutral-200);flex-direction:column;align-items:flex-start;position:fixed;top:0;right:-100%;overflow-y:auto}.nav-links.open{right:0}.nav-links a{padding:var(--space-sm) 0;border-bottom:1px solid var(--neutral-100);width:100%;font-size:1.05rem}.nav-links a:last-child{margin-bottom:var(--space-xl);border-bottom:none}.nav-actions{gap:var(--space-sm);width:min(300px,85vw);height:auto;padding:var(--space-lg) var(--space-xl) calc(var(--space-xl) + env(safe-area-inset-bottom));background:var(--surface-primary);border-top:1px solid var(--neutral-200);border-left:1px solid var(--neutral-200);transition:right var(--transition-slow);z-index:1200;box-shadow:var(--shadow-2xl);flex-direction:column;position:fixed;top:auto;bottom:0;right:-100%}.nav-actions.open{right:0}.nav-actions .btn{text-align:center;justify-content:center;width:100%}.mobile-overlay{z-index:1050;background:#0f172aa6;display:none;position:fixed;inset:0}.mobile-overlay.active{display:block}.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}.footer-bottom{gap:var(--space-md);text-align:center;flex-direction:column}}@media (width<=480px){:root{--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3.5rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.mx-auto{margin-left:auto;margin-right:auto}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.relative{position:relative}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{min-height:100vh;padding-top:var(--nav-height);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-gradient{background:linear-gradient(160deg,#f8fdf9 0%,#f0fdf4 25%,#ecfdf5 50%,#f0f9ff 75%,#fefce8 100%);position:absolute;inset:0}.hero-grid-pattern{background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 70%)}.hero-orb{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.hero-orb-1{background:#22c55e26;width:500px;height:500px;animation:8s ease-in-out infinite float;top:-10%;right:-5%}.hero-orb-2{background:#3b82f61a;width:350px;height:350px;animation:10s ease-in-out infinite reverse float;bottom:10%;left:-5%}.hero-orb-3{background:#f973161a;width:250px;height:250px;animation:12s ease-in-out infinite float;top:30%;left:40%}.hero-content{z-index:2;gap:var(--space-3xl);padding:var(--space-4xl) 0;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-text{animation:.8s both fadeInUp}.hero-title{margin-bottom:var(--space-lg);color:var(--neutral-900)}.hero-subtitle{margin-bottom:var(--space-2xl);max-width:520px}.hero-cta{gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap;display:flex}.hero-stats{align-items:stretch;gap:var(--space-lg);flex-wrap:wrap;display:flex}.hero-stat{align-items:center;gap:var(--space-md);display:flex}.hero-stat>div{flex-direction:column;display:flex}.hero-stat-icon{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--primary-600);background:#22c55e14;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-stat-value{font-family:var(--font-display);color:var(--neutral-900);font-size:.95rem;font-weight:700;line-height:1.3}.hero-stat-label{color:var(--neutral-500);font-size:.78rem;font-weight:500;line-height:1.3}.hero-stat-divider{background:var(--neutral-200);flex-shrink:0;width:1px;height:40px}.hero-visual{animation:.8s .3s both fadeInUp;position:relative}.hero-dashboard{border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-2xl), 0 0 80px #22c55e14;background:#fff;position:relative;overflow:hidden}.dashboard-header{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--neutral-100);background:var(--neutral-50);display:flex}.dashboard-dots{gap:6px;display:flex}.dashboard-dots span{border-radius:50%;width:10px;height:10px}.dashboard-dots span:first-child{background:#ef4444}.dashboard-dots span:nth-child(2){background:#eab308}.dashboard-dots span:nth-child(3){background:#22c55e}.dashboard-title{color:var(--neutral-500);font-size:.8rem;font-weight:500}.dashboard-body{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.dash-card{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--neutral-50);border:1px solid var(--neutral-100);display:flex}.dash-card-main{background:linear-gradient(135deg,#22c55e0a,#22c55e03);border-color:#22c55e26}.dash-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.dash-card-label{color:var(--neutral-500);font-size:.78rem;font-weight:500}.dash-card-value{font-family:var(--font-display);color:var(--neutral-900);align-items:center;gap:var(--space-sm);font-size:1.15rem;font-weight:700;display:flex}.dash-trend{border-radius:var(--radius-sm);padding:2px 6px;font-size:.75rem;font-weight:600}.dash-trend.up{color:var(--primary-600);background:#22c55e1a}.dash-mini-chart{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--neutral-50);border:1px solid var(--neutral-100)}.dash-chart-header{margin-bottom:var(--space-md);color:var(--neutral-500);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;display:flex}.dash-chart-bars{align-items:flex-end;gap:8px;height:60px;display:flex}.dash-bar{background:var(--neutral-200);transition:all var(--transition-base);border-radius:4px 4px 0 0;flex:1}.dash-bar.active{background:var(--gradient-primary);box-shadow:0 0 12px #22c55e4d}.dash-alert{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--info);background:#3b82f60f;border:1px solid #3b82f61f;font-size:.78rem;font-weight:500;display:flex}.dash-alert-dot{background:var(--info);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.floating-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);align-items:center;gap:var(--space-sm);border:1px solid var(--neutral-100);z-index:3;background:#fff;padding:12px 18px;font-size:.85rem;font-weight:600;display:flex;position:absolute}.floating-card-1{animation:4s ease-in-out infinite float;top:15%;right:-15px}.floating-card-2{animation:5s ease-in-out infinite reverse float;bottom:20%;left:-20px}.hero-trusted{z-index:2;padding-bottom:var(--space-3xl);position:relative}.trusted-logos{justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;display:flex}.trusted-item{color:var(--neutral-400);align-items:center;gap:var(--space-sm);font-size:.85rem;font-weight:600;display:flex}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-2xl);background:var(--surface-primary);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-200);transform:translateY(-6px)}.feature-icon-wrap{border-radius:var(--radius-xl);width:56px;height:56px;margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex}.feature-card .text-h3{margin-bottom:var(--space-sm)}.feature-card .text-body{margin-bottom:var(--space-lg)}.feature-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.section-dark{background:var(--surface-dark);position:relative;overflow:hidden}.section-dark:before{content:"";background:radial-gradient(at 20% 0,#22c55e14 0%,#0000 50%),radial-gradient(at 80% 100%,#3b82f60f 0%,#0000 50%);position:absolute;inset:0}.steps-timeline{max-width:700px;margin:0 auto;position:relative}.steps-timeline:before{content:"";background:linear-gradient(to bottom, var(--primary-600), #22c55e1a);width:2px;position:absolute;top:0;bottom:0;left:26px}.step-item{gap:var(--space-xl);padding-bottom:var(--space-3xl);display:flex;position:relative}.step-item:last-child{padding-bottom:0}.step-number{background:var(--gradient-primary);color:#fff;width:54px;height:54px;font-family:var(--font-display);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 0 30px #22c55e4d}.step-content .text-h3{margin-bottom:var(--space-sm)}.step-tags{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.step-tags span{border-radius:var(--radius-full);color:#fff9;background:#ffffff0f;border:1px solid #ffffff14;padding:4px 12px;font-size:.78rem}.comparison-table-wrap{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow-x:auto}.comparison-table th{padding:var(--space-lg);text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500);background:var(--neutral-50);border-bottom:2px solid var(--neutral-200);font-size:.8rem;font-weight:700}.comparison-table th:first-child{text-align:left}.comparison-table td{padding:var(--space-md) var(--space-lg);text-align:center;border-bottom:1px solid var(--neutral-100);color:var(--neutral-700)}.comparison-table td:first-child{text-align:left;min-width:220px}.check-yes{color:var(--primary-500);font-size:1.2rem;font-weight:700}.check-no{color:var(--neutral-300);font-size:1.1rem}.highlight-row{background:linear-gradient(135deg,#22c55e0a,#22c55e05)}.highlight-row td{color:var(--primary-700);border-bottom:none;font-weight:600}.highlight-row td:first-child{color:var(--primary-700)}.highlight-row .check-yes{color:var(--primary-600);font-size:1.3rem}.section-subtle{background:var(--neutral-50)}.benefits-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.benefit-card{padding:var(--space-2xl);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-base);gap:var(--space-md);background:#fff;flex-direction:column;display:flex}.benefit-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200);transform:translateY(-4px)}.benefit-icon{border-radius:var(--radius-xl);width:60px;height:60px;color:var(--primary-600);margin-bottom:var(--space-sm);background:linear-gradient(135deg,#22c55e1a,#22c55e0a);justify-content:center;align-items:center;display:flex}.benefit-card h4{font-family:var(--font-display);color:var(--neutral-800);font-size:1.15rem;font-weight:700}.benefit-card p{color:var(--neutral-500);font-size:.9rem;line-height:1.7}.comparison-modern{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.comparison-col{border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:#fff;overflow:hidden}.comparison-col-header{padding:var(--space-2xl);text-align:center}.comparison-col-header h3{font-family:var(--font-display);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700}.comparison-col-header p{color:var(--neutral-500);font-size:.85rem}.comparison-col-icon{width:52px;height:52px;margin:0 auto var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.comparison-col-icon.old{color:#ef4444;background:#ef444414}.comparison-col-icon.new{color:var(--primary-600);background:#22c55e14}.comparison-old .comparison-col-header{background:linear-gradient(135deg,#ef444408,#ef444403);border-bottom:1px solid #ef44441a}.comparison-old .comparison-col-header h3{color:var(--neutral-700)}.comparison-new .comparison-col-header{background:linear-gradient(135deg,#22c55e0a,#22c55e03);border-bottom:1px solid #22c55e1f}.comparison-new .comparison-col-header h3{color:var(--primary-700)}.comparison-items{padding:var(--space-lg);flex-direction:column;gap:0;display:flex}.comparison-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--neutral-100);transition:background var(--transition-base);display:flex}.comparison-item:last-child{border-bottom:none}.comparison-item:hover{background:var(--neutral-50);border-radius:var(--radius-md)}.comparison-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.comparison-icon.old{color:#ef4444;background:#ef444414}.comparison-icon.new{color:var(--primary-600);background:#22c55e14}.comparison-item strong{color:var(--neutral-800);margin-bottom:2px;font-size:.9rem;font-weight:600;display:block}.comparison-item p{color:var(--neutral-500);margin:0;font-size:.82rem;line-height:1.5}.comparison-new .comparison-item strong{color:var(--primary-700)}.testimonials-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{padding:var(--space-2xl);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-base);background:#fff}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-stars{color:#eab308;letter-spacing:2px;margin-bottom:var(--space-md);font-size:1.1rem}.testimonial-text{color:var(--neutral-600);margin-bottom:var(--space-xl);font-size:.95rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:var(--space-md);display:flex}.testimonial-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex}.testimonial-author strong{color:var(--neutral-800);font-size:.9rem;display:block}.testimonial-author span{color:var(--neutral-500);font-size:.8rem}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-subtitle{max-width:100%}.hero-cta,.hero-stats{justify-content:center}.hero-visual{max-width:520px;margin:0 auto}.floating-card-1{right:-5px}.floating-card-2{left:-5px}.features-grid,.benefits-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.comparison-modern{grid-template-columns:1fr}}@media (width<=768px){.hero-stats{gap:var(--space-md);flex-direction:column}.hero-stat-divider{width:40px;height:1px}.steps-timeline:before{display:none}.step-item{text-align:center;flex-direction:column;align-items:center}}@media (width<=640px){.features-grid,.benefits-grid,.testimonials-grid{grid-template-columns:1fr}.cta-card{padding:var(--space-2xl)}.floating-card{display:none}}.features-hero{padding:calc(var(--nav-height) + var(--space-4xl)) 0 var(--space-3xl);background:linear-gradient(160deg,#f8fdf9 0%,#f0fdf4 25%,#ecfdf5 50%,#f0f9ff 75%,#fefce8 100%);position:relative;overflow:hidden}.features-hero-bg{z-index:0;position:absolute;inset:0}.features-hero-bg .hero-orb-1{background:#22c55e1f;width:400px;height:400px;animation:8s ease-in-out infinite float;top:-15%;left:15%}.features-hero-bg .hero-orb-2{background:#3b82f614;width:300px;height:300px;animation:10s ease-in-out infinite reverse float;bottom:-10%;right:10%}.feature-section{overflow:hidden}.feature-row{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-info .text-overline{margin-bottom:var(--space-sm);display:inline-block}.feature-info .text-h2{margin-bottom:var(--space-md)}.feature-info .text-body-lg{margin-bottom:var(--space-2xl)}.feature-details{gap:var(--space-lg);flex-direction:column;display:flex}.feature-detail-item{gap:var(--space-md);display:flex}.feature-detail-icon{border-radius:var(--radius-lg);background:var(--neutral-50);border:1px solid var(--neutral-100);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.feature-detail-item strong{color:var(--neutral-800);margin-bottom:2px;font-size:.95rem;display:block}.feature-detail-item p{color:var(--neutral-500);font-size:.85rem;line-height:1.5}.feature-mockup{border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-2xl);background:#fff;overflow:hidden}.mockup-header{padding:var(--space-md) var(--space-lg);background:var(--neutral-50);border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;display:flex}.mockup-title{color:var(--neutral-700);font-size:.9rem;font-weight:600}.mockup-body{padding:var(--space-lg)}.task-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);transition:background var(--transition-fast);display:flex}.task-item:hover{background:var(--neutral-50)}.task-item.completed{opacity:.65}.task-item.active{background:#f973160a;border:1px solid #f973161f}.task-check{background:var(--primary-500);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.task-check.pending{background:var(--accent-500);animation:2s ease-in-out infinite pulse-dot}.task-check.pending-light{border:2px solid var(--neutral-300);color:var(--neutral-400);background:0 0;font-size:.9rem}.task-info{flex:1;min-width:0}.task-name{color:var(--neutral-800);font-size:.88rem;font-weight:600;display:block}.task-time{color:var(--neutral-500);font-size:.75rem;display:block}.task-badge{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:.7rem;font-weight:600}.task-badge.done{color:var(--primary-600);background:#22c55e1a}.task-badge.pending{color:var(--accent-600);background:#f973161a}.task-badge.scheduled{background:var(--neutral-100);color:var(--neutral-500)}.ml-models-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.ml-model-card{padding:var(--space-lg);background:var(--surface-primary);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-base)}.ml-model-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.ml-model-icon{border-radius:var(--radius-lg);width:44px;height:44px;margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.ml-model-card h4{font-family:var(--font-display);color:var(--neutral-800);margin-bottom:4px;font-size:.95rem;font-weight:700}.ml-model-card p{color:var(--neutral-500);margin-bottom:var(--space-md);font-size:.8rem;line-height:1.5}.ml-mockup .mockup-body{gap:var(--space-md);flex-direction:column;display:flex}.ml-insight-card{padding:var(--space-md);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff0f}.ml-insight-header{margin-bottom:var(--space-md);color:#ffffffb3;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.ml-accuracy{color:var(--primary-400);font-size:.72rem;font-weight:500}.ml-chart-area{margin-bottom:var(--space-md)}.ml-chart-svg{width:100%;height:60px}.ml-prediction-row{justify-content:space-between;display:flex}.ml-pred-item{text-align:center}.ml-pred-label{color:#fff6;margin-bottom:2px;font-size:.7rem;display:block}.ml-pred-value{font-family:var(--font-display);color:#fff;font-size:1rem;font-weight:700}.ml-alert-item{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff0d;display:flex}.ml-alert-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.ml-alert-icon.good{background:#22c55e1f}.ml-alert-icon.sell{background:#ec48991f}.ml-alert-item strong{color:#fffc;margin-bottom:2px;font-size:.85rem;display:block}.ml-alert-item p{color:#ffffff73;font-size:.78rem;line-height:1.4}.offline-demo{justify-content:center;display:flex}.phone-frame{background:var(--neutral-900);width:280px;box-shadow:var(--shadow-2xl), 0 0 60px #00000026;border-radius:36px;padding:12px;position:relative}.phone-notch{background:var(--neutral-900);z-index:3;border-radius:0 0 16px 16px;width:120px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;border-radius:26px;min-height:460px;overflow:hidden}.phone-status-bar{color:var(--neutral-700);justify-content:space-between;align-items:center;padding:14px 20px 8px;font-size:.72rem;font-weight:600;display:flex}.phone-status-icons{align-items:center;gap:6px;display:flex}.offline-indicator{color:var(--accent-500);font-size:.65rem;font-weight:700}.phone-app-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:8px 20px 16px;display:flex}.phone-content{padding:16px 20px}.phone-task{border-radius:var(--radius-lg);color:var(--neutral-700);background:var(--neutral-50);border:1px solid var(--neutral-100);align-items:center;gap:10px;margin-bottom:8px;padding:12px;font-size:.82rem;font-weight:500;display:flex}.phone-task.completed-task{opacity:.5}.phone-task.active-task{color:var(--neutral-800);background:#f973160d;border-color:#f9731626}.phone-task-check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;font-weight:700;display:flex}.phone-task .phone-task-check{background:var(--primary-500);color:#fff}.phone-task-check.active{background:var(--accent-500);color:#fff}.phone-sync-badge{border-radius:var(--radius-lg);color:var(--info);text-align:center;background:#3b82f60f;border:1px solid #3b82f61f;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:10px 14px;font-size:.75rem;font-weight:500;display:flex}.evidence-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.evidence-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--neutral-100);display:flex}.evidence-thumb{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--neutral-200), var(--neutral-100));flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.evidence-info{flex:1;min-width:0}.evidence-task{color:var(--neutral-800);font-size:.85rem;font-weight:600;display:block}.evidence-time{color:var(--neutral-500);font-size:.72rem;display:block}.evidence-badge{color:var(--primary-600);border-radius:var(--radius-full);white-space:nowrap;background:#22c55e14;padding:3px 8px;font-size:.68rem;font-weight:600}.evidence-stat-row{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--neutral-100);grid-template-columns:repeat(3,1fr);display:grid}.evidence-stat{text-align:center}.evidence-stat-val{font-family:var(--font-display);color:var(--neutral-800);font-size:1.1rem;font-weight:700;display:block}.evidence-stat-label{color:var(--neutral-500);font-size:.68rem;display:block}.arch-grid{flex-direction:column;align-items:center;max-width:640px;margin:0 auto;display:flex}.arch-layer{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);width:100%;transition:all var(--transition-base);background:#fff;overflow:hidden}.arch-layer:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.arch-layer-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--neutral-100);display:flex}.arch-layer-icon{font-size:1.5rem}.arch-layer-header h3{font-family:var(--font-display);color:var(--neutral-800);font-size:.95rem;font-weight:700}.arch-layer-body{padding:var(--space-md) var(--space-lg);gap:var(--space-sm);flex-wrap:wrap;display:flex}.arch-tech-tag{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-full);color:var(--neutral-600);padding:4px 12px;font-size:.78rem;font-weight:500}.arch-connector{padding:var(--space-xs) 0;justify-content:center;display:flex}@media (width<=1024px){.feature-row,.feature-row.reverse{gap:var(--space-2xl);direction:ltr;grid-template-columns:1fr}.ml-models-grid{grid-template-columns:1fr}}@media (width<=640px){.features-hero{padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-xl)}.phone-frame{width:240px}.phone-screen{min-height:380px}.cta-card{padding:var(--space-2xl)}.evidence-stat-row{gap:var(--space-md);grid-template-columns:1fr}}.pricing-hero{padding:calc(var(--nav-height) + var(--space-4xl)) 0 var(--space-2xl);background:linear-gradient(160deg,#f8fdf9 0%,#f0fdf4 25%,#ecfdf5 50%,#f0f9ff 75%,#fefce8 100%);position:relative;overflow:hidden}.pricing-hero-bg{z-index:0;position:absolute;inset:0}.pricing-hero-bg .hero-orb-1{background:#22c55e1f;width:400px;height:400px;top:-15%;right:10%}.pricing-hero-bg .hero-orb-2{background:#3b82f614;width:300px;height:300px;bottom:-10%;left:5%}.pricing-hero .container{z-index:1;position:relative}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.billing-toggle{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.billing-label{color:var(--neutral-400);transition:all var(--transition-fast);font-size:.9rem;font-weight:500}#monthlyLabel{color:var(--neutral-800);font-weight:600}.pricing-cards-section{padding:var(--space-3xl) 0 var(--space-4xl);margin-top:-1rem}.pricing-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.pricing-card{border:1.5px solid var(--neutral-200);border-radius:var(--radius-2xl);transition:all var(--transition-base);background:#fff;position:relative;overflow:hidden}.pricing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.pricing-card-featured{border-color:var(--primary-400);box-shadow:var(--shadow-xl), var(--shadow-glow);z-index:2;transform:scale(1.03)}.pricing-card-featured:hover{transform:scale(1.03)translateY(-6px)}.pricing-card-badge{background:var(--gradient-primary);color:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);letter-spacing:.02em;padding:4px 20px;font-size:.75rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.pricing-card-header{padding:var(--space-2xl) var(--space-2xl) var(--space-xl);text-align:center}.pricing-plan-name{font-family:var(--font-display);color:var(--neutral-800);margin-bottom:var(--space-xs);font-size:1.2rem;font-weight:700;display:block}.pricing-plan-desc{color:var(--neutral-500);margin-bottom:var(--space-xl);font-size:.85rem;display:block}.pricing-price{margin-bottom:var(--space-xs);justify-content:center;align-items:baseline;gap:2px;display:flex}.price-currency{color:var(--neutral-500);align-self:flex-start;margin-top:8px;font-size:1.3rem;font-weight:700}.price-amount{font-family:var(--font-display);color:var(--neutral-900);transition:all var(--transition-fast);font-size:3.5rem;font-weight:800;line-height:1}.price-period{color:var(--neutral-500);font-size:.9rem;font-weight:500}.pricing-price-note{color:var(--neutral-400);font-size:.8rem}.pricing-card-body{padding:0 var(--space-2xl) var(--space-2xl)}.pricing-features-list{margin-top:var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.pricing-feature{align-items:center;gap:var(--space-sm);color:var(--neutral-700);padding:6px 0;font-size:.88rem;display:flex}.pricing-feature.disabled{color:var(--neutral-400)}.feature-check{width:22px;height:22px;color:var(--primary-600);background:#22c55e1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.feature-check.featured{background:var(--primary-500);color:#fff}.feature-x{background:var(--neutral-100);width:22px;height:22px;color:var(--neutral-400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.comparison-table-wrap{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:var(--space-xl);background:#fff;overflow-x:auto}.comparison-table{border-collapse:collapse;background:#fff;width:100%;font-size:.9rem}.pricing-compare-table{border-radius:var(--radius-xl);overflow:hidden}.pricing-compare-table th{padding:var(--space-lg) var(--space-xl);background:var(--neutral-50);border-bottom:2px solid var(--neutral-200);font-size:.85rem}.pricing-compare-table th:first-child{text-align:left;min-width:220px}.pricing-compare-table .col-featured{background:#22c55e0a}.pricing-compare-table thead th.col-featured{color:var(--primary-700);background:#22c55e14;position:relative}.pricing-compare-table thead th.col-featured:after{content:"Recommended";text-transform:uppercase;letter-spacing:.08em;color:var(--primary-500);margin-top:2px;font-size:.65rem;font-weight:600;display:block}.pricing-compare-table td{padding:var(--space-md) var(--space-xl);text-align:center;border-bottom:1px solid var(--neutral-100);color:var(--neutral-700);font-size:.9rem}.pricing-compare-table td:first-child{text-align:left;color:var(--neutral-800);min-width:220px;font-weight:500}.pricing-compare-table td.col-featured{background:#22c55e08;font-weight:500}.pricing-compare-table tbody tr:hover{background:var(--neutral-50)}.pricing-compare-table tbody tr:hover td.col-featured{background:#22c55e0f}.pricing-compare-table tbody tr:last-child td{border-bottom:none}.pricing-compare-table .check-yes{width:26px;height:26px;color:var(--primary-600);background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.pricing-compare-table .check-no{background:var(--neutral-100);width:26px;height:26px;color:var(--neutral-300);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.category-row td{text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-500);padding:var(--space-sm) var(--space-xl);border-bottom:1px solid var(--neutral-200);border-top:1px solid var(--neutral-200);font-size:.78rem;font-weight:700;background:var(--neutral-50)!important}.faq-grid{gap:var(--space-md);flex-direction:column;max-width:740px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-base);background:#fff;overflow:hidden}.faq-item:hover{border-color:var(--primary-200)}.faq-item.open{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.faq-question{width:100%;padding:var(--space-lg) var(--space-xl);color:var(--neutral-800);text-align:left;cursor:pointer;transition:color var(--transition-fast);justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.faq-question:hover{color:var(--primary-600)}.faq-icon{color:var(--neutral-400);transition:transform var(--transition-base);font-size:1.3rem;line-height:1}.faq-item.open .faq-icon{color:var(--primary-500);transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height var(--transition-slow), padding var(--transition-slow);overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{padding:0 var(--space-xl) var(--space-lg);color:var(--neutral-600);font-size:.9rem;line-height:1.7}.cta-section{padding-bottom:var(--space-4xl)}.cta-card{background:var(--surface-dark);border-radius:var(--radius-2xl);padding:var(--space-4xl);text-align:center;position:relative;overflow:hidden}.cta-bg-orbs{position:absolute;inset:0;overflow:hidden}.cta-orb{filter:blur(100px);border-radius:50%;position:absolute}.cta-orb-1{background:#22c55e33;width:400px;height:400px;top:-20%;right:-10%}.cta-orb-2{background:#3b82f61f;width:300px;height:300px;bottom:-20%;left:-5%}.cta-content{z-index:1;position:relative}.cta-buttons{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}@media (width<=1024px){.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.pricing-card-featured{transform:none}.pricing-card-featured:hover{transform:translateY(-6px)}}@media (width<=640px){.pricing-hero{padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-xl)}.cta-card{padding:var(--space-2xl)}}.testimonial-avatar{background:var(--gradient-primary,linear-gradient(135deg, var(--primary-500), var(--primary-700)));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 8px #22c55e1a}.auth-page{background:var(--surface-secondary);flex-direction:column;flex:1;min-height:100vh;display:flex}.auth-layout{flex:1;grid-template-columns:480px 1fr;align-items:stretch;min-height:111.111vh;display:grid}.auth-sidebar{background:var(--surface-dark);padding:var(--space-3xl);align-self:stretch;align-items:center;display:flex;position:relative;overflow:hidden}.auth-sidebar-content{z-index:2;position:relative}.auth-sidebar-text h2{font-size:clamp(1.75rem,3vw,2.25rem)}.auth-sidebar-features{gap:var(--space-lg);margin-bottom:var(--space-3xl);flex-direction:column;display:flex}.auth-feature-item{align-items:center;gap:var(--space-md);display:flex}.auth-feature-icon{border-radius:var(--radius-lg);color:#ffffffd9;background:#ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.auth-feature-item strong{color:#fff;font-size:.9rem;font-weight:600;display:block}.auth-feature-item span{color:#ffffff73;font-size:.8rem}.auth-sidebar-quote{padding:var(--space-lg);border-radius:var(--radius-xl);background:#ffffff0a;border:1px solid #ffffff0f}.auth-sidebar-quote p{color:#ffffffb3;margin-bottom:var(--space-md);font-size:.9rem;font-style:italic;line-height:1.7}.auth-quote-author{align-items:center;gap:var(--space-sm);display:flex}.auth-quote-author div{flex-direction:column;display:flex}.auth-sidebar-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.auth-orb{filter:blur(100px);border-radius:50%;position:absolute}.auth-orb-1{background:#22c55e26;width:350px;height:350px;top:-15%;right:-20%}.auth-orb-2{background:#3b82f61a;width:250px;height:250px;bottom:-10%;left:-15%}.auth-main{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.auth-form-container{width:100%;max-width:520px}.auth-form-header{margin-bottom:var(--space-2xl)}.auth-form-header .text-h2{margin-bottom:var(--space-xs)}.form-alert{border-radius:var(--radius-lg);color:var(--neutral-700);margin-bottom:var(--space-lg);background:#ef444414;border:1px solid #ef444433;padding:10px 12px;font-size:.875rem}.form-alert:empty{display:none}.form-alert.is-error{color:#b91c1c;background:#ef444414;border-color:#ef444440}.form-alert.is-success{color:#166534;background:#22c55e14;border-color:#22c55e40}.form-alert.is-warning{color:#92400e;background:#f59e0b1a;border-color:#f59e0b47}.auth-form{gap:var(--space-lg);flex-direction:column;display:flex}.btn.is-loading{opacity:.75;cursor:progress}.form-label-row{justify-content:space-between;align-items:baseline;margin-bottom:0;display:flex}.form-label-row .form-label{margin-bottom:0}.select-wrapper{display:block;position:relative}.select-wrapper .form-select{appearance:none;cursor:pointer;background-image:none;width:100%;padding-right:2.5rem}.select-wrapper:after{content:"";pointer-events:none;border-bottom:2px solid #737373;border-right:2px solid #737373;width:10px;height:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:1rem;transform:translateY(-65%)rotate(45deg)}.select-wrapper.is-open:after{transform:translateY(-25%)rotate(-135deg)}.form-select:not(.select-wrapper .form-select){appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-link{color:var(--primary-600);transition:color var(--transition-fast);font-size:.8rem;font-weight:500}.form-link:hover{color:var(--primary-700)}.form-link-primary{color:var(--primary-600);transition:color var(--transition-fast);font-weight:600}.form-link-primary:hover{color:var(--primary-700)}.form-input-icon{position:relative}.form-input-icon .form-input.form-input-has-toggle{padding-right:3rem}.password-toggle{border-radius:0 var(--radius-lg) var(--radius-lg) 0;width:44px;color:var(--neutral-400);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:1px;bottom:1px;right:1px}.password-toggle:hover{color:var(--neutral-600)}.form-checkbox{align-items:center;gap:var(--space-sm);color:var(--neutral-600);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;display:flex;position:relative}.form-checkbox input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.checkbox-box{border:2px solid var(--neutral-300);border-radius:var(--radius-sm);width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.form-checkbox input:checked+.checkbox-box{background:var(--primary-500);border-color:var(--primary-500)}.form-checkbox input:checked+.checkbox-box:after{content:"✓";color:#fff;font-size:.7rem;font-weight:700}.form-row{justify-content:space-between;align-items:center;display:flex}.social-buttons{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.social-btn{gap:var(--space-sm);font-weight:500}.auth-footer-text{text-align:center;margin-top:var(--space-xl);color:var(--neutral-500);font-size:.9rem}.auth-back-link{color:var(--neutral-500);transition:color var(--transition-fast);margin-bottom:var(--space-xl);align-items:center;gap:6px;font-size:.875rem;font-weight:500;display:inline-flex}.auth-back-link:hover{color:var(--primary-600)}.auth-back-link svg{transition:transform var(--transition-fast)}.auth-back-link:hover svg{transform:translate(-2px)}.form-grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.password-strength{margin-top:var(--space-xs);gap:4px;display:flex}.strength-bar{background:var(--neutral-200);height:3px;transition:background var(--transition-fast);border-radius:2px;flex:1}.strength-bar.active{background:var(--danger)}.strength-bar.active.medium{background:var(--warning)}.strength-bar.active.strong{background:var(--success)}.form-hint{color:var(--neutral-400);margin-top:2px;font-size:.78rem}.terms-text{color:var(--neutral-500);font-size:.8rem;line-height:1.5}.terms-text a{color:var(--primary-600);font-weight:500}.terms-tooltip{color:var(--danger);margin-top:6px;margin-left:26px;font-size:.78rem;display:none}.terms-tooltip.is-visible{display:block}@media (width<=1024px){.auth-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-sidebar{padding:var(--space-xl) var(--space-2xl);min-height:unset;align-self:auto;align-items:flex-start}.auth-sidebar-content{width:100%}.auth-sidebar-features,.auth-sidebar-quote{display:none}.auth-sidebar-text{margin-bottom:0}.auth-sidebar-text h2{font-size:clamp(1.3rem,4vw,1.6rem);margin-bottom:.4rem!important}.auth-sidebar-text p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin-bottom:0!important;font-size:.9rem!important}.auth-main{padding:var(--space-xl);min-height:unset;padding-top:var(--space-2xl);align-items:flex-start}}@media (width<=640px){.auth-sidebar{padding:var(--space-lg) var(--space-xl)}.auth-sidebar-text h2{font-size:1.15rem!important}.auth-sidebar-text p{-webkit-line-clamp:2;font-size:.82rem!important}.nav-logo{font-size:.95rem;margin-bottom:.75rem!important}.auth-main{padding:var(--space-lg) var(--space-md)}}@media (width<=480px){.social-buttons,.form-grid-2{grid-template-columns:1fr}.auth-form-container{max-width:100%}}.verify-email-wrapper{background:var(--surface-secondary);min-height:100vh;padding:var(--space-2xl) var(--space-md);flex:1;justify-content:center;align-items:center;display:flex}.verify-email-card{background:var(--surface-primary);border-radius:var(--radius-xl,16px);text-align:center;border:1px solid var(--neutral-200);width:100%;max-width:460px;padding:2.5rem 2rem;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000f}@media (width<=480px){.verify-email-wrapper{padding:var(--space-lg) var(--space-sm)}.verify-email-card{padding:2rem 1.25rem}}.dashboard-page{--dashboard-navbar-height:72px;background:#f8fafc}.dashboard-page .navbar{height:var(--dashboard-navbar-height);-webkit-backdrop-filter:blur(20px);z-index:1100;background:#fffffff2;border-bottom:1px solid #e2e8f0;transition:all .3s;position:fixed;top:0;left:0;right:0}.dashboard-page .navbar-inner{justify-content:space-between;align-items:center;gap:1.25rem;max-width:1400px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.dashboard-page .navbar-left{align-items:center;gap:1.25rem;display:flex}.dashboard-page .navbar-brand{color:#1e293b;cursor:default;pointer-events:none;flex-shrink:0;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.dashboard-page .navbar-brand .logo-icon{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #16a34a4d}.dashboard-page .navbar-toggle{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;transition:all .3s;display:none}.dashboard-page .navbar-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.dashboard-page .navbar-toggle span{background:#1e293b;border-radius:999px;width:20px;height:2px;transition:all .3s}.dashboard-page .navbar-actions{flex:1;justify-content:flex-end;align-items:center;gap:1.25rem;min-width:0;display:flex}.navbar-action-buttons{flex-shrink:0;align-items:center;gap:.65rem;min-width:0;display:flex}.navbar-action-btn{letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;border-radius:.85rem;align-items:center;gap:.5rem;height:44px;padding:0 1.1rem;font-size:.92rem;font-weight:600;display:inline-flex}.navbar-action-btn i{font-size:.95rem}.navbar-action-btn.btn-ghost{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}.navbar-action-btn.btn-ghost:hover{background:#f1f5f9;border-color:#cbd5e1}.navbar-action-primary{box-shadow:0 10px 18px #16a34a2e}.search-toggle-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:none}.search-toggle-btn:hover{background:#0f172a0f}.search-toggle-btn i{font-size:1rem}.search-field{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.75rem;width:100%;min-width:0;max-width:100%;padding:.75rem 1.25rem;transition:all .3s;display:flex}.search-field:focus-within{background:#fff;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a14}.search-field i{color:#94a3b8;flex-shrink:0;font-size:.9rem}.search-field input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.search-field input::placeholder{color:#cbd5e1}.icon-button{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:inline-flex;position:relative}.icon-button:hover{background:#f1f5f9;border-color:#cbd5e1}.icon-button:active{transform:scale(.95)}.icon-button i{color:#1e293b;font-size:1.1rem}.icon-button[aria-label=Notifications]{box-shadow:none;background:0 0;border:none;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-button[aria-label=Notifications]:hover{background:#16a34a14;box-shadow:0 2px 8px #16a34a1f}.icon-button[aria-label=Notifications]:active{background:#16a34a1f;transform:scale(.95)}.icon-button[aria-label=Notifications] i{color:#1e293b;transition:color .3s}.icon-button[aria-label=Notifications]:hover i{color:#16a34a}.notify-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #e2e8f0}.dashboard-layout{box-sizing:border-box;height:100vh;min-height:100vh;padding-top:var(--dashboard-navbar-height);display:flex;overflow:hidden}.sidebar{width:260px;top:var(--dashboard-navbar-height);z-index:1000;background:#fff;border-right:1px solid #e2e8f0;padding:1.5rem 0;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;overflow:hidden}.sidebar-content{flex-direction:column;height:100%;display:flex}.sidebar-nav{flex:1;padding-bottom:1rem;overflow-y:auto}.sidebar-section{flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:0 .75rem;display:flex}.sidebar-context-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;gap:.5rem;margin:0 .75rem .75rem;padding:.5rem .75rem;display:flex}.sidebar-context-group{flex-direction:column;gap:.2rem;display:flex}.sidebar-context-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;padding-left:2px;font-size:9px;font-weight:700}.sidebar-context-select-wrapper{width:100%;position:relative}.sidebar-context-select{color:#334155;appearance:none;cursor:pointer;box-sizing:border-box;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") right 6px center/12px no-repeat;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;height:30px;padding:0 24px 0 8px;font-size:12px;font-weight:600;transition:border-color .15s,box-shadow .15s}.sidebar-context-select:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8}.sidebar-context-select:focus-visible{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a14}.sidebar-context-select:disabled{opacity:.6;cursor:not-allowed}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.5rem;padding:0 .75rem;font-size:.7rem;font-weight:700}.sidebar-link{color:#475569;border-radius:.75rem;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.938rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.sidebar-link:hover{color:#1e293b;background:#f1f5f9}.sidebar-link.active{color:#15803d;background:#f0fdf4;font-weight:600}.sidebar-link i{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.05rem;display:flex}.sidebar-badge{color:#fff;background:#16a34a;border-radius:9999px;flex-shrink:0;margin-left:auto;padding:.125rem .5rem;font-size:.7rem;font-weight:700}.sidebar-footer{border-top:1px solid #e2e8f0;margin-top:auto;padding:1.5rem .75rem 0}.sidebar-profile{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.sidebar-profile-avatar{color:#0f172a;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:700;display:flex}.sidebar-profile-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sidebar-profile-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.sidebar-profile-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sidebar-signout{border:1px solid #e2e8f0;justify-content:center;gap:.5rem;width:100%}.dashboard-main{height:calc(100vh - var(--dashboard-navbar-height));overscroll-behavior:contain;flex:1;min-width:0;margin-left:260px;padding:2rem 2.5rem 3rem;overflow-y:auto}@media (width<=1024px){.dashboard-layout{background:#f8fafc;height:auto;min-height:100dvh;overflow:visible}.dashboard-main{height:auto;min-height:calc(100vh - var(--dashboard-navbar-height));min-height:calc(100dvh - var(--dashboard-navbar-height));margin-left:0;padding:1.25rem 1rem 3rem;overflow:visible}}.dashboard-page .dashboard-header{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;display:flex}.dashboard-page .dashboard-header>div{flex:1}.dashboard-page .dashboard-header h2{color:#1e293b;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.dashboard-page .dashboard-header p{color:#64748b;font-size:.95rem}.dashboard-page .dashboard-header .btn{white-space:nowrap}.dashboard-page .dashboard-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.dashboard-page .dashboard-header-actions .btn{white-space:nowrap}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex;position:relative}.topbar-actions .btn{white-space:nowrap;padding:.625rem 1rem;font-size:.875rem}.quick-guide-btn{padding:.625rem .8rem}.task-guide-popover[hidden]{display:none}.task-guide-popover{z-index:40;background:linear-gradient(#fff 0%,#f4f8f3 100%);border:1px solid #dbe4ee;border-radius:1rem;flex-direction:column;gap:.9rem;width:min(380px,100vw - 2rem);max-height:min(76vh,620px);padding:.9rem;display:flex;position:absolute;top:calc(100% + .55rem);right:0;overflow-y:auto;box-shadow:0 18px 36px #0f172a24}.task-guide-popover-header{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.task-guide-popover-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe4ee;border-radius:.6rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.task-guide-popover-close:hover{color:#0f172a;border-color:#cbd5e1}.topbar-actions .btn.active{color:#fff;background:#16a34a;border-color:#16a34a}.overview-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.dashboard-hero{margin-bottom:1.5rem}.section-separator{background:var(--neutral-200,#e2e8f0);border:none;height:1px;margin:1.25rem 0}.hero-meta{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.overview-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.performance-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0}.projection-summary{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;gap:.85rem;margin-top:1rem;padding:.9rem 1rem;display:grid}.projection-title{color:#0f172a;margin:0 0 .25rem;font-size:.9rem;font-weight:700}.projection-sub{color:#64748b;margin:0;font-size:.85rem}.projection-metrics{flex-direction:column;gap:.6rem;display:flex}.projection-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.projection-label{color:#64748b;font-weight:600}.projection-value{color:#0f172a;font-weight:700}.projection-value.positive{color:#16a34a}.projection-bar{flex-direction:column;gap:.4rem;display:flex}.card-subtitle{color:#64748b;margin:.35rem 0 0;font-size:.85rem}.card-actions{margin-top:.85rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.stat-card:hover{border-color:var(--primary-600)!important;box-shadow:var(--shadow-lg)!important}.stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.stat-icon i{font-size:1.5rem}.stat-icon svg{width:24px;height:24px}.stat-content{flex:1;min-width:0}.stat-content h4{color:#1e293b;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.stat-content h4 span{color:#64748b;font-size:.9rem;font-weight:500}.stat-content p{color:#64748b;margin-bottom:.5rem;font-size:.85rem}.stat-change{color:#64748b;font-size:.8rem;font-weight:600}.stat-change.up{color:#16a34a}.monitoring-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.5rem}.monitoring-metrics .stat-card{box-shadow:var(--shadow-md);border-width:2px}.monitoring-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem;display:grid}.monitoring-alerts{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #f1f5f9}.alert-list{flex-direction:column;gap:.85rem;display:flex}.alert-item{background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;gap:1rem;padding:1rem 1.1rem;display:flex}.alert-item.critical{border-color:#ef444466;box-shadow:0 12px 24px #ef444414}.alert-item.warning{border-color:#ea580c59}.alert-item.info{border-color:#2563eb40}.alert-badge{text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f1f5f9;border-radius:999px;height:fit-content;padding:.35rem .6rem;font-size:.7rem;font-weight:700}.alert-item.critical .alert-badge{color:#b91c1c;background:#ef444424}.alert-item.warning .alert-badge{color:#c2410c;background:#ea580c29}.alert-item.info .alert-badge{color:#1d4ed8;background:#2563eb1f}.alert-title{color:#0f172a;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.alert-meta{color:#64748b;margin-bottom:.4rem;font-size:.85rem}.alert-time{color:#94a3b8;font-size:.75rem}.alert-actions{gap:.5rem;margin-top:.55rem;display:flex}.alert-scope-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:.3rem;width:fit-content;margin-top:.35rem;padding:.15rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.alert-scope-badge i{color:#94a3b8;font-size:.6rem}.monitoring-recent{flex-direction:column;gap:0;display:flex}.settings-shell{flex-direction:column;gap:1.25rem;display:flex}.settings-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;align-items:center;gap:.4rem;width:fit-content;margin:0 auto;padding:.4rem;display:inline-flex}.settings-tab{color:#475569;background:0 0;border:1px solid #0000;border-radius:.7rem;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.settings-tab:hover{color:#0f172a;background:#f8fafc}.settings-tab.active{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.settings-tab-panel{display:none}.settings-tab-panel.active{display:block}#panelProfile{min-height:560px}#panelProfile .dashboard-card{flex-direction:column;min-height:560px;display:flex}#panelProfile .profile-photo-only-wrap{flex:1;justify-content:center;align-items:flex-start;padding-top:.35rem;padding-bottom:.5rem;display:flex}.settings-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.profile-photo-only-wrap{justify-content:center;display:flex}.profile-photo-card{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:1rem;flex-direction:column;align-items:center;gap:1.15rem;width:100%;max-width:640px;padding:2rem 2rem 1.7rem;display:flex}.profile-photo-circle{color:#166534;background:#dcfce7 50%/cover no-repeat;border:3px solid #dcfce7;border-radius:999px;justify-content:center;align-items:center;width:164px;height:164px;display:flex}.profile-photo-circle.has-image{background-color:#e2e8f0}.profile-photo-initials{font-size:2.35rem;font-weight:700}.profile-photo-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.profile-photo-actions .btn{min-width:170px;padding:.8rem 1.1rem}.settings-note{color:#64748b;text-align:center;max-width:320px;font-size:.88rem}.settings-section-title{color:#0f172a;margin:0 0 .5rem;font-size:1.03rem;font-weight:700}.settings-section-subtitle{color:#64748b;margin:0 0 1rem;font-size:.89rem}.settings-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.6rem;margin-top:.5rem;padding-top:.75rem;display:flex}.settings-readonly{background:#f8fafc}.settings-form-sections{flex-direction:column;gap:1rem;display:flex}.settings-form-group{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;padding:1rem}.settings-form-group h5{color:#166534;letter-spacing:.02em;text-transform:uppercase;margin:0 0 .8rem;font-size:.92rem;font-weight:700}.settings-security-card{max-width:none;margin:0}.settings-password-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;max-width:none;margin:0;display:grid}.dashboard-page .settings-password-form .form-group{margin-bottom:0}.dashboard-page .settings-password-form .form-group:first-of-type{grid-column:1/-1}.dashboard-page .settings-password-form .form-input-icon{width:100%;color:inherit;cursor:default;background:0 0;border:0;padding:0;display:block;position:relative;top:auto;left:auto;right:auto}.dashboard-page .settings-password-form .form-input-icon .input-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.dashboard-page .settings-password-form .form-input-icon .form-input.form-input-has-toggle{padding-left:2.75rem;padding-right:2.9rem}.dashboard-page .settings-password-form .password-toggle{color:#64748b;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.dashboard-page .settings-password-form .password-toggle:hover{color:#334155;background:#f8fafc;border-color:#dbe3ea}.dashboard-page .settings-password-form .password-toggle:focus-visible{border-color:#86efac;outline:none;box-shadow:0 0 0 3px #16a34a1f}.dashboard-page .settings-password-form .password-toggle svg{pointer-events:none;display:block}.settings-password-form .btn{align-self:auto;width:fit-content}.settings-password-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:.65rem;margin-top:.5rem;padding-top:.75rem;display:flex}.settings-password-actions .btn{min-width:0}.settings-password-form .form-hint{color:var(--neutral-400);margin-top:2px;font-size:.78rem}.settings-security-card{flex-direction:column;gap:1rem;display:flex}.settings-security-block{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;padding:1rem}.settings-security-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.2rem;display:grid}.settings-action-card{background:#f8fafc;border:1px solid #dbe4ee;border-radius:.85rem;flex-direction:column;gap:.7rem;min-height:184px;padding:.9rem;display:flex}.settings-action-card.is-danger{background:#fff7f7;border-color:#fecaca}.settings-action-head{align-items:flex-start;gap:.65rem;display:flex}.settings-action-icon{color:#166534;background:#dcfce7;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.settings-action-icon.is-danger{color:#b91c1c;background:#fee2e2}.settings-action-title{color:#0f172a;margin:0;font-size:.93rem;font-weight:700}.settings-action-copy{color:#64748b;margin:.4rem 0 0;font-size:.82rem;line-height:1.45}.settings-action-footer{justify-content:flex-end;margin-top:auto;display:flex}.settings-action-footer .btn{min-width:108px}.settings-modal .batch-modal-content{width:min(92vw,760px);max-width:760px}.settings-modal .batch-modal-body{overflow-y:auto}.settings-modal .settings-password-form{grid-template-columns:minmax(0,1fr);gap:1rem}.settings-modal .settings-password-form .form-group{grid-template-columns:minmax(170px,34%) minmax(0,1fr);align-items:start;gap:.35rem 1.1rem;display:grid}.settings-modal .settings-password-form .form-label{margin-bottom:0;padding-top:.68rem;line-height:1.3}.settings-modal .settings-password-form .form-input-icon,.settings-modal .settings-password-form .password-strength,.settings-modal .settings-password-form .form-hint{grid-column:2}.settings-modal .settings-password-form .password-strength{margin-top:.15rem}.settings-modal .settings-password-form .form-hint{margin-top:0;line-height:1.4}.settings-modal .settings-password-actions{grid-column:auto;justify-content:flex-end;margin-top:.25rem}.settings-modal .settings-session-list{max-height:48vh;padding-right:.2rem;overflow:auto}.settings-modal .settings-revoke-form{margin-top:.55rem}.settings-security-heading{justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:.75rem;display:flex}.settings-security-heading .settings-section-subtitle{margin-bottom:0}.settings-muted{color:#64748b;margin:0;font-size:.84rem}.settings-session-list{flex-direction:column;gap:.7rem;margin-top:.75rem;display:flex}.settings-session-item{background:#f8fafc;border:1px solid #dbe4ee;border-radius:.8rem;padding:.75rem}.settings-session-item.is-current{background:#f0fdf4;border-color:#86efac}.settings-session-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.settings-session-device{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.settings-session-pill{color:#166534;letter-spacing:.02em;text-transform:uppercase;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:700}.settings-session-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.settings-session-meta-item{background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;padding:.45rem .55rem}.settings-session-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 .2rem;font-size:.67rem;font-weight:700;display:block}.settings-session-value{color:#1e293b;margin:0;font-size:.78rem;font-weight:600;line-height:1.35;display:block}.settings-danger-zone{background:#fff7f7;border-color:#fecaca}.settings-revoke-form{flex-direction:column;gap:.85rem;display:flex}.settings-checkbox{color:#334155;align-items:flex-start;gap:.6rem;font-size:.84rem;display:flex}.settings-checkbox input{margin-top:.16rem}.settings-actions-no-border{border-top:0;margin-top:0;padding-top:0}.settings-danger-btn{color:#fff;background:#b91c1c;border-color:#b91c1c}.settings-danger-btn:hover{background:#991b1b;border-color:#991b1b}.settings-danger-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #b91c1c33}.settings-danger-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=900px){.dashboard-page .navbar-actions{gap:.75rem}.navbar-action-btn{height:42px;padding:0 .95rem;font-size:.88rem}.settings-password-form{grid-template-columns:minmax(0,1fr)}.settings-password-form .form-group:first-of-type,.settings-password-actions{grid-column:auto}.settings-password-actions{justify-content:center}.settings-security-heading{flex-direction:column;align-items:stretch}.settings-security-heading .btn{width:fit-content}.settings-security-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-session-meta{grid-template-columns:minmax(0,1fr)}#panelProfile,#panelProfile .dashboard-card{min-height:500px}.profile-photo-card{max-width:100%;padding:1.4rem}.profile-photo-circle{width:142px;height:142px}.profile-photo-actions .btn{min-width:150px}}@media (width<=768px){.settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.settings-tab{justify-content:center;padding:.55rem .5rem;font-size:.8rem}.settings-security-actions{grid-template-columns:minmax(0,1fr)}.settings-action-footer .btn{width:100%}.settings-modal .batch-modal-content{width:96vw}.settings-modal .settings-password-form .form-group{grid-template-columns:minmax(0,1fr);row-gap:.45rem}.settings-modal .settings-password-form .form-input-icon,.settings-modal .settings-password-form .password-strength,.settings-modal .settings-password-form .form-hint{grid-column:auto}.settings-modal .settings-password-form .form-label{padding-top:0}.settings-modal .settings-password-actions{justify-content:stretch}.settings-modal .settings-password-actions .btn{width:100%}}.monitoring-side{flex-direction:column;gap:1.5rem;display:flex}.monitoring-list{flex-direction:column;gap:.85rem;display:flex}.monitoring-row{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.monitoring-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.75rem;font-weight:600}.monitoring-value{color:#0f172a;margin-top:.15rem;font-size:.9rem;font-weight:600}.analytics-hero{margin-bottom:2rem}.analytics-chart-card{box-shadow:var(--shadow-md);border:1px solid #e2e8f0;padding:1.75rem}.analytics-chart-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.analytics-chart-header h3{color:#0f172a;margin:0 0 .35rem;font-size:1.25rem}.analytics-chart-header p{color:#64748b;margin:0;font-size:.9rem}.analytics-chart-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;min-width:280px;padding:.85rem 1.25rem;display:flex}.analytics-chart-meta .meta-item{flex-direction:column;flex:auto;gap:.15rem;display:flex}.analytics-chart-meta .meta-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;white-space:nowrap;font-size:.7rem;font-weight:600}.analytics-chart-meta .meta-value{color:#0f172a;font-size:.95rem;font-weight:700}.analytics-chart-body{flex-direction:column;gap:1rem;display:flex}.analytics-scroll-hint-banner,.table-scroll-hint-banner{color:#475569;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:.5rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:none}@media (width<=1024px){.analytics-scroll-hint-banner,.table-scroll-hint-banner{display:flex}}.analytics-chart-scroll-wrapper{box-sizing:border-box;background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:.85rem;width:100%;position:relative}.analytics-chart-scroll-wrapper::-webkit-scrollbar{height:6px}.analytics-chart-scroll-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.analytics-chart-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.analytics-chart-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.analytics-y-axis-sticky{z-index:10;float:left;pointer-events:none;background:#fff;border-right:1px solid #cbd5e1;border-top-left-radius:.85rem;border-bottom-left-radius:.85rem;width:60px;height:100%;margin-right:-60px;position:sticky;top:0;left:0}.analytics-chart-canvas-inner{width:100%;height:auto;position:relative}@media (width>=768px){.analytics-chart-scroll-wrapper{overflow:visible}.analytics-y-axis-sticky{display:none}.analytics-chart-canvas-inner{aspect-ratio:1200/420;width:100%;min-width:0}.analytics-chart-canvas-inner svg{width:100%;height:100%}}@media (width<=767px){.analytics-chart-scroll-wrapper{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;height:340px;overflow:auto hidden}.analytics-y-axis-sticky{display:block}.analytics-svg-y-label{display:none}.analytics-chart-canvas-inner{min-width:900px;height:100%}.analytics-chart-canvas-inner svg{width:100%;height:100%}}.analytics-legend{color:#64748b;flex-wrap:wrap;gap:1.5rem;font-size:.85rem;display:flex}.analytics-legend .legend-item{align-items:center;gap:.5rem;display:flex}.legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-dot.projected{background:#16a34a;box-shadow:0 0 0 4px #16a34a26}.legend-dot.actual{background:#2563eb;box-shadow:0 0 0 4px #2563eb26}.legend-dot.target{background:#94a3b8;box-shadow:0 0 0 4px #94a3b833}.analytics-metrics{margin-bottom:2rem}.analytics-kpi-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.analytics-kpi-strip .kpi-item{flex-direction:column;flex:1;align-items:center;gap:.1rem;min-width:60px;display:flex}.analytics-kpi-strip .kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.analytics-kpi-strip .kpi-value{color:#1e293b;font-size:1.05rem;font-weight:700}.analytics-kpi-strip .kpi-unit{color:#94a3b8;font-size:.65rem}.analytics-kpi-strip .kpi-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:2rem}.analytics-kpi-deviation-positive{color:#16a34a}.analytics-kpi-deviation-negative{color:#dc2626}.analytics-insight-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.analytics-insight-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0}.analytics-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.analytics-card-header h4{color:#0f172a;margin:0 0 .25rem;font-size:.95rem}.analytics-card-sub{color:#64748b;margin:0;font-size:.78rem}.insight-list{flex-direction:column;gap:.6rem;display:flex}.insight-row{background:#fff;border:1px solid #e2e8f0;border-radius:.7rem;flex-direction:column;gap:.35rem;padding:.55rem .75rem;display:flex}.insight-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.7rem;font-weight:600}.insight-value{color:#0f172a;font-size:.82rem;font-weight:600}.insight-bar{background:#e2e8f0;border-radius:999px;height:5px;overflow:hidden}.insight-bar span{background:linear-gradient(90deg,#16a34a 0%,#22c55e 100%);border-radius:999px;height:100%;display:block}.notes-list{flex-direction:column;gap:.85rem;display:flex}.note-item{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;gap:.85rem;padding:.85rem 1rem;display:flex}.note-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;display:inline-flex}.note-icon.info{color:#2563eb;background:#2563eb1f}.note-icon.warning{color:#c2410c;background:#ea580c1f}.note-title{color:#0f172a;margin-bottom:.2rem;font-size:.95rem;font-weight:600}.note-text{color:#64748b;margin-bottom:.35rem;font-size:.85rem}.note-time{color:#94a3b8;font-size:.75rem}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.dashboard-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.dashboard-card-header h4{color:#1e293b;font-size:1rem;font-weight:600}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.status-pill{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-good{color:#16a34a;background:#16a34a1f}.status-warning{color:#ea580c;background:#f973161f}.status-info{color:#2563eb;background:#3b82f61f}.task-item{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding:.85rem;display:flex}.task-checkbox{cursor:pointer;color:#fff;background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:.05rem;font-size:.75rem;transition:all .3s;display:flex}.task-title{color:#1e293b;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.task-meta{color:#64748b;flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.task-priority{border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.notification-item{background:#f8fafc;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.875rem;transition:all .3s;display:flex}.notification-item:hover{background:#f1f5f9}.notification-dot.green{background:#16a34a}.notification-dot.amber{background:#f59e0b}.notification-dot.red{background:#ef4444}.notification-dot.blue{background:#3b82f6}.notification-text{color:#334155;font-size:.85rem;line-height:1.5}.log-form{flex-direction:column;gap:1rem;display:flex}.stage-progress{gap:.25rem;margin-bottom:1.5rem;display:flex}.stage-bar{text-transform:uppercase;letter-spacing:.05em;color:#fff;cursor:pointer;border-radius:.5rem;flex:1;justify-content:center;align-items:center;height:2.5rem;font-size:.65rem;font-weight:700;transition:all .3s;display:flex;position:relative}.stage-bar.completed{color:#fff;background:#16a34a}.stage-bar.current{color:#fff;background:#f59e0b}.stage-bar.active{box-shadow:0 0 0 3px #16a34a4d}.stage-bar.upcoming{color:#94a3b8;background:#f1f5f9}.stage-bar:hover{transform:scaleY(1.1)}.stage-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.text-sm{font-size:.85rem}.text-muted{color:#64748b}.font-semibold{font-weight:600}.mt-1{margin-top:.5rem}.task-board-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.task-section{flex-direction:column;display:flex}.task-section .dashboard-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.sub-stage-indicator{background:#f8fafc;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.sub-stage-track{align-items:center;gap:1rem;display:flex}.sub-stage-label{flex-direction:column;flex-shrink:0;gap:.25rem;display:flex}.sub-stage-label .label-text{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.sub-stage-label .phase-info{color:#16a34a;font-size:.95rem;font-weight:600}.sub-stage-dots{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.sub-stage-track .progress-focus{white-space:nowrap;margin-bottom:0;margin-left:auto}.sub-dot{background:#e2e8f0;border:2px solid #cbd5e1;border-radius:50%;width:12px;height:12px;transition:all .3s}.sub-dot.active{background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.sub-dot.current{background:#22c55e;border-color:#15803d;animation:2s infinite pulse-sub-dot;box-shadow:0 0 0 4px #16a34a33}@keyframes pulse-sub-dot{0%,to{box-shadow:0 0 0 4px #16a34a33}50%{box-shadow:0 0 0 6px #16a34a1a}}.stage-focus{color:#16a34a;text-transform:uppercase;letter-spacing:.3px;margin-top:.25rem;font-size:.65rem;font-weight:700}.progress-card{box-shadow:var(--shadow-md);background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.25rem;padding:1.25rem}.progress-header{justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.progress-title h3{color:#1e293b;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.progress-title p{color:#64748b;margin:0;font-size:.8rem}.progress-focus{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.progress-focus i{color:#16a34a}.tasks-progress-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border-color:#dbe4ee;padding:1rem}.tasks-progress-card .progress-header{margin-bottom:.75rem}.tasks-progress-card .progress-title h3{font-size:1.02rem}.tasks-progress-card .progress-title p{max-width:34rem}.tasks-progress-card .kpi-summary{gap:.75rem;padding:.6rem .85rem}.tasks-progress-card .stage-label{font-size:.76rem}.tasks-progress-card .stage-day{margin-top:.2rem;font-size:.66rem;line-height:1.35}.tasks-progress-card .progress-bar-container{height:7px}.kpi-summary{background:#f8fafc;border-radius:.75rem;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.kpi-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.kpi-value{color:#1e293b;font-size:1.2rem;font-weight:700}.kpi-divider{background:#cbd5e1;width:1px;height:2rem}.progress-stages{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.stage{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.stage.upcoming .stage-dot{opacity:.6;background:#f1f5f9;border-color:#cbd5e1}.stage.upcoming .stage-label{opacity:.7;color:#94a3b8}.stage.upcoming .stage-day{opacity:.6}.stage-dot{background:#fff;border:2px solid #cbd5e1;border-radius:50%;width:26px;height:26px;margin-bottom:.35rem;transition:all .3s}.stage.completed .stage-dot{background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.stage.current .stage-dot{background:#2563eb;border-color:#2563eb;animation:2s infinite pulse-dot;box-shadow:0 0 0 4px #2563eb1f}.stage-label{color:#1e293b;text-align:center;font-size:.8rem;font-weight:600}.stage-day{color:#94a3b8;text-align:center;margin-top:.25rem;font-size:.65rem}.stage-connector{background:#e2e8f0;flex:1;height:2px;margin:0 .4rem 1rem;transition:all .3s;position:relative}.stage-connector.completed{background:#16a34a}.stage-connector.active{background:#2563eb;height:3px;box-shadow:0 0 8px #2563eb4d}.progress-bar-container{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#16a34a 0%,#22c55e 100%);border-radius:999px;width:0%;height:100%;transition:width .5s;box-shadow:0 0 0 2px #16a34a26}.log-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.log-scope-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding:.6rem .9rem;display:flex}.log-scope-label{color:#64748b;white-space:nowrap;font-size:.78rem;font-weight:600}.log-scope-select-wrap{align-items:center;display:inline-flex;position:relative}.log-scope-select{appearance:none;color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;min-width:140px;padding:.35rem 2rem .35rem .65rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.log-scope-select:focus{border-color:var(--primary-600);outline:none;box-shadow:0 0 0 3px #16a34a1a}.log-scope-select-wrap:after{content:"";pointer-events:none;border-bottom:1.5px solid #64748b;border-right:1.5px solid #64748b;width:8px;height:8px;position:absolute;top:50%;right:.6rem;transform:translateY(-65%)rotate(45deg)}.log-scope-hint{color:#94a3b8;margin-left:auto;font-size:.75rem}.analytics-scope-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.6rem .85rem;display:flex}.analytics-scope-hint{color:#64748b;flex:1;min-width:0;font-size:.78rem;font-weight:500}.analytics-scope-select-wrap{background:#fff;border:1.5px solid #cbd5e1;border-radius:.6rem;flex-shrink:0;align-items:center;gap:0;height:34px;padding:0 .75rem 0 .65rem;transition:border-color .2s,box-shadow .2s;display:inline-flex;position:relative}.analytics-scope-select-wrap:focus-within{border-color:var(--primary-600);box-shadow:0 0 0 3px #16a34a1a}.analytics-scope-icon{color:#16a34a;pointer-events:none;flex-shrink:0;margin-right:.45rem;font-size:.75rem}.analytics-scope-select{appearance:none;color:#1e293b;cursor:pointer;background:0 0;border:none;outline:none;min-width:120px;height:100%;padding:0 1.5rem 0 0;font-family:inherit;font-size:.82rem;font-weight:600}.analytics-scope-chevron{color:#64748b;pointer-events:none;flex-shrink:0;font-size:.65rem;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.log-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.log-summary-card{padding:1.5rem;transition:all var(--transition-base)!important}.log-summary-card:hover{border-color:var(--primary-600)!important;box-shadow:var(--shadow-lg)!important;transform:none!important}.log-summary-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.log-summary-value{color:#0f172a;margin:0 0 .25rem;font-size:1.4rem;font-weight:700}.log-summary-sub{color:#64748b;margin:0;font-size:.85rem}.log-trend{color:#64748b;font-size:.8rem;font-weight:600}.log-trend.up{color:#16a34a}.log-trend.neutral{color:#64748b}.log-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.log-records{flex-direction:column;gap:.75rem;display:flex}.log-record-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem}.log-record-card h5{color:#0f172a;margin:.35rem 0 .25rem;font-size:1rem}.log-record-card p{color:#64748b;margin:0;font-size:.85rem}.log-record-card.log-record-empty{text-align:center;background:#f8fafc;border-style:dashed}.log-record-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.log-type-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.log-type-badge.weight{color:#1d4ed8;background:#2563eb1f}.log-type-badge.mortality{color:#c2410c;background:#ea580c1f}.log-date{color:#94a3b8;font-size:.75rem}.task-table{flex-direction:column;gap:.65rem;display:flex}.task-row{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;grid-template-columns:minmax(260px,2.3fr) 118px 130px minmax(210px,1.2fr);align-items:flex-start;gap:1rem;width:100%;padding:.75rem 1rem;transition:all .3s;display:grid}.task-row.task-row-header{text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;border-color:#0000;font-size:.75rem;font-weight:700}.task-row.task-row-header .task-cell{padding:.25rem 0}.task-row.task-row-data:hover{background:#16a34a05;border-color:#16a34a4d;box-shadow:0 8px 22px #0f172a12}.task-cell{color:#1e293b;flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.task-cell-task{gap:.35rem}.task-cell-actions{align-items:stretch;gap:.4rem}.task-actions{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%;display:flex}.task-actions .task-detail{text-align:left;width:100%}.task-actions .btn{padding:.4rem .75rem;font-size:.75rem}.task-section-card{box-shadow:var(--shadow-md);background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;padding:1.25rem;display:flex}.task-board-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.task-playbook-panel{box-shadow:var(--shadow-md);background:linear-gradient(#fff 0%,#f4f8f3 100%);border:1px solid #dbe4ee;border-radius:1rem;flex-direction:column;gap:.9rem;padding:1rem;display:flex;position:sticky;top:1rem}.task-playbook-header{gap:.35rem;display:grid}.task-playbook-header h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.task-playbook-header p{color:#475569;margin:0;font-size:.82rem;line-height:1.4}.task-playbook-flow{gap:.6rem;margin:0;padding:0;display:grid}.task-playbook-item{background:#fff;border:1px solid #dbe4ee;border-radius:.8rem;grid-template-columns:2rem 1fr;align-items:start;gap:.6rem;padding:.65rem;display:grid}.task-playbook-icon{color:#16a34a;background:#f8fafc;border:1px solid #dbe4ee;border-radius:.65rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.85rem;display:inline-flex}.task-playbook-item h5{color:#0f172a;margin:0;font-size:.82rem;font-weight:700}.task-playbook-item p{color:#475569;margin:.2rem 0 0;font-size:.8rem;line-height:1.45}.task-tag-card{background:#fff;border:1px solid #dbe4ee;border-radius:.85rem;padding:.75rem}.task-tag-card h5{color:#0f172a;margin:0 0 .55rem;font-size:.8rem;font-weight:700}.task-tag-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.task-tag-list li{color:#475569;grid-template-columns:auto 1fr;align-items:center;gap:.55rem;font-size:.78rem;display:grid}.legend-pill{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #dbe4ee;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.task-guidance-note{background:#f7fbf6;border:1px solid #dbe7df;border-radius:.75rem;align-items:flex-start;gap:.55rem;padding:.7rem .75rem;display:flex}.task-guidance-note i{color:#16a34a;margin-top:.1rem}.task-guidance-note p{color:#475569;margin:0;font-size:.8rem;line-height:1.45}.task-section-card.today-section{box-shadow:var(--shadow-lg), 0 0 0 4px #16a34a14;background:linear-gradient(135deg,#fff 0%,#16a34a08 100%);border:2px solid #16a34a;position:relative}.dashboard-page .section-header{border-bottom:2px solid #f1f5f9;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.dashboard-page .section-title{flex-direction:column;gap:.25rem;display:flex}.dashboard-page .section-kicker{color:#16a34a;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.dashboard-page .today-section-header{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:.85rem}.dashboard-page .today-section-header .section-title{flex:1;gap:.2rem;min-width:0}.dashboard-page .today-section-header .section-title h3{color:#1e293b;margin:0 0 .15rem;font-size:1rem;font-weight:700}.dashboard-page .section-desc{color:#64748b;max-width:30rem;margin:0;font-size:.78rem;line-height:1.45}.task-section-kpi{color:#94a3b8;white-space:nowrap;flex-shrink:0;align-self:flex-start;margin-left:auto;padding-top:.1rem;font-size:.78rem}.task-kpi-pending{color:#d97706;font-size:.88rem;font-weight:700}.task-kpi-done{color:#16a34a;font-size:.88rem;font-weight:700}.task-section-kpi #todayTaskCount{color:#475569;font-size:.88rem;font-weight:700}.dashboard-page .section-status{white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.dashboard-page .section-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.dashboard-page .section-subtitle{color:#94a3b8;margin-top:.2rem;font-size:.75rem;display:block}.dashboard-page .section-badge{color:#16a34a;background:#16a34a1a;border-radius:999px;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.farm-setup-card{max-width:100%}.farm-setup-card .dashboard-card-header{align-items:flex-start}.farm-setup-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-left:auto;display:flex;position:relative}.farm-setup-header-actions .section-badge{white-space:nowrap}.farm-info-btn{padding:.55rem .8rem}.farm-info-popover{width:min(420px,100vw - 2rem);top:calc(100% + .6rem);right:0}.farm-info-popover .setup-help-list{margin:0}.farm-info-status{margin-top:.2rem}.setup-workflow-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:-.8rem 0 1.1rem;display:grid}.setup-step{background:#fff;border:1px solid #dbe4ee;border-radius:.9rem;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;display:flex}.setup-step.is-active{background:linear-gradient(#fff 0%,#16a34a0d 100%);border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.setup-step-index{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.75rem;font-weight:700;display:inline-flex}.setup-step.is-active .setup-step-index{color:#fff;background:#16a34a;border-color:#16a34a}.setup-step h4{color:#0f172a;margin:0;font-size:.84rem;font-weight:700}.setup-step p{color:#64748b;margin:.2rem 0 0;font-size:.76rem;line-height:1.4}.farm-setup-layout{margin-top:1rem}.farm-setup-form{gap:.95rem;display:grid}.farm-setup-form .form-section{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4ee;border-radius:1rem;margin-bottom:0;padding:1rem 1rem .65rem}.farm-setup-form .input-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.95rem 1rem}.farm-setup-form .input-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.95rem 1rem}.farm-setup-form .form-group{margin-bottom:.75rem}.farm-setup-form .field-hint{line-height:1.35}.form-span-1{grid-column:span 1}.form-span-2{grid-column:span 2}.form-span-3{grid-column:1/-1}.form-section-hint{color:#64748b;margin:.35rem 0 1rem;font-size:.85rem}.field-hint{color:#94a3b8;margin-top:.35rem;font-size:.75rem}.farm-setup-status{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4ee;border-radius:.85rem;padding:1rem}.setup-help-list{color:#475569;gap:.6rem;margin:.75rem 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.setup-help-list strong{color:#0f172a;font-weight:700}.setup-help-list li{align-items:baseline;gap:.4rem;display:flex}.setup-help-list li:before{content:"";background:#16a34a99;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.5rem}.status-row{align-items:center;gap:.5rem;display:flex}.status-row .text-body{margin:0;font-weight:600}.status-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #16a34a1f}.status-meta{margin-top:.35rem}.farm-setup-status .text-caption{color:#94a3b8;margin-top:.35rem}.task-list{flex-direction:column;gap:.5rem;display:flex}@media (width<=1024px){.setup-workflow-strip{grid-template-columns:1fr}.farm-setup-header-actions{justify-content:flex-end;width:100%}.farm-info-popover{width:min(390px,100vw - 2rem);left:auto;right:0}.task-board-grid{grid-template-columns:minmax(0,1fr)}.task-guide-popover{width:min(360px,100vw - 2rem);left:auto;right:0}}@media (width<=640px){.farm-setup-header-actions{justify-content:flex-end;align-items:center}.farm-info-btn{width:auto}.farm-info-popover{width:min(360px,100vw - 1.25rem);left:auto;right:0}.farm-setup-form .input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.farm-setup-form .form-span-3{grid-column:1/-1}.farm-setup-form .form-span-2{grid-column:span 2}}@media (width<=480px){.farm-setup-form .input-grid,.farm-setup-form .input-grid-2{grid-template-columns:minmax(0,1fr)}.farm-setup-form .form-span-1,.farm-setup-form .form-span-2,.farm-setup-form .form-span-3{grid-column:1/-1}}.daily-input-card .section-header{align-items:flex-start}.daily-input-form{flex-direction:column;gap:1rem;display:flex}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.photo-input{flex-direction:column;gap:.5rem;display:flex}.photo-hint{color:#94a3b8;font-size:.75rem}.input-actions{flex-wrap:wrap;gap:.75rem;display:flex}.input-actions .btn{align-items:center;gap:.5rem;display:inline-flex}.task-item{cursor:default;background:0 0;border:none;padding:0}.task-item.completed .task-row{opacity:.75;background:#f8fafc}.task-item.completed .task-title{color:#cbd5e1;text-decoration:line-through}.task-checkbox{color:#fff;background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;font-size:.75rem;transition:all .3s;display:flex}.task-item.completed .task-checkbox,.task-checkbox.checked{background:#16a34a;border-color:#16a34a}.task-checkbox.checked:after{content:"✓";justify-content:center;align-items:center;display:flex}.task-content{align-items:center;gap:.75rem;min-width:0;display:flex}.task-title{color:#1e293b;word-break:break-word;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.task-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.task-priority{white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.65rem;font-weight:600;display:inline-flex}.task-priority.high{color:#dc2626;background:#fee2e2}.task-priority.medium{color:#b45309;background:#fef3c7}.task-priority.low{color:#15803d;background:#dcfce7}.task-category{color:#475569;white-space:nowrap;text-align:center;background:#f1f5f9;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:500}.task-detail{color:#64748b;font-size:.72rem;line-height:1.4}.task-detail-emphasis{color:#475569;font-size:.75rem;font-weight:500}.task-detail-context{color:#64748b;letter-spacing:.01em;font-size:.7rem}.task-readability-modal .batch-modal-content{width:min(92vw,700px)}.task-readability-modal .task-readability-fields{gap:.8rem}.task-readability-modal .form-group{margin-bottom:0}.task-readability-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4ee;border-radius:.9rem;margin-bottom:1rem;padding:1rem}.task-readability-tags{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.7rem;display:flex}.task-readability-modal .task-category,.task-readability-modal .task-priority{padding:.22rem .55rem;font-size:.72rem}.task-readability-lead{color:#0f172a;letter-spacing:.01em;margin:0;font-size:1rem;font-weight:700;line-height:1.55}.task-readability-meta{color:#64748b;margin-top:.6rem;font-size:.78rem;line-height:1.4}.task-readability-steps-panel{background:#fff;border:1px solid #dbe4ee;border-radius:.75rem;margin-top:.9rem;padding:.85rem}.task-readability-steps-panel h4{color:#166534;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .55rem;font-size:.86rem;font-weight:700}.task-readability-steps{gap:.45rem;margin:0;padding-left:1.2rem;display:grid}.task-readability-steps li{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.5}.task-empty-state{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.task-empty-state i{color:#cbd5e1;opacity:.5;margin-bottom:1rem;font-size:2.5rem}.task-empty-state p{color:#64748b;margin:0;font-size:.95rem}.progress-empty-state{color:#64748b;text-align:center;justify-content:center;align-items:center;width:100%;padding:1.25rem 1rem;font-size:.95rem;font-weight:500;display:flex}.milestone-list .notification-item{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:0;padding:.875rem}.milestone-list .notification-item:hover{border-color:#16a34a4d;box-shadow:0 2px 6px #0000000a}.notification-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:.25rem}.notification-dot.green{background:#16a34a;box-shadow:0 0 0 3px #16a34a26}.notification-dot.blue{background:#2563eb;box-shadow:0 0 0 3px #2563eb26}.notification-dot.amber{background:#ca8a04;box-shadow:0 0 0 3px #ca8a0426}.notification-text{color:#1e293b;font-size:.9rem;font-weight:500}.notification-time{color:#94a3b8;margin-top:.25rem;font-size:.75rem}.bp-batch-card{margin-bottom:1.5rem;border-top:4px solid var(--primary-500)!important}.bp-batch-card:hover{box-shadow:var(--shadow-md)!important;border-color:#e2e8f0!important;border-top-color:var(--primary-500)!important;transform:none!important}.bp-batch-card .bp-batch-kpis{background:0 0!important;border:none!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:1.25rem!important;margin-top:1rem!important;padding:0!important;display:grid!important}.bp-batch-card .bp-kpi{background:var(--surface-secondary)!important;text-align:left!important;transition:all var(--transition-fast)!important;border:1px solid #e2e8f0!important;border-radius:.75rem!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;padding:1rem 1.25rem!important;display:flex!important}.bp-batch-card .bp-kpi:hover{background:var(--primary-50)!important;border-color:var(--primary-200)!important}.bp-batch-card .bp-kpi-label{font-family:var(--font-display)!important;color:var(--neutral-500)!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:.25rem!important;font-size:.72rem!important;font-weight:700!important}.bp-batch-card .bp-kpi-value{font-family:var(--font-display)!important;color:var(--neutral-800)!important;font-size:1.35rem!important;font-weight:800!important}.bp-batch-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.bp-batch-identity{flex-direction:column;gap:.2rem;display:flex}.bp-batch-identity h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.bp-batch-kpis{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.75rem 1rem;display:flex}.bp-kpi{flex-direction:column;flex:1;align-items:center;gap:.1rem;min-width:70px;display:flex}.bp-kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.bp-kpi-value{color:#1e293b;font-size:1rem;font-weight:700}.bp-kpi-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:2rem}.bp-fixed-notice{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.65rem;align-items:center;gap:.5rem;margin:0;padding:.6rem .85rem;font-size:.78rem;display:flex}.bp-fixed-notice i{color:#94a3b8;flex-shrink:0;font-size:.75rem}.bp-empty-card{margin-bottom:1.25rem}.bp-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.bp-empty-icon{color:#cbd5e1;opacity:.6;font-size:2.5rem}.bp-empty h4{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.bp-empty p{color:#64748b;margin:0;font-size:.85rem}.bp-pen-list{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.bp-pen-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.bp-pen-name{color:#1e293b;font-size:.9rem;font-weight:600}.bp-pen-role{color:#94a3b8;margin-top:.1rem;font-size:.7rem}.bp-pen-current{flex-direction:column;align-items:center;gap:.1rem;min-width:60px;display:flex}.bp-pen-current-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:700}.bp-pen-current-value{color:#475569;font-size:1rem;font-weight:700}.bp-pen-input-wrap{flex-direction:column;align-items:center;gap:.1rem;min-width:80px;display:flex}.bp-pen-input-label{color:#16a34a;text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:700}.bp-pen-input-wrap .form-input{text-align:center;width:80px;padding:.45rem .5rem;font-size:.9rem;font-weight:600}.bp-pen-actions{justify-content:flex-end;padding-top:.25rem;display:flex}.bp-delete-warning{align-items:flex-start;gap:1rem;display:flex}.bp-delete-icon{color:#dc2626;background:#ef44441a;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.bp-delete-title{color:#0f172a;margin:0 0 .4rem;font-size:.95rem;font-weight:700}.bp-delete-subtitle{color:#64748b;margin:0;font-size:.85rem;line-height:1.5}.btn-outline-warning{color:#b45309;background:0 0;border:1.5px solid #d97706;font-weight:600}.btn-outline-warning:hover{color:#92400e;background:#d977060f;border-color:#b45309}.btn-outline-warning:focus-visible{outline:none;box-shadow:0 0 0 3px #d977062e}.btn-outline-warning:disabled{opacity:.55;cursor:not-allowed}.btn-neutral{color:#64748b;background:0 0;border:1.5px solid #e2e8f0;font-weight:500}.btn-neutral:hover{color:#475569;background:#f8fafc;border-color:#cbd5e1}.btn-neutral:focus-visible{outline:none;box-shadow:0 0 0 3px #94a3b833}@media (width<=640px){.bp-batch-kpis{gap:.5rem}.bp-kpi-divider{display:none}.bp-pen-row{grid-template-rows:auto auto;grid-template-columns:1fr auto}.bp-pen-current{grid-area:1/2}.bp-pen-input-wrap{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;min-width:0}.bp-pen-input-wrap .form-input{width:100px}}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.monitoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-insight-grid{grid-template-columns:1fr}.analytics-chart-header{flex-direction:column;align-items:flex-start}.analytics-chart-meta{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.log-summary-grid,.log-record-grid,.dashboard-grid{grid-template-columns:1fr}.task-board-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.dashboard-page .navbar-toggle{display:flex}.sidebar{z-index:1050;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 30px #0000001f}.sidebar-overlay{top:var(--dashboard-navbar-height,72px);-webkit-backdrop-filter:blur(2px);z-index:1040;opacity:0;visibility:hidden;pointer-events:none;background:#0f172a73;transition:opacity .3s,visibility .3s;position:fixed;bottom:0;left:0;right:0}.sidebar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.dashboard-main{margin-left:0}.dashboard-page .dashboard-header{flex-direction:column;align-items:stretch}.dashboard-page .dashboard-header .btn{align-self:flex-start}.overview-grid,.overview-top{grid-template-columns:1fr}.dashboard-page .navbar-actions{position:relative}.search-toggle-btn{display:inline-flex}.search-field-container{z-index:1200;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:8px;width:320px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)}.navbar-actions.search-open .search-field-container{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-field{background:#fff;border-color:#dbe3ee;width:100%;box-shadow:none!important}.search-results-dropdown{width:100%;max-width:none;position:relative;top:0;left:0;right:0;box-shadow:none!important}}@media (width<=768px){.dashboard-page .navbar-actions,.navbar-action-buttons{gap:.5rem}.navbar-action-btn{padding:0 .85rem;font-size:.85rem}.dashboard-main{padding:1.25rem}.dashboard-header>div,.dashboard-header p,.section-subtitle{overflow-wrap:anywhere;min-width:0}.section-status{white-space:normal;justify-content:flex-start;width:100%;margin-left:0}.today-section-header .section-status{border-top:1px solid #e2e8f0;border-left:0;align-items:flex-start;min-width:0;padding-top:.6rem;padding-left:0}.stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.monitoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-grid{grid-template-columns:1fr}.alert-item{flex-direction:column;align-items:flex-start}.monitoring-row{flex-direction:column;align-items:flex-start;gap:.4rem}.stat-card{padding:1rem}.dashboard-card{margin-bottom:1rem;padding:1.25rem}.overview-top{gap:1rem}.stage-bar{letter-spacing:.03em;text-align:center;white-space:normal;overflow-wrap:anywhere;height:auto;min-height:2.1rem;padding:.35rem .4rem;font-size:.58rem;line-height:1.2}.task-item{margin-bottom:.5rem;padding:.75rem}.task-board-grid{grid-template-columns:1fr;gap:1.25rem}.topbar-actions{justify-content:flex-end;align-items:center;width:100%}.task-guide-popover{width:min(360px,100vw - 2.5rem);left:auto;right:0}.task-row{grid-template-columns:1fr;align-items:flex-start;gap:.6rem}.task-row.task-row-header{display:none}.task-actions{justify-content:flex-start}.task-actions .btn{flex:140px}.task-cell-actions{align-items:flex-start}.task-actions .task-detail{text-align:left}.task-readability-modal .batch-modal-content{width:96vw}.task-readability-card{padding:.85rem}.task-readability-lead{font-size:.95rem}.task-readability-steps li{font-size:.86rem}.stage-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.stage-footer>div{width:100%}.stage-footer .progress-bar{max-width:100%;width:100%!important}.stage-footer .text-sm.font-semibold{text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%;line-height:1.4}.progress-card{padding:1.5rem}.progress-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-focus{width:100%}.progress-track-row{flex-direction:column;align-items:flex-start}.tasks-progress-card .progress-focus{white-space:normal;justify-content:flex-start;width:100%}.kpi-summary{gap:1rem;width:100%;padding:.75rem 1rem}.progress-stages{gap:.25rem}.stage-label{font-size:.75rem}.stage-day{font-size:.65rem}.sub-stage-indicator{margin-bottom:1rem;padding:.75rem}.sub-stage-track{flex-direction:column;align-items:flex-start;gap:.75rem}.sub-stage-track .progress-focus{white-space:normal;justify-content:flex-start;width:100%;margin-left:0}.sub-stage-dots{width:100%}.dashboard-card-header,.card-header,.analytics-card-header,.fsc-header{flex-direction:column;gap:.5rem;width:100%;display:flex;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.dashboard-card-header>div,.card-header>div,.analytics-card-header>div,.fsc-header>div,.dashboard-card-header h3,.dashboard-card-header h4,.dashboard-card-header h5,.dashboard-card-header p,.card-header h3,.card-header h4,.card-header h5,.card-header p,.card-subtitle{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.analytics-chart-card{padding:1rem}.analytics-chart-meta{grid-template-columns:1fr}}@media (width<=640px){.dashboard-page{--dashboard-navbar-height:68px}.dashboard-page .navbar-inner{gap:.5rem;padding:0 1rem}.dashboard-page .navbar-left{gap:.6rem;min-width:0}.dashboard-page .navbar-brand{font-size:1.1rem}.dashboard-page .navbar-brand .logo-icon{width:36px;height:36px}.dashboard-page .navbar-actions{gap:.4rem}.navbar-action-buttons{gap:.35rem}.navbar-action-btn{border-radius:.6rem;justify-content:center;align-items:center;gap:0;width:40px;height:40px;padding:0;font-size:0;line-height:0;display:inline-flex}.navbar-action-btn i{margin:0;font-size:.95rem;line-height:1;display:block}.icon-button{justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button i,.search-toggle-btn i{margin:0;line-height:1;display:block}.search-toggle-btn{width:40px;height:40px}.dashboard-main{padding:1rem}.dashboard-header h2{font-size:1.4rem}.stats-grid,.stat-card{gap:.75rem}.stat-content h4{font-size:1.25rem}.progress-card{margin-bottom:1.5rem;padding:1rem}.progress-header{flex-direction:column;gap:.75rem}.progress-title h3{font-size:1.1rem}.progress-title p{font-size:.8rem}.kpi-summary{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem}.kpi-item{flex-direction:row;justify-content:space-between;width:100%}.kpi-label{font-size:.7rem}.kpi-value{font-size:1.25rem}.kpi-divider{display:none}.progress-stages{flex-direction:column;gap:.75rem;margin-bottom:1rem}.stage{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.stage-dot{flex-shrink:0;width:28px;height:28px;margin-bottom:0;margin-right:.5rem}.stage-label{font-size:.8rem}.stage-day{font-size:.65rem}.stage-focus,.stage-connector{display:none}.sub-stage-indicator{margin-bottom:1rem;padding:.75rem}.sub-stage-track{flex-direction:column;align-items:flex-start;gap:.5rem}.sub-stage-label{gap:.2rem}.sub-stage-label .label-text{font-size:.65rem}.sub-stage-label .phase-info{font-size:.85rem}.sub-stage-dots{width:100%}.task-sections-container{gap:.75rem}.task-section-card{padding:1rem}.log-form{gap:.75rem}.btn-full{padding:.5rem 1rem}}@media (width<=480px){.dashboard-page .navbar-brand{gap:0;font-size:0}.dashboard-page .navbar-brand .logo-icon{width:34px;height:34px}.dashboard-page .navbar-actions,.navbar-action-buttons{gap:.25rem}.navbar-action-btn{border-radius:.5rem;gap:0;width:36px;height:36px;padding:0;font-size:0}.navbar-action-btn i{font-size:.85rem}.icon-button{width:36px;height:36px}.stage-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.stage-bar{min-height:2rem;padding:.3rem .35rem;font-size:.54rem}.stage-footer .text-sm{font-size:.78rem}.search-toggle-btn{width:36px;height:36px}}.db-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.db-empty-icon{color:#16a34a;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:1.25rem;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.5rem;font-size:2rem;display:flex}.db-empty-state h3{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.db-empty-state p{color:#64748b;max-width:380px;margin:0;font-size:.9rem;line-height:1.6}.db-kpi-card{transition:all var(--transition-base);background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;min-width:0;padding:.6rem .75rem;display:flex}.db-kpi-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex}.db-kpi-icon--blue{color:#2563eb;background:#2563eb1a}.db-kpi-icon--green{color:#16a34a;background:#16a34a1a}.db-kpi-icon--amber{color:#d97706;background:#f59e0b1a}.db-kpi-icon--red{color:#dc2626;background:#ef44441a}.db-kpi-icon--purple{color:#7c3aed;background:#7c3aed1a}.db-kpi-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.db-kpi-label{text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:600;overflow:hidden}.db-kpi-value{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;line-height:1.1;overflow:hidden}.db-kpi-unit{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.db-row-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-bottom:1rem;display:grid}.db-stage-card{padding:1.1rem 1.25rem}.db-stage-bar-wrap{margin:.85rem 0 .75rem}.db-stage-bar-track{border-radius:.6rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid;overflow:hidden}.db-stage-segment{text-align:center;color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9;padding:.4rem;font-size:.7rem;font-weight:600;transition:background .2s,color .2s;overflow:hidden}.db-stage-segment--done{color:#15803d;background:#dcfce7}.db-stage-segment--active{color:#fff;background:#16a34a}.db-stage-footer{flex-direction:column;gap:.75rem;display:flex}.db-stage-progress-wrap{align-items:center;gap:.75rem;display:flex}.db-stage-progress-wrap .progress-bar{flex:1}.db-stage-progress-label{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:600}.db-stage-focus{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.6rem;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.78rem;display:flex}.db-stage-focus i{color:#16a34a;flex-shrink:0}.db-tasks-card{padding:1.5rem}.db-task-list{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.db-task-row{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.75rem;padding:.7rem .85rem;transition:border-color .15s;display:flex}.db-task-row:hover{border-color:#cbd5e1}.db-task-row--done{opacity:.55}.db-task-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.db-task-dot--high{background:#ef4444}.db-task-dot--medium{background:#f59e0b}.db-task-dot--low{background:#3b82f6}.db-task-dot--done{background:#16a34a}.db-task-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.db-task-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.db-task-meta{color:#94a3b8;font-size:.75rem}.db-task-check{color:#16a34a;flex-shrink:0;font-size:.9rem}.db-task-more{color:#64748b;text-align:center;margin:.25rem 0 0;font-size:.8rem}.db-task-more a{color:#16a34a;font-weight:600;text-decoration:none}.db-task-more a:hover{text-decoration:underline}.db-row-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.db-projection-card{padding:1.1rem 1.25rem}.db-projection-body{flex-direction:column;gap:.75rem;margin-top:.4rem;display:flex}.db-projection-main{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.85rem;align-items:stretch;gap:0;display:flex;overflow:hidden}.db-proj-stat{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.65rem .5rem;display:flex}.db-proj-divider{background:#e2e8f0;flex-shrink:0;width:1px}.db-proj-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.72rem;font-weight:600}.db-proj-stat-value{color:#0f172a;font-size:1.2rem;font-weight:700;line-height:1}.db-proj-stat-unit{color:#94a3b8;font-size:.72rem}.db-projection-detail{flex-direction:column;gap:.6rem;display:flex}.db-proj-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.82rem;display:flex}.db-proj-row:last-child{border-bottom:none}.db-proj-row-label{color:#64748b;align-items:center;gap:.4rem;font-weight:500;display:flex}.db-proj-row-label i{color:#16a34a;font-size:.8rem}.db-proj-row-value{color:#0f172a;font-weight:700}.db-proj-progress-wrap{flex-direction:column;gap:.4rem;padding-top:.25rem;display:flex}.db-proj-progress-labels{color:#64748b;justify-content:space-between;font-size:.78rem;font-weight:500;display:flex}.db-alerts-card{padding:1.1rem 1.25rem}.db-alert-list{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.db-alert-row{background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;align-items:flex-start;gap:.6rem;padding:.55rem .75rem;display:flex}.db-alert-row--critical{background:#fff7f7;border-color:#ef444459}.db-alert-row--warning{background:#fffbeb;border-color:#f59e0b59}.db-alert-row--info{background:#eff6ff;border-color:#2563eb33}.db-alert-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.db-alert-title{color:#0f172a;font-size:.82rem;font-weight:600;line-height:1.35}.db-alert-action{color:#475569;font-size:.78rem;line-height:1.4}.db-alert-time{color:#94a3b8;font-size:.72rem}.progress-bar{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:999px;height:100%;transition:width .6s}.progress-bar-fill.green{background:linear-gradient(90deg,#16a34a,#22c55e)}@media (width<=1280px){.db-kpi-strip{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=1024px){.db-kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.db-kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.db-row-2,.db-row-3{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.db-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.db-kpi-value{font-size:.95rem}.db-stage-bar-track{grid-template-columns:repeat(5,minmax(0,1fr))}.db-stage-segment{padding:.38rem .2rem;font-size:.62rem}.db-projection-main{flex-direction:column}.db-proj-divider{width:100%;height:1px}}.navbar-notif-container{align-items:center;display:inline-flex}.navbar-notif-dropdown{background:var(--surface-primary);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);width:360px;box-shadow:var(--shadow-xl);z-index:1000;flex-direction:column;animation:.2s cubic-bezier(.4,0,.2,1) fadeInNotif;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes fadeInNotif{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{border-bottom:1px solid var(--neutral-200);background:var(--surface-secondary);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.notif-dropdown-header h4{color:var(--neutral-900);margin:0;font-size:14px;font-weight:700}.btn-text-action{color:var(--primary-600);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:2px 6px;font-size:12px;font-weight:600}.btn-text-action:hover{background:var(--primary-50);color:var(--primary-700)}.notif-dropdown-list{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.notif-dropdown-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.notif-dropdown-item{border-bottom:1px solid var(--neutral-100);transition:background var(--transition-fast);cursor:pointer;gap:10px;padding:.85rem 1rem;display:flex;position:relative}.notif-dropdown-item:hover{background:var(--neutral-50)}.notif-dropdown-item.unread{background:#22c55e08}.notif-dropdown-item.unread:hover{background:#22c55e0f}.notif-item-dot-wrap{align-items:flex-start;padding-top:4px;display:flex}.notif-item-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.notif-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-item-title{color:var(--neutral-800);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.unread .notif-item-title{color:var(--neutral-900);font-weight:700}.notif-item-message{color:var(--neutral-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item-time{color:var(--neutral-400);margin-top:2px;font-size:10px}.notif-item-actions{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;margin-left:6px;display:flex}.notif-dropdown-item:hover .notif-item-actions{opacity:1}.notif-action-btn{background:var(--surface-primary);border:1px solid var(--neutral-200);color:var(--neutral-500);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.notif-action-btn:hover{background:var(--neutral-100);color:var(--neutral-800);border-color:var(--neutral-300)}.notif-action-btn.check:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.notif-action-btn.delete:hover{color:var(--danger);background:#fef2f2;border-color:#fecaca}.notif-dropdown-footer{border-top:1px solid var(--neutral-200);background:var(--surface-secondary);text-align:center;justify-content:center;align-items:center;padding:.75rem 1rem;display:flex}.btn-text-link{color:var(--primary-600);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:13px;font-weight:600}.btn-text-link:hover{color:var(--primary-700);text-decoration:underline}@media (width<=480px){.navbar-notif-dropdown{top:var(--nav-height);width:auto;position:fixed;left:10px;right:10px}}.search-field-container{flex:280px;align-items:center;max-width:400px;display:flex;position:relative}.search-field-container.admin-search-container{flex:200px;max-width:300px}.admin-search-container .search-field{padding:.6rem 1rem}.search-results-dropdown{-webkit-backdrop-filter:blur(20px);z-index:1200;background:#fffffffa;border:1px solid #e2e8f0e6;border-radius:1rem;flex-direction:column;max-height:400px;animation:.2s cubic-bezier(.16,1,.3,1) searchSlideIn;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0d}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-results-scrollable{max-height:100%;padding:.5rem 0;overflow-y:auto}.search-no-results{text-align:center;padding:2.25rem 1.5rem}.search-category-group{border-bottom:1px solid #f1f5f9;margin-bottom:.5rem;padding-bottom:.5rem}.search-category-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.search-category-title{text-transform:uppercase;color:#94a3b8;letter-spacing:.06em;padding:.5rem 1.25rem .25rem;font-size:.72rem;font-weight:700}.search-result-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.85rem;padding:.65rem 1.25rem;transition:all .2s;display:flex}.search-result-item:hover,.search-result-item.active{background:#f0fdf4}.search-result-item.active{box-shadow:inset 3px 0 #16a34a}.search-item-icon{color:#64748b;background:#f8fafc;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.search-result-item:hover .search-item-icon,.search-result-item.active .search-item-icon{color:#16a34a;background:#fff}.search-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-item-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.search-result-item:hover .search-item-title,.search-result-item.active .search-item-title{color:#15803d}.search-item-meta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.search-item-badge{color:#64748b;text-transform:uppercase;letter-spacing:.02em;background:#f1f5f9;border-radius:9999px;flex-shrink:0;padding:2px 8px;font-size:.68rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:9999px;padding:2px 8px;font-size:.68rem;font-weight:700}.status-badge.badge-ready,.status-badge.status-active,.status-badge.user-status-active{color:#15803d;background:#16a34a1a}.status-badge.badge-draft,.status-badge.status-completed,.status-badge.user-status-disabled,.status-badge.user-status-archived{color:#475569;background:#94a3b826}.status-badge.user-status-locked{color:#d97706;background:#f59e0b1f}.status-badge.bug-status-resolved,.status-badge.bug-status-closed{color:#15803d;background:#16a34a1a}.status-badge.bug-status-open{color:#b91c1c;background:#ef44441a}.dashboard-card{transition:transform .2s,box-shadow .2s;border:1px solid #e2e8f0!important;box-shadow:0 4px 20px -2px #0000000d,0 2px 4px -1px #00000008!important}.dashboard-card:hover{box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000008!important}.db-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:1rem!important;margin-bottom:1.5rem!important;display:grid!important}.db-kpi-card{transition:all var(--transition-base)!important;border:1px solid #e2e8f0!important;border-radius:1rem!important;padding:.85rem 1rem!important;box-shadow:0 2px 4px #00000003!important}.db-kpi-card:hover{border-color:var(--primary-600)!important;box-shadow:var(--shadow-lg)!important}.db-sync-banner{border-radius:var(--radius-lg)!important;font-family:var(--font-sans)!important;align-items:center!important;gap:12px!important;margin-bottom:1.5rem!important;padding:12px 16px!important;display:flex!important}.db-sync-banner--offline{background-color:#fffbeb!important;border:1px solid #fef3c7!important}.db-sync-banner--syncing{background-color:#eff6ff!important;border:1px solid #dbeafe!important}.db-setup-banner{border:1px solid var(--warning)!important;border-radius:var(--radius-lg)!important;font-family:var(--font-sans)!important;background:#eab3080f!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;margin-bottom:1.5rem!important;padding:1rem 1.25rem!important;display:flex!important;box-shadow:0 2px 8px #eab3080d!important}.db-nutrition-offline{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:180px!important;padding:2.5rem 1.5rem!important;display:flex!important}.db-nutrition-body{flex-direction:column!important;gap:1.15rem!important;margin-top:.85rem!important;display:flex!important}.db-nutrition-formulation-row{border-radius:var(--radius-lg)!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;justify-content:space-between!important;padding:.65rem .85rem!important;display:flex!important}.db-nutrition-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important;display:grid!important}.db-nutrition-stat-card{border-radius:var(--radius-lg)!important;text-align:center!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:.65rem!important}.db-nutrition-ingredients{flex-direction:column!important;gap:.4rem!important;display:flex!important}.db-ingredient-pill{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:4px!important;gap:4px!important;padding:3px 8px!important;font-size:.75rem!important;display:inline-flex!important}.db-recommendation-box{border-radius:var(--radius-lg)!important;color:#b45309!important;background:#fffbeb!important;border:1px solid #fde68a!important;align-items:flex-start!important;gap:.5rem!important;padding:.65rem .8rem!important;display:flex!important}.db-card-empty-state{text-align:center!important;background:var(--surface-primary,#fff)!important;border:1px dashed var(--neutral-200,#e2e8f0)!important;border-radius:var(--radius-lg,.75rem)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.6rem!important;margin:.5rem 0!important;padding:2.5rem 1.5rem!important;display:flex!important}.db-card-empty-icon{background:var(--surface-secondary,#f8fafc)!important;width:44px!important;height:44px!important;color:var(--neutral-400,#94a3b8)!important;border:1px solid var(--neutral-200,#e2e8f0)!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;font-size:1.15rem!important;display:flex!important}.db-card-empty-state h5{color:var(--neutral-800,#1e293b)!important;margin:0!important;font-size:.875rem!important;font-weight:700!important}.db-card-empty-state p{color:var(--neutral-500,#64748b)!important;max-width:320px!important;margin:0!important;font-size:.78rem!important;line-height:1.4!important}.docs-shell{grid-template-columns:280px 1fr;gap:1.5rem;margin-top:1rem;display:grid}.docs-sidebar-container{flex-direction:column;gap:.5rem;display:flex}.docs-sidebar{flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.docs-sidebar-title{color:var(--neutral-500,#64748b);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.docs-sidebar-buttons{flex-direction:column;gap:.4rem;display:flex}.docs-content{min-height:400px;padding:2rem}.docs-content h3{color:var(--primary-700);margin:0 0 1.25rem;font-size:1.35rem;font-weight:700}.docs-content p{color:var(--neutral-700);margin-bottom:1.25rem;font-size:.95rem;line-height:1.7}.docs-content ol,.docs-content ul{margin-bottom:1.5rem}.docs-content li{margin-bottom:.5rem}.docs-link{color:var(--primary-700);transition:color var(--transition-fast,.15s ease);font-weight:600;text-decoration:underline}.docs-link:hover{color:var(--primary-500)}.docs-highlight-box{border-radius:var(--radius-lg);color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px #16a34a08,0 2px 4px -1px #16a34a05}.docs-warning-box{border-radius:var(--radius-lg);color:#92400e;background:#fffbeb;border:1px solid #fde68a;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px #f59e0b08,0 2px 4px -1px #f59e0b05}.docs-danger-box{border-radius:var(--radius-lg);color:#991b1b;background:#fef2f2;border:1px solid #fecaca;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px #ef444408,0 2px 4px -1px #ef444405}.docs-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem;margin-bottom:1.25rem;display:grid}.docs-metric-card{background:var(--surface-secondary,#f8fafc);border-radius:var(--radius-lg);border:1px solid var(--neutral-200,#e5e5e5);padding:1.25rem}.docs-metric-card strong{color:var(--primary-700);margin-bottom:.35rem;font-size:.95rem;font-weight:700;display:block}.docs-metric-card span{color:var(--neutral-600);font-size:.85rem;line-height:1.5;display:block}@media (width<=900px){.docs-shell{grid-template-columns:1fr;gap:1.25rem}.docs-sidebar-container{margin-bottom:.25rem}.docs-sidebar{padding:.75rem}.docs-sidebar-title{display:block}.docs-sidebar-buttons{flex-direction:column;gap:.4rem;display:flex}.docs-sidebar-buttons button{width:100%!important;padding:.75rem 1rem!important;font-size:.875rem!important}.docs-content{min-height:auto;padding:1.25rem}.docs-content h3{font-size:1.2rem}.docs-content p{font-size:.9rem}}.network-status-indicator{flex-shrink:0;align-items:center;gap:6px;margin-right:10px;display:flex}.network-status-indicator .badge-offline,.network-status-indicator .badge-syncing,.network-status-indicator .badge-online{color:#fff;box-sizing:border-box;border-radius:12px;align-items:center;gap:5px;height:28px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1;display:flex}.network-status-indicator .badge-offline{background:#f59e0b}.network-status-indicator .badge-syncing{background:#3b82f6}.network-status-indicator .badge-online{background:#10b981}.batch-switcher-container,.farm-switcher-container{align-items:center;display:flex}.batch-switcher-select,.farm-switcher-select{appearance:none;color:#475569;cursor:pointer;box-sizing:border-box;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") right 10px center/16px no-repeat;border:1px solid #e2e8f0;border-radius:.75rem;width:auto;min-width:160px;height:44px;margin:0;padding:6px 30px 6px 12px;font-size:13px;font-weight:600;transition:all .3s}.batch-switcher-select:hover:not(:disabled),.farm-switcher-select:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.batch-switcher-select:focus-visible,.farm-switcher-select:focus-visible{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a14}.batch-switcher-select:disabled,.farm-switcher-select:disabled{opacity:.6;cursor:not-allowed}@media (width<=880px){.brand-text{display:none!important}}@media (width<=640px){.network-text{display:none!important}.dashboard-page .navbar-left{align-items:center!important;gap:.5rem!important;height:100%!important;display:flex!important}.dashboard-page .navbar-brand{justify-content:center!important;align-self:center!important;align-items:center!important;height:40px!important;margin:0!important;padding:0!important;line-height:1!important;display:inline-flex!important}.dashboard-page .navbar-brand .logo-icon{box-sizing:border-box!important;border-radius:.6rem!important;flex-shrink:0!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:40px!important;height:40px!important;margin:0!important;display:inline-flex!important}.dashboard-page .navbar-brand .logo-icon svg{width:22px!important;height:22px!important;margin:auto!important;display:block!important}.network-status-indicator{gap:4px;margin-right:4px}.network-status-indicator .badge-offline,.network-status-indicator .badge-syncing,.network-status-indicator .badge-online{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0}.network-status-indicator .badge-offline i,.network-status-indicator .badge-syncing i,.network-status-indicator .badge-online i{margin:0;font-size:14px}.batch-switcher-select,.farm-switcher-select{background-position:right 6px center;background-size:12px;border-radius:.6rem;min-width:100px;max-width:120px;height:40px;padding:4px 22px 4px 8px;font-size:11px}.navbar-action-buttons{align-items:center}.dashboard-page .navbar-toggle{box-sizing:border-box!important;border-radius:.6rem!important;flex-shrink:0!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:40px!important;height:40px!important;margin:0!important;display:inline-flex!important}.search-field-container{width:280px!important}}@media (width<=480px){.dashboard-page .navbar-left{align-items:center!important;gap:.4rem!important;height:100%!important;display:flex!important}.dashboard-page .navbar-brand{gap:0;justify-content:center!important;align-self:center!important;align-items:center!important;height:32px!important;margin:0!important;padding:0!important;line-height:1!important;display:inline-flex!important}.dashboard-page .navbar-brand .logo-icon{border-radius:.5rem;width:32px;height:32px;box-sizing:border-box!important;justify-content:center!important;align-self:center!important;align-items:center!important;margin:0!important;display:inline-flex!important}.dashboard-page .navbar-brand .logo-icon svg{width:18px;height:18px;margin:auto;display:block}.dashboard-page .navbar-toggle{border-radius:.5rem;gap:3.5px;width:32px;height:32px;padding:0;box-sizing:border-box!important;justify-content:center!important;align-self:center!important;align-items:center!important;margin:0!important;display:inline-flex!important}.dashboard-page .navbar-toggle span{width:14px;height:2px}.network-status-indicator .badge-offline,.network-status-indicator .badge-syncing,.network-status-indicator .badge-online{width:32px;height:32px}.network-status-indicator .badge-offline i,.network-status-indicator .badge-syncing i,.network-status-indicator .badge-online i{font-size:11px}.batch-switcher-select,.farm-switcher-select{background-position:right 3px center;background-size:9px;border-radius:.5rem;min-width:80px;max-width:95px;height:32px;padding:4px 16px 4px 4px;font-size:10px}.navbar-action-btn{border-radius:.5rem!important;width:32px!important;height:32px!important}.navbar-action-btn i{font-size:.8rem!important}.icon-button{border-radius:.5rem!important;width:32px!important;height:32px!important}.icon-button i{font-size:.8rem!important}.search-toggle-btn{border-radius:.5rem!important;width:32px!important;height:32px!important}.search-toggle-btn i{font-size:.8rem!important}.navbar-actions.search-open .search-field-container{width:auto!important;position:fixed!important;top:68px!important;left:10px!important;right:10px!important}}.batches-loading{height:200px;color:var(--neutral-500);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.batches-tabs{font-family:var(--font-sans);gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--neutral-200)!important;flex-wrap:wrap!important;display:flex!important;overflow-x:visible!important}.batches-tab{color:var(--neutral-500);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;gap:8px;margin-bottom:-2px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;white-space:normal!important;flex-shrink:1!important;align-items:center!important;display:inline-flex!important}.batches-tab:hover{color:var(--neutral-800);background:var(--neutral-100)}.batches-tab.is-active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.empty-workflow-preview{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.5rem;margin-bottom:2rem;display:flex}.empty-workflow-step{text-align:center;flex-direction:column;align-items:center;gap:.4rem;max-width:130px;display:flex}.ewp-icon{background:var(--neutral-100);border:2px solid var(--neutral-200);width:48px;height:48px;color:var(--neutral-400);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.ewp-icon--active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.ewp-label{color:var(--neutral-700);font-size:.82rem;font-weight:700}.ewp-desc{color:var(--neutral-500);font-size:.75rem;line-height:1.4}.ewp-arrow{color:var(--neutral-300);flex-shrink:0;align-items:center;margin-top:14px;font-size:.8rem;display:flex}.lifecycle-wizard{border:1.5px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.lw-steps{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.lw-step{border-radius:var(--radius-lg);align-items:center;gap:.6rem;padding:.5rem .75rem;transition:background .2s;display:flex}.lw-step.is-done{background:var(--primary-50)}.lw-step.is-active{background:#f59e0b14}.lw-step.is-pending{opacity:.5}.lw-step-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.lw-step.is-done .lw-step-icon{background:var(--primary-500);color:#fff}.lw-step.is-active .lw-step-icon{color:#fff;background:#f59e0b}.lw-step.is-pending .lw-step-icon{background:var(--neutral-200);color:var(--neutral-500)}.lw-step-body{flex-direction:column;gap:1px;min-width:0;display:flex}.lw-step-title{color:var(--neutral-800);white-space:nowrap;font-size:.82rem;font-weight:700}.lw-step-desc{color:var(--neutral-500);font-size:.73rem}.lw-connector{background:var(--neutral-200);flex-shrink:0;width:20px;height:2px}.lw-actions{flex-shrink:0}.batch-status-panel{border-radius:var(--radius-xl);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.batch-status-panel--interrupted{background:#ef44440f;border:1.5px solid #ef44444d}.bsp-icon{flex-shrink:0;font-size:1.5rem}.batch-status-panel--interrupted .bsp-icon{color:#ef4444}.bsp-body{flex:1;min-width:0}.bsp-title{color:var(--neutral-800);margin-bottom:3px;font-size:.9rem;font-weight:700;display:block}.bsp-desc{color:var(--neutral-600);margin:0;font-size:.8rem;line-height:1.5}.bsp-action{flex-shrink:0}.batch-hero-card{padding:0;overflow:visible}.bhc-header{padding:1.5rem}.bhc-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.bhc-overline{color:var(--neutral-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.bhc-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:4px;display:flex}.bhc-name{color:var(--neutral-800);font-size:1.3rem;font-weight:700;font-family:var(--font-display);margin:0}.bhc-meta{color:var(--neutral-500);font-size:.8rem;display:block}.bhc-metrics{border-top:1px solid var(--neutral-100);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;padding-top:1rem;display:grid}.bhc-metric{background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--neutral-100);align-items:center;gap:.75rem;padding:.75rem;display:flex}.bhm-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.bhm-label{color:var(--neutral-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.65rem;font-weight:600;display:block}.bhm-value{color:var(--neutral-800);font-size:1.05rem;font-weight:700;display:block}.batch-actions-dropdown{background:var(--surface-primary);border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:999;min-width:210px;font-family:var(--font-sans);padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}@media (width<=640px){.batch-actions-dropdown{max-width:calc(100vw - 2rem);left:0;right:auto}}.bad-item{width:100%;color:var(--neutral-700);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:500;transition:background .15s;display:flex}.bad-item:hover{background:var(--neutral-50)}.bad-item--warn{color:#d97706}.bad-item--warn:hover{background:#f59e0b0f}.bad-item--success{color:#059669}.bad-item--success:hover{background:#10b9810f}.bad-item--primary{color:var(--primary-700)}.bad-item--primary:hover{background:var(--primary-50)}.bad-item--danger{color:#dc2626}.bad-item--danger:hover{background:#ef44440f}.bad-icon{flex-shrink:0;width:14px}.bad-divider{border-top:1px solid var(--neutral-100);align-items:center;gap:.5rem;margin-top:4px;padding:6px 14px 4px;display:flex}.bad-divider span{text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-400);white-space:nowrap;font-size:.65rem;font-weight:700}.bad-divider--danger span{color:#f87171}.pig-stats-bar{border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);font-family:var(--font-sans);background:#fff;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.psb-label{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex}.psb-stats{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.psb-stat{align-items:center;gap:.35rem;font-size:.85rem;display:flex}.psb-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.psb-dot--active{background:#16a34a}.psb-dot--sold{background:#3b82f6}.psb-dot--dead{background:#94a3b8}.psb-count{color:var(--neutral-800);font-weight:700}.psb-count--total{color:var(--neutral-700);font-weight:700}.psb-name{color:var(--neutral-500);font-size:.8rem}.psb-divider{background:var(--neutral-200);flex-shrink:0;width:1px;height:16px}.psb-link{color:var(--primary-600);white-space:nowrap;flex-shrink:0;align-items:center;gap:.3rem;margin-left:auto;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.psb-link:hover{color:var(--primary-700);text-decoration:underline}.pen-distribution-table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:.875rem}.pen-distribution-table thead tr{border-bottom:1px solid var(--neutral-200)}.pen-distribution-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--neutral-500);text-align:left;padding:.625rem .75rem;font-size:.75rem;font-weight:700}.pen-distribution-table tbody tr{border-bottom:1px solid var(--neutral-100);transition:background .15s}.pen-distribution-table tbody tr:hover{background:var(--surface-secondary)}.pen-distribution-table tbody tr:last-child{border-bottom:none}.pen-distribution-table td{vertical-align:middle;padding:.875rem .75rem}.pen-name{color:var(--neutral-800);font-weight:600}.pen-role-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}.pen-occupancy{align-items:center;gap:.5rem;display:flex}.pen-head-count{color:var(--neutral-700);min-width:50px;font-size:.82rem;font-weight:600}.pen-capacity-bar{background:var(--neutral-100);border-radius:999px;flex:1;min-width:60px;max-width:100px;height:6px;overflow:hidden}.pen-capacity-fill{opacity:.75;border-radius:999px;height:100%;transition:width .4s}.pen-pct{color:var(--neutral-500);text-align:right;min-width:28px;font-size:.72rem}.farm-summary-card{padding:1.25rem 1.5rem}.fsc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.fsc-title-row{align-items:center;gap:.75rem;display:flex}.fsc-icon{border-radius:var(--radius-lg);background:var(--primary-50);width:44px;height:44px;color:var(--primary-700);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.fsc-location{color:var(--neutral-500);align-items:center;gap:4px;margin-top:2px;font-size:.8rem;display:flex}.fsc-saved-badge{color:var(--primary-700);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.fsc-metrics{border-top:1px solid var(--neutral-100);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding-top:.75rem;display:grid}.fsc-metric{flex-direction:column;gap:2px;display:flex}.fsc-metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-400);font-size:.68rem;font-weight:700}.fsc-metric-value{color:var(--neutral-700);font-size:.9rem;font-weight:600}.pig-select-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.pig-select-all-toggle{color:var(--primary-700);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.pig-select-list{border:1.5px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--surface-primary);flex-direction:column;gap:2px;max-height:220px;padding:.5rem;display:flex;overflow-y:auto}.pig-select-row{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:6px 8px;font-size:.84rem;transition:background .15s;display:flex}.pig-select-row:hover{background:var(--primary-50)}.pig-select-tag{color:var(--neutral-800);flex-shrink:0}.pig-select-breed{color:var(--neutral-500);flex:1;min-width:0;font-size:.8rem}.pig-select-weight{color:var(--neutral-400);flex-shrink:0;font-size:.78rem}.pig-select-empty{color:var(--neutral-500);padding:.5rem 0;font-size:.85rem;font-style:italic}.pig-select-count{color:var(--neutral-600);align-items:center;gap:.3rem;margin-top:.35rem;font-size:.8rem;display:flex}.status-pill.status-critical{color:#dc2626;background:#ef44441a}.status-pill.status-info{color:#2563eb;background:#3b82f61a}@media (width<=640px){.lifecycle-wizard{flex-direction:column;align-items:flex-start;padding:1rem}.lw-steps{gap:.25rem}.lw-step{padding:.35rem .5rem}.lw-connector{width:10px}.bhc-metrics{grid-template-columns:1fr 1fr}.pig-stats-bar{gap:.5rem}.psb-link{margin-top:.25rem;margin-left:0}.batch-status-panel{flex-direction:column;align-items:flex-start}.bsp-action{justify-content:center;width:100%}.empty-workflow-preview{gap:.25rem}.ewp-arrow{margin-top:8px}.fsc-metrics{grid-template-columns:1fr 1fr}}@media (width<=960px) and (height<=480px){.navbar-actions{position:relative}.search-field-container{z-index:1300!important;width:100%!important;min-width:0!important;position:absolute!important;top:calc(100% + 22px)!important;left:0!important;right:auto!important}.search-field{box-sizing:border-box!important;width:100%!important}.search-results-dropdown{width:100%!important;max-height:calc(100vh - var(--dashboard-navbar-height) - 60px)!important;position:relative!important;top:0!important;left:0!important;right:0!important;overflow-y:auto!important}}.responsive-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;margin-bottom:1.25rem;display:flex!important}.filter-groups-container{flex-wrap:wrap;flex:2 auto;align-items:center;gap:1rem;min-width:0;display:flex}.filter-group{align-items:center;gap:.75rem;min-width:0;display:flex}.filter-group-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:700}.filter-chips{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.filter-chip{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;outline:none;justify-content:center;align-items:center;height:32px;padding:0 14px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.filter-chip:hover:not(:disabled){color:#475569;background:#f8fafc;border-color:#cbd5e1}.filter-chip.is-active{color:#15803d;background:#f0fdf4;border-color:#16a34a}.filter-chip.is-active.chip-critical{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.filter-chip.is-active.chip-warning{color:#b45309;background:#fffbeb;border-color:#fcd34d}.filter-group-separator{background-color:#cbd5e1;align-self:center;width:1px;height:18px}@media (width<=768px){.alerts-filter-bar,.notifications-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:.6rem!important}.alerts-filter-bar .search-field,.notifications-filter-bar .search-field,.alerts-filter-row,.notifications-filter-row{flex:auto!important;width:100%!important;min-width:0!important}.filter-groups-container{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;width:100%!important}.filter-group{flex-direction:column!important;align-items:flex-start!important;gap:.375rem!important;width:100%!important}.filter-chips{box-sizing:border-box!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.filter-chips::-webkit-scrollbar{display:none}.filter-chip,.filter-chips>*,.filter-chips button{white-space:nowrap!important;box-sizing:border-box!important;flex:none!important;width:auto!important;height:30px!important;padding:0 12px!important;font-size:11.5px!important}.filter-group-separator{display:none!important}.interactive-notif-card{flex-wrap:wrap!important;gap:12px!important;padding:1rem!important}.notif-card-actions{border-top:1px solid #f1f5f9!important;justify-content:flex-end!important;width:100%!important;margin-top:2px!important;padding-top:8px!important}}@media (width<=640px){.responsive-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.responsive-filter-bar>.search-field,.responsive-filter-bar>.select-wrapper,.responsive-filter-bar>select,.responsive-filter-bar>.filter-dropdown{box-sizing:border-box!important;flex:auto!important;width:100%!important;min-width:0!important}.responsive-filter-bar .search-field{width:100%!important;min-width:0!important}.responsive-filter-bar .select-wrapper,.responsive-filter-bar select,.responsive-filter-bar .filter-dropdown{width:100%!important;min-width:0!important;height:38px!important}.responsive-filter-bar>button{justify-content:center!important;width:100%!important;height:38px!important}.alerts-filter-bar,.notifications-filter-bar{gap:.6rem!important}.alerts-filter-row,.notifications-filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;display:flex!important;overflow:auto hidden!important}.alerts-filter-row::-webkit-scrollbar{display:none}.notifications-filter-row::-webkit-scrollbar{display:none}.alerts-filter-row>*,.notifications-filter-row>*,.filter-chips>*{flex:none!important;width:auto!important}.alerts-filter-row button,.notifications-filter-row button,.filter-chips button,.filter-chip{white-space:nowrap!important;width:auto!important;height:30px!important;padding:0 12px!important;font-size:11.5px!important}.alerts-filter-row>span,.notifications-filter-row>span{white-space:nowrap!important;margin-left:8px!important;padding-left:8px!important;font-size:10px!important}}@media (width<=576px){.monitoring-metrics{grid-template-columns:1fr!important}.db-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.db-kpi-card{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;padding:.75rem .5rem!important}.db-kpi-body{text-align:left!important;align-items:flex-start!important}}@media (width<=380px){.db-kpi-strip{grid-template-columns:1fr!important}}.notif-message-text{color:var(--color-text-muted);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;display:-webkit-box;overflow:hidden;white-space:normal!important}@media (width<=576px){.interactive-alert-card{flex-direction:row!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:8px 12px!important;display:grid!important}.interactive-alert-card>i{grid-area:1/1!important;margin-top:2px!important}.interactive-alert-card>div{grid-area:1/2!important;min-width:0!important}.interactive-alert-card button{grid-area:2/2!important;align-self:flex-start!important;width:auto!important;margin-top:4px!important}.interactive-notif-card{flex-direction:row!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:8px 12px!important;display:grid!important}.interactive-notif-card>div:first-child{grid-area:1/1!important;margin-top:5px!important}.interactive-notif-card>div:nth-child(2){grid-area:1/2!important;min-width:0!important}.interactive-notif-card>div:last-child{grid-area:2/2!important;justify-content:flex-start!important;align-self:flex-start!important;margin-top:4px!important}}.logging-wizard{width:100%;max-width:940px;margin:0 auto}.wizard-progress{align-items:center;gap:0;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.wizard-progress-step{color:var(--neutral-400);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:600;transition:color .3s;display:flex}.wizard-progress-step.active,.wizard-progress-step.completed{color:var(--primary-600)}.wizard-progress-step-num{background:var(--neutral-100);width:28px;height:28px;color:var(--neutral-400);border:2px solid var(--neutral-200);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex}.wizard-progress-step.active .wizard-progress-step-num{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-400);box-shadow:0 0 0 3px #16a34a1f}.wizard-progress-step.completed .wizard-progress-step-num{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.wizard-progress-connector{background:var(--neutral-200);border-radius:1px;flex:1;min-width:16px;height:2px;margin:0 6px;transition:background .3s}.wizard-progress-connector.completed{background:var(--primary-400)}.wizard-type-picker{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=600px){.wizard-type-picker{grid-template-columns:1fr}}.wizard-type-card{background:var(--card-bg);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:1.5rem 1.25rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.wizard-type-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000,#0000);transition:opacity .2s;position:absolute;inset:0}.wizard-type-card:hover{border-color:var(--primary-600);box-shadow:var(--shadow-lg)}.wizard-type-card:active{box-shadow:var(--shadow-md)}.wizard-type-card.feed-card{border-color:#3b82f633}.wizard-type-card.feed-card:hover{border-color:var(--primary-600);box-shadow:var(--shadow-lg)}.wizard-type-card.feed-card:hover:before{opacity:1;background:linear-gradient(135deg,#16a34a0a,#0000)}.wizard-type-card.weight-card{border-color:#a855f733}.wizard-type-card.weight-card:hover{border-color:var(--primary-600);box-shadow:var(--shadow-lg)}.wizard-type-card.weight-card:hover:before{opacity:1;background:linear-gradient(135deg,#16a34a0a,#0000)}.wizard-type-card.mortality-card{border-color:#ef444426}.wizard-type-card.mortality-card:hover{border-color:var(--primary-600);box-shadow:var(--shadow-lg)}.wizard-type-card.mortality-card:hover:before{opacity:1;background:linear-gradient(135deg,#16a34a0a,#0000)}.wizard-type-card.deworming-card{border-color:#d9770633}.wizard-type-card.deworming-card:hover{border-color:var(--primary-600);box-shadow:var(--shadow-lg)}.wizard-type-card.deworming-card:hover:before{opacity:1;background:linear-gradient(135deg,#16a34a0a,#0000)}.wizard-type-card.vaccination-card{border-color:#2563eb33}.wizard-type-card.vaccination-card:hover{border-color:var(--primary-600);box-shadow:var(--shadow-lg)}.wizard-type-card.vaccination-card:hover:before{opacity:1;background:linear-gradient(135deg,#16a34a0a,#0000)}.wizard-type-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .75rem;font-size:1.5rem;transition:transform .25s ease-out;display:flex}.wizard-type-card:hover .wizard-type-icon{transform:translateY(-2px)scale(1.06)}.wizard-type-card h5{margin:0 0 4px;font-size:15px;font-weight:700}.wizard-type-card p{color:var(--neutral-500);margin:0;font-size:12px;line-height:1.4}.wizard-step-card{background:var(--card-bg);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);flex-direction:column;padding:1.75rem;display:flex;box-shadow:0 4px 16px #0000000a}.wizard-step-card.wizard-form-step-card{min-height:620px}.wizard-step-header{border-bottom:1px solid var(--neutral-200);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.wizard-step-header-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.wizard-step-header h4{color:var(--neutral-800);margin:0;font-size:16px;font-weight:700}.wizard-step-header p{color:var(--neutral-500);margin:2px 0 0;font-size:12.5px}.wizard-form-section{flex-direction:column;flex:1;gap:1rem;display:flex}.wizard-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=500px){.wizard-form-row{grid-template-columns:1fr}}.wizard-pen-grid{flex-direction:column;gap:.5rem;display:flex}.wizard-pen-row{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);grid-template-columns:1fr 140px 56px;align-items:center;gap:.5rem;padding:.625rem .75rem;transition:border-color .2s;display:grid}.wizard-pen-row:focus-within{border-color:var(--primary-400);background:#fff}.wizard-pen-row-label{color:var(--neutral-700);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.wizard-pen-row-label i{color:var(--neutral-400);font-size:13px}.wizard-pen-input{border:1px solid var(--neutral-300);border-radius:var(--radius-sm);text-align:right;box-sizing:border-box;background:#fff;width:100%;padding:8px 10px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.wizard-pen-input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #16a34a1a}.wizard-pen-input::placeholder{color:var(--neutral-300);font-weight:400}.wizard-actions{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}@media (width<=768px){.wizard-step-card.wizard-form-step-card{min-height:0}}.wizard-btn-primary{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.wizard-btn-primary.feed-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.wizard-btn-primary.feed-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.wizard-btn-primary.weight-btn{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 14px #a855f74d}.wizard-btn-primary.weight-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #a855f766}.wizard-btn-primary.mortality-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.wizard-btn-primary.mortality-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.wizard-btn-primary.deworming-btn{color:#fff;background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 14px #d977064d}.wizard-btn-primary.deworming-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #d9770666}.wizard-btn-primary.vaccination-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb4d}.wizard-btn-primary.vaccination-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.wizard-btn-primary.success-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;box-shadow:0 4px 14px #16a34a4d}.wizard-btn-primary.success-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #16a34a66}.wizard-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.wizard-btn-secondary{background:var(--neutral-50);color:var(--neutral-600);border:1px solid var(--neutral-300);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.wizard-btn-secondary:hover{background:var(--neutral-100);border-color:var(--neutral-400)}.wizard-btn-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.wizard-confirm-summary{background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.wizard-confirm-row{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.wizard-confirm-row .label{color:var(--neutral-500);font-weight:500}.wizard-confirm-row .value{color:var(--neutral-800);font-weight:700}.wizard-confirm-divider{background:var(--neutral-200);height:1px}.wizard-success-card{text-align:center;padding:2rem 1.75rem}.wizard-success-icon{width:72px;height:72px;color:var(--primary-600);background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) wizard-success-pop;display:flex;box-shadow:0 0 24px #22c55e26}@keyframes wizard-success-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.wizard-success-card h3{color:var(--neutral-800);margin:0 0 .5rem;font-size:1.4rem;font-weight:800}.wizard-success-card .card-subtitle{margin-bottom:1.5rem;font-size:14px}.wizard-success-stats{background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:grid}.wizard-success-stat{text-align:center}.wizard-success-stat .stat-label{color:var(--neutral-500);text-transform:uppercase;font-size:11px;font-weight:600;display:block}.wizard-success-stat .stat-value{color:var(--primary-600);font-size:1.25rem;font-weight:700}.wizard-bias-tip{border-radius:var(--radius-md);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;align-items:flex-start;gap:10px;margin-bottom:1rem;padding:.75rem 1rem;animation:.4s wizard-tip-fade;display:flex}@keyframes wizard-tip-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wizard-bias-tip-icon{color:#d97706;background:#f59e0b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:13px;display:flex}.wizard-bias-tip-content{flex:1}.wizard-bias-tip-content strong{color:#b45309;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.wizard-bias-tip-content p{color:#92400e;margin:0;font-size:12px;line-height:1.45}.wizard-sample-chips{background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200);flex-wrap:wrap;gap:.4rem;max-height:120px;padding:.5rem;display:flex;overflow-y:auto}.wizard-sample-chip{border:1px solid var(--neutral-300);color:var(--neutral-700);background:#fff;border-radius:16px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.wizard-sample-chip button{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;font-size:10px;display:flex}.wizard-stats-grid{justify-content:center;gap:1rem;margin:.5rem 0;display:flex}.wizard-stat-box{text-align:center;background:#fff;border-radius:8px;flex:1;padding:.5rem;box-shadow:0 2px 4px #00000005}.wizard-stat-box .stat-label{color:var(--neutral-400);font-size:11px}.wizard-stat-box .stat-value{color:var(--neutral-800);font-size:1.25rem;font-weight:700}.wizard-stat-box .stat-value.primary{color:var(--primary-600)}.wizard-pen-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:14px 16px;transition:all .2s ease-in-out;box-shadow:0 1px 3px #00000005}.wizard-pen-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.wizard-pen-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.wizard-pen-card-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wizard-pen-card-title{color:#0f172a;font-size:14px;font-weight:800}.wizard-pen-card-meta{color:#64748b;font-size:11.5px;font-weight:600}.wizard-pen-card-inputs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:flex-end;gap:12px;display:grid}.wizard-pen-label{color:#475569;margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.dashboard-page .wizard-pen-select,.wizard-pen-card .wizard-pen-select{box-sizing:border-box!important;background-color:#fff!important;border-radius:8px!important;width:100%!important;height:38px!important;min-height:38px!important;padding:6px 10px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important}.wizard-pen-field-qty-container{flex-direction:column;display:flex}.wizard-pen-field-qty-wrapper{align-items:center;gap:6px;width:100%;display:flex}.dashboard-page .wizard-pen-field-qty-input,.wizard-pen-card .wizard-pen-field-qty-input{text-align:right!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;width:100%!important;height:38px!important;min-height:38px!important;padding:6px 10px!important;font-size:13.5px!important;font-weight:700!important;line-height:1.3!important}.wizard-pen-qty-unit{color:#64748b;flex-shrink:0;font-size:12.5px;font-weight:700}@media (width<=576px){.wizard-pen-card{border-radius:10px;padding:12px}.wizard-pen-card-inputs{grid-template-columns:1fr;gap:10px}.wizard-pen-field-qty-container{background:0 0;border:none;grid-column:span 1;margin-top:0;padding:0}.wizard-pen-field-qty-container .wizard-pen-label{color:#475569;margin-bottom:4px;font-size:11.5px}.wizard-pen-field-qty-wrapper{gap:6px}.dashboard-page .wizard-pen-field-qty-input,.wizard-pen-card .wizard-pen-field-qty-input{background:#fff!important;height:38px!important;padding:6px 10px!important;font-size:13.5px!important}.wizard-pen-qty-unit{color:#64748b;background:0 0;border-radius:0;padding:0;font-size:12.5px}}@media (width<=768px){.search-field,.search-field:focus-within,.search-field-container,.search-results-dropdown,.production-logs-filter-bar .search-field,.notifications-filter-bar .search-field,.alerts-filter-bar .search-field,.responsive-filter-bar .search-field{box-shadow:none!important;filter:none!important}}.dashboard-card{transition:opacity .15s ease-in-out, box-shadow var(--transition-base), border-color var(--transition-base);box-shadow:var(--shadow-md);background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:2rem}.dashboard-card:hover{box-shadow:var(--shadow-lg);border-color:#0000}.dashboard-card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dashboard-card-header h4{color:#1e293b;margin:0;font-size:1.125rem;font-weight:600}.dashboard-card-body{color:#475569;font-size:.938rem;line-height:1.6}.dashboard-card-footer{color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:1rem;padding-top:1rem;font-size:.85rem}.dashboard-card[data-expandable=true]{cursor:pointer}.dashboard-card.expanded{grid-column:1/-1}.stat-card{transition:all var(--transition-base);background:#fff;border:1px solid #e2e8f0;border-radius:1rem;align-items:center;gap:1rem;padding:1.5rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-600)}.stat-icon{background:var(--primary-50);width:3rem;height:3rem;color:var(--primary-600);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-content{flex:1}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.85rem}.stat-value{color:#1e293b;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;line-height:1}.stat-trend{color:#22c55e;font-size:.85rem;font-weight:500}.stat-trend.negative{color:#ef4444}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.card-grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.card-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}@media (width<=768px){.dashboard-card,.stat-card{padding:1rem}.card-grid,.card-grid-2,.card-grid-4{grid-template-columns:1fr}.dashboard-card.expanded{grid-column:1}.dashboard-card-header{text-align:left;flex-direction:column;align-items:flex-start}}@media (width<=480px){.stat-card{text-align:left;flex-direction:column;align-items:flex-start}}.dashboard-page .form-group{margin-bottom:1.5rem}.dashboard-page .form-label{color:#1e293b;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.dashboard-page .form-label.required:after{content:" *";color:#ef4444}.dashboard-page .form-input{color:#1e293b;width:100%;transition:all var(--transition-base);background:#fff;border:1.5px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.938rem}.dashboard-page .form-input:focus{border-color:var(--primary-600);background:#fff;outline:none;box-shadow:0 0 0 3px #16a34a1f}.dashboard-page .form-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.dashboard-page .form-input::placeholder{color:#cbd5e1}.dashboard-page .form-input-wrapper{align-items:center;display:flex;position:relative}.dashboard-page .form-input-wrapper .form-input{padding-right:2.75rem}.dashboard-page .form-input-icon{color:#94a3b8;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;right:1rem}.dashboard-page .form-input-icon:hover{color:#64748b}.dashboard-page .form-textarea{color:#1e293b;width:100%;transition:all var(--transition-base);resize:vertical;background:#fff;border:1.5px solid #e2e8f0;border-radius:.75rem;min-height:120px;padding:.75rem 1rem;font-family:inherit;font-size:.938rem}.dashboard-page .form-textarea:focus{border-color:var(--primary-600);outline:none;box-shadow:0 0 0 3px #16a34a1f}.dashboard-page .form-select{color:#1e293b;width:100%;transition:all var(--transition-base);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;font-size:.938rem}.dashboard-page .form-select:focus{border-color:var(--primary-600);outline:none;box-shadow:0 0 0 3px #16a34a1f}.dashboard-page .select-wrapper{display:block;position:relative}.dashboard-page .select-wrapper .form-select{appearance:none;background-image:none;width:100%;padding-right:2.5rem}.dashboard-page .select-wrapper:after{content:"";pointer-events:none;border-bottom:2px solid #737373;border-right:2px solid #737373;width:10px;height:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:1rem;transform:translateY(-65%)rotate(45deg)}.dashboard-page .select-wrapper.is-open:after{transform:translateY(-25%)rotate(-135deg)}.dashboard-page .form-input.error,.dashboard-page .form-textarea.error{border-color:#ef4444}.dashboard-page .form-input.error:focus,.dashboard-page .form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.dashboard-page .form-error{color:#ef4444;min-height:1.25rem;margin-top:.25rem;font-size:.85rem;display:block}.dashboard-page .form-error.hidden{display:none}.dashboard-page .form-alert{border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:none}.dashboard-page .form-alert.is-error{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2;display:flex}.dashboard-page .form-alert.is-success{color:#166534;background:#f0fdf4;border:1px solid #dcfce7;display:flex}.dashboard-page .form-alert.is-warning{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;display:flex}.dashboard-page .form-alert i{flex-shrink:0;font-size:1.25rem}.dashboard-page .password-strength{gap:.5rem;margin-top:.5rem;display:flex}.dashboard-page .strength-bar{height:4px;transition:background-color var(--transition-base);background:#e2e8f0;border-radius:2px;flex:1}.dashboard-page .strength-bar.filled{background:#ef4444}.dashboard-page .strength-bar.strength-1{background:#fca5a5}.dashboard-page .strength-bar.strength-2{background:#fcbf49}.dashboard-page .strength-bar.strength-3{background:#fbbf24}.dashboard-page .strength-bar.strength-4{background:#22c55e}.dashboard-page .strength-text{color:#64748b;margin-top:.5rem;font-size:.8rem;display:block}.dashboard-page .form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-page .form-row.full{grid-template-columns:1fr}.dashboard-page .form-row-3{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (width<=768px){.dashboard-page .form-row,.dashboard-page .form-row-3{grid-template-columns:1fr}}.dashboard-page .form-divider{align-items:center;gap:1rem;margin:2rem 0;display:flex}.dashboard-page .form-divider:before,.dashboard-page .form-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.dashboard-page .form-divider-text{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}#app-toast-container{z-index:10000;font-family:var(--font-sans);pointer-events:none;flex-direction:column;gap:.875rem;width:min(440px,100vw - 2rem);display:flex;position:fixed;top:24px;right:24px}.toast{--toast-theme:var(--primary-600);--toast-theme-bg:var(--primary-50);width:100%;box-shadow:var(--shadow-xl);animation:toastSlideIn var(--transition-spring) forwards;pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.toast:hover{transform:translateY(-2px);box-shadow:0 20px 35px -8px #0f172a1f,0 6px 16px -3px #0f172a0a;border-color:var(--toast-theme)!important}.toast.closing{animation:.24s cubic-bezier(.4,0,.2,1) forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.9)}}.toast.toast-success{--toast-theme:#10b981;--toast-theme-bg:#ecfdf5}.toast.toast-error{--toast-theme:#ef4444;--toast-theme-bg:#fef2f2}.toast.toast-info{--toast-theme:#3b82f6;--toast-theme-bg:#eff6ff}.toast.toast-warning{--toast-theme:#f59e0b;--toast-theme-bg:#fffbeb}.toast-content{flex:1;align-items:flex-start;gap:1rem;min-width:0;display:flex}.toast-icon{background:var(--toast-theme-bg);width:42px;height:42px;color:var(--toast-theme);border:1px solid #0f172a08;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.toast-icon-svg{width:22px;height:22px;display:block}.toast-details{flex-direction:column;flex:1;min-width:0;display:flex}.toast-title{font-family:var(--font-display,var(--font-sans));color:#1e293b;margin-bottom:.25rem;font-size:.95rem;font-weight:700;line-height:1.35}.toast-message,.toast-message-text{color:#64748b;word-wrap:break-word;overflow-wrap:break-word;font-size:.875rem;font-weight:500;line-height:1.45}.toast-message-single{color:#1e293b;word-wrap:break-word;overflow-wrap:break-word;margin-top:8px;font-size:.925rem;font-weight:600;line-height:1.45}.toast-actions-wrapper{flex-shrink:0;align-items:center;gap:.5rem;margin-top:2px;display:flex}.toast-action{cursor:pointer;white-space:nowrap;background:var(--toast-theme-bg);color:var(--toast-theme);border:1px solid #0000;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:all .2s}.toast-action:hover{background:var(--toast-theme);color:#fff}.toast-action-arrow{justify-content:center;align-items:center;padding:.25rem .5rem;font-size:1.25rem;display:inline-flex}.toast-action:active{transform:scale(.95)}.toast-close{color:#94a3b8;cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.toast-close:hover{opacity:1;color:#1e293b;background:#f1f5f9;transform:scale(1.08)}.toast-close-svg{width:14px;height:14px;display:block}@media (width<=480px){#app-toast-container{width:auto;top:16px;left:16px;right:16px}.toast{border-radius:.75rem;gap:.875rem;padding:.95rem 1rem}.toast-icon{border-radius:.5rem;width:36px;height:36px}.toast-icon-svg{width:18px;height:18px}.toast-title{font-size:.9rem}.toast-message,.toast-message-text{font-size:.8rem}.toast-message-single{margin-top:6px;font-size:.875rem}.toast-close{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast.closing{opacity:0;animation:none}}.error-page-container{min-height:100vh;padding:var(--space-xl);background:var(--surface-secondary);font-family:var(--font-sans);justify-content:center;align-items:center;display:flex;position:relative}.error-page-container:before{content:"";background:var(--gradient-mesh);opacity:.4;z-index:1;pointer-events:none;position:absolute;inset:0}.error-page-container .dashboard-card{z-index:2;text-align:center;width:100%;max-width:540px;margin-bottom:0;padding:3rem 2rem;position:relative}.error-icon-wrapper-simple{border-radius:var(--radius-xl);width:80px;height:80px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:inline-flex}.error-icon-wrapper-simple i{font-size:2.25rem}.error-code-simple{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:5.5rem;font-weight:800;line-height:1.1}.error-title-simple{font-family:var(--font-display);color:var(--neutral-900);margin-top:var(--space-xs);margin-bottom:var(--space-sm);letter-spacing:-.01em;font-size:1.65rem;font-weight:700}.error-description-simple{color:var(--neutral-600);margin-bottom:var(--space-xl);max-width:440px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.5}.error-details-simple{margin-bottom:var(--space-lg);text-align:left;border-radius:var(--radius-md);background:var(--neutral-50);border:1px solid var(--neutral-200);overflow:hidden}.error-details-summary-simple{padding:var(--space-sm) var(--space-md);color:var(--neutral-700);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--neutral-100);border-bottom:1px solid var(--neutral-200);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.error-details-summary-simple i{font-size:.75rem;transition:transform .2s}details[open] .error-details-summary-simple i{transform:rotate(90deg)}.error-details-content-simple{padding:var(--space-md);font-family:var(--font-mono);color:var(--neutral-800);white-space:pre-wrap;word-break:break-all;background:#fff;max-height:150px;font-size:.8rem;overflow-y:auto}.error-actions-simple{gap:var(--space-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.theme-danger .error-icon-wrapper-simple{color:var(--danger);background:#fef2f2;border:1px solid #fee2e2}.theme-danger .error-code-simple{color:var(--danger)}.theme-warning .error-icon-wrapper-simple{color:var(--accent-500);background:#fffbeb;border:1px solid #fef3c7}.theme-warning .error-code-simple{color:var(--accent-600)}.theme-info .error-icon-wrapper-simple{background:var(--primary-50);color:var(--primary-600);border:1px solid var(--primary-100)}.theme-info .error-code-simple{color:var(--primary-600)}@media (width<=480px){.error-page-container .dashboard-card{padding:var(--space-lg) var(--space-md)}.error-code-simple{font-size:4.5rem}.error-title-simple{font-size:1.4rem}.error-page-container .dashboard-card .btn{width:100%}}.batch-modal{z-index:2000;display:none;position:fixed;inset:0}.batch-modal.active{justify-content:center;align-items:center;display:flex}.batch-modal.active .batch-modal-overlay{animation:.2s ease-out forwards fadeIn}.batch-modal-overlay{z-index:0;will-change:opacity;background:#0f172aa6;position:absolute;inset:0}.batch-modal-content{z-index:1;will-change:transform, opacity;backface-visibility:hidden;background:#fff;border:1px solid #dbe4ee;border-radius:16px;flex-direction:column;width:min(92vw,760px);max-width:760px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a26}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}.batch-modal-header{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.batch-modal-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.batch-modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.batch-modal-close:hover{color:#1a1a1a;background:#f5f5f5}.batch-modal-body{flex-direction:column;flex:1;min-height:0;padding:20px 24px;display:flex}.batch-modal-footer{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.farm-setup-modal .batch-modal-content{width:min(92vw,560px);max-width:560px}.setup-complete-modal .batch-modal-content{max-width:560px}.farm-setup-message{align-items:flex-start;gap:16px;display:flex}.farm-setup-icon{color:#16a34a;background:#16a34a1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.farm-setup-title{color:#1a1a1a;margin:0 0 6px;font-size:16px;font-weight:600}.farm-setup-subtitle{color:#64748b;margin:0;font-size:14px}.batch-form{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.modal-fields{flex-direction:column;gap:14px;min-height:0;padding:20px 24px 10px;display:flex;overflow-y:auto}.batch-modal-intro{background:#f8fafc;border:1px solid #dbe4ee;border-radius:.85rem;padding:.7rem .8rem}.batch-modal-kicker{color:#16a34a;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.72rem;font-weight:700}.batch-modal-copy{color:#64748b;margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;margin-bottom:12px;padding:.9rem .9rem .4rem}.form-section:last-of-type{margin-bottom:0}.form-section h4{text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:600}.modal-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.modal-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.modal-grid-2:last-child,.modal-grid-3:last-child{margin-bottom:0}.batch-modal .form-group{margin-bottom:14px}.batch-modal .modal-grid-2 .form-group,.batch-modal .modal-grid-3 .form-group{margin-bottom:0}.batch-modal .form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.batch-modal .form-row .form-group{margin-bottom:0}.batch-modal .form-label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.batch-modal .form-label:after{content:" *";color:#d32f2f}.batch-modal .form-label.optional:after{content:"";color:#d32f2f}.batch-modal .field-hint{color:#94a3b8;margin-top:4px;font-size:11px;line-height:1.4}.batch-modal .form-input{background:#fff;border:1px solid #dbe4ee;border-radius:8px;width:100%;padding:10px 11px;font-family:inherit;font-size:14px;transition:all .2s}.batch-modal .form-input:focus{background:#fff;border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a1a}.batch-modal .form-input::placeholder{color:#999}.batch-modal .form-input:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.form-input[type=date],.form-input[type=number]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.pen-allocation,.pen-allocation-rows{flex-direction:column;gap:8px;display:flex}.pen-allocation-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.65rem;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding:10px 12px;display:grid}.pen-row-field{flex-direction:column;gap:4px;min-width:0;display:flex}.pen-row-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.pen-row-action{align-items:flex-end;padding-bottom:1px;display:flex}.pen-row-remove{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:inline-flex}.pen-row-remove:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#fca5a5}.pen-row-remove:disabled{opacity:.35;cursor:not-allowed}.pen-allocation-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.pen-allocation-total{color:#64748b;font-size:12px;font-weight:600}.pen-allocation-total.is-error{color:#d32f2f}.form-actions{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:12px 24px 20px;display:flex}.batch-planning-modal .batch-modal-content{max-width:760px}.task-action-modal .batch-modal-content{width:min(92vw,620px);max-width:620px}.task-action-modal .modal-fields{gap:.8rem}.batch-form .btn{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.batch-modal .btn-primary{background:var(--primary-600);color:#fff}.batch-modal .btn-primary:hover{background:var(--primary-700)}.batch-modal .btn-secondary{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.batch-modal .btn-secondary:hover{background:var(--primary-100);border-color:var(--primary-300)}.batch-modal .btn-success{background:var(--primary-700);color:#fff}.batch-modal .btn-success:hover{background:var(--primary-800)}@media (width<=768px){.batch-modal-content{max-width:95%;max-height:95vh}.batch-modal-header{padding:16px}.modal-fields{padding:14px 16px 8px}.modal-grid-2,.modal-grid-3{grid-template-columns:1fr}.pen-allocation-row{grid-template-columns:1fr 1fr auto}.batch-modal-header h3{font-size:18px}.batch-modal-footer{flex-direction:column;padding:12px 16px 16px}.batch-modal-footer .btn{width:100%}.form-actions{flex-direction:column;padding:10px 16px 16px}.form-actions .btn{width:100%}}@media (width<=480px){.pen-allocation-row{grid-template-rows:auto auto;grid-template-columns:1fr auto}.pen-row-field:first-child{grid-area:1/1}.pen-row-field:last-of-type{grid-area:2/1}.pen-row-action{grid-area:1/2/3;align-items:center;padding-bottom:0}}.batch-form.is-loading .form-input,.batch-form.is-loading select{opacity:.6;pointer-events:none}.batch-form.is-loading .form-actions .btn{pointer-events:none;opacity:.6}.batch-success-message{color:#15803d;background:#16a34a1a;border-left:4px solid #16a34a;border-radius:6px;margin-bottom:16px;padding:16px;font-size:14px;animation:.3s ease-out slideDown;display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.batch-success-message.show{display:block}.form-input.error{background:#d32f2f05;border-color:#d32f2f}.form-input.error:focus{box-shadow:0 0 0 3px #d32f2f1a}.form-error{color:#d32f2f;margin-top:4px;font-size:12px;display:none}.form-error.show{display:block}.ph-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.725rem;font-weight:700;line-height:1;display:inline-flex}.ph-badge-archive{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.ph-badge-excellent{color:#16a34a;background:#16a34a14;border:1px solid #16a34a33}.ph-badge-optimal{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f633}.ph-badge-warning{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b33}.ph-badge-danger{color:#dc2626;background:#ef444414;border:1px solid #ef444433}.ph-dashboard-grid{grid-template-columns:1.2fr 1.8fr;align-items:start;gap:1.5rem;display:grid}@media (width<=768px){.ph-dashboard-grid{grid-template-columns:1fr}}.ph-panel{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #00000005,0 1px 2px #00000003}.ph-survival-container{text-align:center;background:linear-gradient(185deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.ph-survival-circle-wrapper{width:140px;height:140px;margin-bottom:1rem;position:relative}.ph-survival-svg{width:140px;height:140px;transform:rotate(-90deg)}.ph-survival-bg-circle{fill:none;stroke:#f1f5f9;stroke-width:10px}.ph-survival-progress-circle{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.ph-survival-inner-text{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ph-survival-percentage{color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:800;line-height:1.1}.ph-survival-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.65rem;font-weight:700}.ph-kpi-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=480px){.ph-kpi-grid{grid-template-columns:1fr}}.ph-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.ph-kpi-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000008}.ph-kpi-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ph-kpi-title-wrapper{align-items:center;gap:8px;display:flex}.ph-kpi-title-wrapper i{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;display:flex}.ph-kpi-title{color:#475569;font-size:.775rem;font-weight:600}.ph-kpi-value{color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.2}.ph-kpi-sublabel{color:#64748b;font-size:.725rem;line-height:1.3}.ph-kpi-benchmark{color:#94a3b8;border-top:1px dashed #f1f5f9;margin-top:auto;padding-top:4px;font-size:.675rem;font-weight:500}.ph-progress-track{background:#f1f5f9;border-radius:99px;width:100%;height:6px;margin-top:2px;overflow:hidden}.ph-progress-bar{border-radius:99px;height:100%;transition:width .8s ease-in-out}.ph-growth-comparison-panel{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.ph-weight-header{justify-content:space-between;align-items:center;display:flex}.ph-weight-title{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.ph-weight-comparison-container{flex-direction:column;gap:.75rem;display:flex}.ph-weight-bar-row{align-items:center;gap:12px;font-size:.8rem;display:flex}.ph-weight-bar-label{color:#475569;flex-shrink:0;width:120px;font-weight:600}.ph-weight-bar-track{background:#f1f5f9;border-radius:99px;flex-grow:1;height:10px;overflow:hidden}.ph-weight-bar-fill{border-radius:99px;height:100%;transition:width .6s ease-out}.ph-weight-bar-value{text-align:right;color:#0f172a;flex-shrink:0;width:70px;font-weight:700}.ph-filters-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.ph-filter-group{align-items:center;gap:6px;display:flex}.ph-filter-label{color:#64748b;white-space:nowrap;font-size:.75rem;font-weight:600}.ph-filter-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;min-width:110px;padding:6px 10px;font-size:.775rem}.ph-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ph-search-wrapper{flex-grow:1;min-width:160px;position:relative}.ph-search-wrapper i{color:#94a3b8;font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ph-search-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:6px 10px 6px 28px;font-size:.775rem}.ph-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ph-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;max-height:320px;overflow:auto}.ph-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8rem}.ph-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;z-index:10;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:.675rem;font-weight:700;position:sticky;top:0}.ph-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.ph-table tr:hover td{background:#f8fafc}.ph-table tr:last-child td{border-bottom:none}.ph-logs-timeline{flex-direction:column;gap:.75rem;max-height:350px;padding:4px;display:flex;overflow-y:auto}.ph-log-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;padding:.75rem 1rem;transition:border-color .15s;display:flex}.ph-log-item:hover{border-color:#cbd5e1}.ph-log-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ph-log-details{flex-direction:column;flex-grow:1;gap:2px;display:flex}.ph-log-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:.725rem;font-weight:500;display:flex}.ph-log-tag-badge{color:#0f172a;font-weight:700}.ph-log-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ph-log-type-title{color:#0f172a;font-size:.85rem;font-weight:700}.ph-log-value{color:#1e293b;font-size:.85rem;font-weight:800}.ph-log-note{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:4px;margin-top:2px;padding:4px 8px;font-size:.75rem;line-height:1.4}@media (width<=600px){.ph-filters-container{flex-direction:column;align-items:stretch;gap:.5rem}.ph-filter-group{justify-content:space-between;width:100%}.ph-filter-select{flex-grow:1;max-width:70%}.ph-search-wrapper{width:100%}}#root{flex-direction:column;min-height:100vh;display:flex}