@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-main: hsl(210, 15%, 5%);--bg-sidebar: hsl(210, 16%, 8%);--bg-card: hsla(150, 15%, 10%, .7);--bg-card-hover: hsla(150, 18%, 12%, .85);--primary-green: hsl(143, 68%, 20%);--primary-green-light: hsl(142, 60%, 42%);--primary-green-glow: hsla(142, 60%, 42%, .25);--accent-gold: hsl(43, 90%, 53%);--accent-gold-glow: hsla(43, 90%, 53%, .2);--text-pure: hsl(0, 0%, 100%);--text-main: hsl(210, 15%, 88%);--text-muted: hsl(210, 10%, 65%);--text-dark: hsl(210, 15%, 12%);--border-subtle: rgba(25, 135, 84, .15);--border-hover: rgba(255, 193, 7, .25);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--shadow-premium: 0 10px 30px rgba(0, 0, 0, .4), 0 4px 10px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(25, 135, 84, .1);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-quick: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden;background:linear-gradient(135deg,var(--bg-main) 0%,hsl(210,15%,3%) 100%)}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);padding:2.2rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem;z-index:100;transition:var(--transition-smooth);height:100vh;overflow-y:auto;flex-shrink:0}.sidebar-logo{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;letter-spacing:.05em;color:var(--text-pure)}.logo-accent{color:var(--accent-gold);font-weight:900}.portal-tag{font-size:.68rem;background-color:#ffc10714;border:1px solid rgba(255,193,7,.2);color:var(--accent-gold);padding:.15rem .5rem;border-radius:4px;margin-left:.5rem;font-weight:700}.sidebar-menu{display:flex;flex-direction:column;gap:.75rem}.menu-item{background:none;border:none;display:flex;align-items:center;gap:1.1rem;padding:.95rem 1.25rem;color:var(--text-muted);font-family:var(--font-heading);font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;text-align:left;transition:var(--transition-quick);width:100%}.menu-item:hover{color:var(--text-pure);background:#ffffff05}.menu-item:active{transform:scale(.97)}.menu-item.active{background:linear-gradient(135deg,var(--primary-green) 0%,rgba(25,135,84,.1) 100%);border:1px solid var(--border-subtle);color:var(--primary-green-light);box-shadow:var(--shadow-glow)}.menu-item i{font-size:1.1rem;width:20px;text-align:center;flex-shrink:0}.menu-item.active i{color:var(--accent-gold)}.sidebar-footer{margin-top:auto;font-size:.78rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem;line-height:1.6}.sidebar-footer strong{color:var(--text-pure)}.main-content{display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0}.top-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:.85rem 2rem;border-bottom:1px solid rgba(255,255,255,.04);background:#0f1215f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:98}.page-content{flex:1;min-height:0;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column}.page-title h1{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--text-pure)}.page-title p{color:var(--text-muted);font-size:.95rem;margin-top:.25rem;display:none}.farm-badge{background:#ffffff05;border:1px solid var(--border-subtle);padding:.55rem 1.2rem;border-radius:50px;font-family:var(--font-heading);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.6rem}.farm-badge i{color:var(--accent-gold)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:12px;padding:.85rem;box-shadow:var(--shadow-premium);position:relative;overflow:hidden;transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-premium),var(--shadow-glow)}.panel-title{font-family:var(--font-heading);font-size:.95rem;font-weight:700;margin-bottom:.55rem;color:var(--text-pure);display:flex;align-items:center;gap:.6rem}.panel-title i{color:var(--accent-gold)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex-shrink:0}.stat-box{display:flex;flex-direction:column;align-items:flex-start}.stat-header{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:.5rem}.stat-icon{width:42px;height:42px;border-radius:8px;background:#1987541a;border:1px solid rgba(25,135,84,.25);display:flex;align-items:center;justify-content:center;color:var(--accent-gold);font-size:1.1rem}.stat-box h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.stat-val{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--text-pure);margin-bottom:.25rem}.stat-lbl{font-size:.85rem;color:var(--primary-green-light);font-weight:600}.budget-gauge-box{display:flex;flex-direction:column;align-items:center;width:100%}.gauge-track{width:100%;height:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:50px;margin-bottom:.9rem;overflow:hidden;position:relative}.gauge-bar{height:100%;background:linear-gradient(90deg,var(--primary-green-light) 70%,var(--accent-gold) 90%,hsl(0,75%,45%) 100%);border-radius:50px;transition:var(--transition-smooth);width:0%}.gauge-bar.danger{background:#c91d1d}.gauge-labels{display:flex;justify-content:space-between;width:100%;font-size:.82rem;color:var(--text-muted);font-weight:500}.chart-container{flex:1;min-height:0;width:100%;margin-top:1rem;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-axis-line{stroke:#ffffff14;stroke-width:1}.chart-grid-line{stroke:#ffffff08;stroke-width:1;stroke-dasharray:4,4}.chart-curve{stroke:var(--primary-green-light);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0px 4px 8px var(--primary-green-glow))}.chart-point{fill:var(--accent-gold);stroke:var(--bg-card);stroke-width:2;cursor:pointer;transition:var(--transition-quick)}.chart-point:hover{r:7;fill:var(--text-pure)}.chart-axis-text{font-family:var(--font-heading);font-size:9px;fill:var(--text-muted);font-weight:600}.dashboard-bottom-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem;flex:1;min-height:0;align-items:stretch}.dashboard-bottom-grid .glass-panel{display:flex;flex-direction:column;min-height:0}.dashboard-bottom-grid .glass-panel .panel-title{flex-shrink:0}.dashboard-bottom-grid .glass-panel>p{flex-shrink:0}.alarms-list{display:flex;flex-direction:column;gap:.8rem;flex:1;min-height:0;overflow-y:auto;padding-right:.25rem}.alarm-card{display:flex;gap:.95rem;align-items:center;padding:.85rem 1.2rem;border-radius:10px;background:#ffffff03;border:1px solid rgba(255,255,255,.03);transition:var(--transition-quick)}.alarm-card.danger{border-left:4px solid hsl(0,75%,45%);background:#dc354505}.alarm-card.warning{border-left:4px solid var(--accent-gold);background:#ffc10705}.alarm-card:hover{background:#ffffff08;transform:translate(3px)}.alarm-icon{font-size:1.25rem;flex-shrink:0}.danger .alarm-icon{color:#e23636}.warning .alarm-icon{color:var(--accent-gold)}.alarm-text{display:flex;flex-direction:column;gap:.15rem}.alarm-msg{font-family:var(--font-heading);font-weight:600;font-size:.92rem;color:var(--text-pure)}.alarm-desc{font-size:.8rem;color:var(--text-muted)}.table-wrapper{width:100%;overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}.data-table th{background-color:#ffffff05;font-family:var(--font-heading);font-weight:700;color:var(--text-pure);padding:.6rem .9rem;border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}.data-table td{padding:.65rem .9rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-main)}.data-table tbody tr{transition:var(--transition-quick);border-left:3px solid transparent}.data-table tbody tr:hover{background-color:#1987540a;border-left-color:var(--primary-green-light)}.badge-status{font-family:var(--font-heading);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .8rem;border-radius:50px;display:inline-block}.badge-status.fattening{background-color:#1987541a;color:var(--primary-green-light);border:1px solid rgba(25,135,84,.3)}.badge-status.rearing{background-color:#ffc1071a;color:var(--accent-gold);border:1px solid rgba(255,193,7,.3)}.badge-status.quarantined{background-color:#dc35451a;color:#e23636;border:1px solid rgba(220,53,69,.3)}.adg-text{font-family:var(--font-heading);font-weight:700;font-size:.95rem}.adg-text.good{color:var(--primary-green-light)}.adg-text.alert{color:#e23636}.form-grid-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-inline-grid-weight{display:grid;grid-template-columns:2fr 1.2fr 1.2fr auto;gap:1rem;align-items:flex-end}.form-inline-grid-weight .form-group{margin-bottom:0}.form-inline-grid-med-row1{display:grid;grid-template-columns:2fr 1.2fr 2fr 1.2fr;gap:1rem;align-items:flex-end;margin-bottom:1rem}.form-inline-grid-med-row1 .form-group{margin-bottom:0}.form-inline-grid-med-row2{display:grid;grid-template-columns:1.5fr 1.5fr 1fr;gap:1rem;align-items:flex-end}.form-inline-grid-med-row2 .form-group{margin-bottom:0}@media (max-width: 900px){.form-inline-grid-weight,.form-inline-grid-med-row1,.form-inline-grid-med-row2{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.form-inline-grid-weight{grid-template-columns:1fr}.form-inline-grid-med-row1,.form-inline-grid-med-row2{grid-template-columns:1fr;gap:.8rem}}.form-grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 900px){.form-grid-3-col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.form-grid-3-col{grid-template-columns:1fr;gap:1rem}}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}@media (max-width: 768px){.form-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.form-grid-3{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.form-group-row .form-group{margin-bottom:0}.form-group label{font-family:var(--font-heading);font-size:.82rem;font-weight:600;color:var(--text-muted)}.form-control{background:#00000040;border:1px solid rgba(255,255,255,.08);color:var(--text-pure);padding:.85rem 1.2rem;min-height:48px;border-radius:8px;font-family:var(--font-body);font-size:16px;outline:none;transition:var(--transition-quick);width:100%}.form-control:focus{border-color:var(--primary-green-light);box-shadow:0 0 10px #19875426;background:#00000059}.form-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-filters{display:flex;gap:.8rem;margin-bottom:1rem;background:#00000040;padding:.35rem;border-radius:8px;border:1px solid rgba(255,255,255,.04);align-self:flex-start}.filter-btn{background:none;border:none;padding:.6rem 1.1rem;border-radius:6px;font-family:var(--font-heading);font-weight:600;font-size:.88rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-quick)}.filter-btn:hover{color:var(--text-pure)}.filter-btn.active{background:var(--bg-main);color:var(--accent-gold);box-shadow:var(--shadow-premium)}.search-bar-wrap{position:relative;max-width:320px;width:100%}.search-bar-wrap i{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.95rem}.search-control{padding-left:2.8rem}.tmr-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:start}.slider-group{background:#00000026;border:1px solid rgba(255,255,255,.03);padding:1rem;border-radius:10px;margin-bottom:1rem}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}.slider-header span{font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--text-pure)}.slider-header strong{color:var(--accent-gold);font-size:1.1rem}.touch-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:50px;background:#ffffff0d;outline:none;margin-bottom:.5rem}.touch-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary-green-light);border:2px solid var(--text-pure);cursor:pointer;box-shadow:var(--shadow-premium);transition:var(--transition-quick)}.touch-slider::-webkit-slider-thumb:active{transform:scale(1.2);background:var(--accent-gold)}.tractor-mode-box{background:linear-gradient(145deg,#082b15,#0b0d0f);border:2px solid var(--primary-green-light);border-radius:16px;padding:2.5rem;text-align:center;position:relative;overflow:hidden}.tractor-logo-icon{font-size:3.5rem;color:var(--primary-green-light);margin-bottom:1.2rem;animation:bounceY 4s infinite ease-in-out}.tractor-mode-box h2{font-size:2.1rem;color:var(--accent-gold);margin-bottom:.5rem;letter-spacing:.05em}.tractor-mode-box .batch-sub{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.08em}.tractor-mix-list{display:flex;flex-direction:column;gap:1.4rem}.tractor-mix-item{background:#00000073;border:1px solid rgba(25,135,84,.3);padding:1.5rem 2rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.tractor-mix-item span{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-pure)}.tractor-mix-item strong{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--primary-green-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.65rem 1.4rem;font-family:var(--font-heading);font-weight:600;border-radius:8px;cursor:pointer;font-size:.95rem;transition:var(--transition-quick);border:none;outline:none;min-height:48px}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary-green-light) 0%,var(--primary-green) 100%);color:var(--text-pure);box-shadow:0 4px 15px #1987544d;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{background:linear-gradient(135deg,#2eb860,#146b36);transform:scale(1.02)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:#ffffff0a;color:var(--text-pure);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a;color:var(--accent-gold)}.btn-secondary:active{transform:scale(.97)}.btn-block{width:100%}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0f0ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.5rem;overflow-y:auto}.modal-container{width:100%;max-width:920px;margin:auto 0;display:flex;flex-direction:column;position:relative;max-height:90vh;overflow:hidden;animation:scaleUp .3s cubic-bezier(.16,1,.3,1) both}.modal-body-scroll{overflow-y:auto;max-height:calc(90vh - 160px);padding-right:.6rem;margin-bottom:1rem}@media (max-width: 768px){.modal-container{max-width:100%;max-height:95vh}.modal-body-scroll{max-height:calc(95vh - 160px)}}.modal-body-scroll::-webkit-scrollbar{width:6px}.modal-body-scroll::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.modal-body-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.modal-body-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;transition:var(--transition-quick)}.modal-close-btn:hover{color:var(--text-pure)}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width: 1024px){.app-container{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{display:none}.main-content{height:auto;min-height:100vh;overflow:visible}.page-content{overflow:visible;padding:1.5rem}.top-header{padding:1.2rem 1.5rem 1rem}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-bottom-grid,.tmr-grid{grid-template-columns:1fr;gap:1.5rem;flex:none;min-height:auto}.dashboard-bottom-grid .glass-panel{min-height:auto}.chart-container{flex:none;height:240px}.alarms-list{flex:none;overflow-y:visible;max-height:none}}.mobile-nav-bar{display:none;position:fixed;bottom:0;left:0;width:100%;background:#0a100df2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:999;padding:.5rem .25rem}.mobile-nav-menu{display:flex;justify-content:space-around;align-items:center;width:100%}.mobile-nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-muted);font-family:var(--font-heading);font-weight:700;font-size:.65rem;cursor:pointer;transition:var(--transition-quick)}.mobile-nav-item i{font-size:1.15rem}.mobile-nav-item.active{color:var(--accent-gold)}@media (max-width: 768px){.mobile-nav-bar{display:block}.page-content{padding-bottom:5.5rem}.top-header{padding:1rem 1.5rem .8rem}.page-title h1{font-size:1.6rem}.glass-panel{padding:1rem .85rem}.form-grid-row{grid-template-columns:1fr;gap:0}.form-grid-row .form-group{margin-bottom:1.5rem}.tractor-mode-box{padding:1.5rem 1rem}.tractor-mix-item{padding:1.1rem 1rem;flex-direction:column;gap:.4rem;text-align:center}.tractor-mix-item strong{font-size:1.6rem}}.rfid-badge-glow{position:relative;border:1px solid rgba(255,193,7,.3)!important;background:#ffc1070d!important;color:var(--accent-gold)!important;cursor:pointer;transition:var(--transition-smooth)}.rfid-badge-glow:hover{background:#ffc1071f!important;box-shadow:0 0 15px #ffc10733;transform:translateY(-2px)}.rfid-ping-dot{display:inline-block;width:8px;height:8px;background-color:var(--primary-green-light);border-radius:50%;position:relative}.rfid-ping-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-green-light);border-radius:50%;animation:rfidPing 1.8s infinite ease-in-out}@keyframes rfidPing{0%{transform:scale(1);opacity:.8}to{transform:scale(3.5);opacity:0}}.rfid-hud-overlay{position:fixed;top:2rem;right:2rem;z-index:10000;width:380px;animation:hudSlideIn .4s cubic-bezier(.16,1,.3,1) both}@media (max-width: 480px){.rfid-hud-overlay{top:1rem;left:1rem;right:1rem;width:auto}}.rfid-hud-card{background:#111417f2!important;border:2px solid var(--accent-gold)!important;box-shadow:0 20px 50px #0009,0 0 30px #ffc10726!important;animation:borderGlowPulse 4s infinite alternate}@keyframes borderGlowPulse{0%{border-color:#ffc10766!important}to{border-color:#ffc107f2!important}}.rfid-hud-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.8rem;margin-bottom:1rem}.hud-status-title{font-family:var(--font-heading);font-weight:700;font-size:.88rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em}.rfid-radar-glow{width:10px;height:10px;background-color:var(--accent-gold);border-radius:50%;position:relative}.rfid-radar-glow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent-gold);border-radius:50%;animation:rfidPing 1.5s infinite ease-in-out}.hud-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:var(--transition-quick)}.hud-close:hover{color:var(--text-pure)}.rfid-code-badge{background:#00000080;border:1px solid rgba(255,255,255,.08);padding:.75rem 1.2rem;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.2rem}.rfid-code-badge i{color:var(--accent-gold);font-size:1.15rem;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1;text-shadow:0 0 8px var(--accent-gold)}}.rfid-code-badge span{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-pure);letter-spacing:.05em}.hud-animal-details{display:flex;flex-direction:column;gap:.75rem}.hud-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.02);padding-bottom:.4rem}.hud-label{color:var(--text-muted)}.hud-value{font-family:var(--font-heading);font-weight:600}.hud-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.2rem}.hud-actions-grid .btn{min-height:40px!important;padding:.6rem .8rem;font-size:.85rem}.hud-unregistered-tag{text-align:center;padding:.5rem 0}.unregistered-warning{background:#dc35451a;border:1px solid rgba(220,53,69,.3);padding:.75rem;border-radius:8px;color:#e23636;font-family:var(--font-heading);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.8rem}.unregistered-help-text{font-size:.8rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.2rem}.hud-mini-form{background:#00000040;border:1px solid rgba(255,255,255,.05);padding:1rem;border-radius:10px;margin-top:1rem}.mini-form-title{font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--accent-gold);margin-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.4rem}@keyframes hudSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-in{animation:hudSlideIn .3s cubic-bezier(.16,1,.3,1) both}.login-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#070809,#0b0d0f);display:flex;align-items:center;justify-content:center;z-index:10000;overflow-y:auto;padding:2rem 1.5rem}.glow-circle{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.glow-circle-green{width:450px;height:450px;background:#2bab5a14;top:-10%;left:-10%}.glow-circle-gold{width:400px;height:400px;background:#f3b61b0f;bottom:-5%;right:-5%}.login-card{width:100%;max-width:480px;background:#111714b3;border:1px solid rgba(25,135,84,.2);border-radius:20px;box-shadow:0 30px 60px #0009,0 0 30px #1987540d;padding:3rem 2.5rem;position:relative;z-index:10}.login-card:hover{border-color:#ffc10740;box-shadow:0 30px 60px #000000a6,0 0 40px #ffc10714}.login-logo-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.8rem;gap:.4rem}.login-shield-icon{font-size:2.8rem;color:var(--accent-gold);margin-bottom:.5rem;animation:loginShieldPulse 3s infinite alternate ease-in-out}@keyframes loginShieldPulse{0%{transform:scale(1);text-shadow:0 0 0 rgba(255,193,7,0)}to{transform:scale(1.05);text-shadow:0 0 15px rgba(255,193,7,.4)}}.login-logo-header h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;letter-spacing:.05em;color:var(--text-pure)}.login-instructions{font-size:.88rem;color:var(--text-muted);line-height:1.5;text-align:center;margin-bottom:2rem}.login-error-alert{background:#dc354514;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:.85rem 1.1rem;display:flex;gap:.75rem;align-items:flex-start;color:#e96363;font-size:.85rem;line-height:1.4;margin-bottom:1.8rem}.login-error-alert i{font-size:1.05rem;flex-shrink:0;margin-top:.1rem}.login-form-body{width:100%}.input-with-icon{position:relative;width:100%}.input-with-icon i{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}.input-with-icon .form-control{padding-left:2.8rem;padding-right:2.8rem}.pass-toggle{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);transition:var(--transition-quick);padding:.2rem}.pass-toggle:hover{color:var(--text-pure)}.login-divider{display:flex;align-items:center;width:100%;margin:2rem 0}.divider-line{flex-grow:1;height:1px;background:#ffffff0f}.divider-text{font-family:var(--font-heading);font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);padding:0 1rem;white-space:nowrap}.google-btn-wrapper{width:100%;display:flex;justify-content:center}.google-btn-mount{width:100%;max-width:320px;min-height:44px;display:flex;justify-content:center}.credentials-hint{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:1.2rem;margin-top:2.2rem;width:100%}.hint-header{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--accent-gold);margin-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:.4rem}.hint-header i{font-size:.9rem}.hint-details{display:flex;flex-direction:column;gap:.4rem}.hint-line{font-size:.8rem;line-height:1.4;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.hint-line .label{color:var(--text-muted)}.hint-line .value{background:#0006;border:1px solid rgba(255,255,255,.06);color:var(--text-pure);padding:.1rem .4rem;border-radius:4px;font-family:monospace}.hint-line .muted{font-size:.72rem;color:var(--text-muted)}.hint-line .help-text{font-size:.75rem;color:var(--text-muted);line-height:1.4}.staff-profile-badge{cursor:pointer;transition:var(--transition-smooth)}.staff-profile-badge:hover{border-color:var(--accent-gold-glow)!important;background:#ffc10714!important;box-shadow:0 0 10px #ffc1070d}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:scaleUp .4s cubic-bezier(.16,1,.3,1) both}@keyframes loginShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.animate-shake{animation:loginShake .4s ease-in-out both}@media (max-width: 768px){.farm-badge:not(.rfid-badge-glow):not(.staff-profile-badge){display:none}.page-title h1{font-size:1.15rem}.glass-panel{padding:1rem .85rem}.stat-val{font-size:1.5rem}.data-table th,.data-table td{padding:.5rem .6rem;font-size:.78rem}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.stat-box{padding:.85rem!important}}.rotation-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;background:#00000040;border:1px solid var(--border-subtle);padding:.85rem 1.2rem;border-radius:10px;margin-bottom:1.5rem}.rotation-filters-left{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;flex:1}.rotation-search-input{max-width:280px}.rotation-pen-select{max-width:200px}.rotation-view-toggle{display:flex;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.25rem;gap:.25rem}.rotation-view-toggle button{background:none;border:none;padding:.4rem .8rem;font-size:.8rem;font-weight:700;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:var(--transition-quick);display:flex;align-items:center;gap:.4rem}.rotation-view-toggle button.active{background:var(--primary-green-light);color:var(--text-dark)}.rotation-view-toggle button:hover:not(.active){color:var(--text-pure);background:#ffffff0a}.compact-list{display:flex;flex-direction:column;gap:.5rem}.compact-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;transition:var(--transition-quick);position:relative}.compact-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.compact-item-header{display:flex;justify-content:space-between;align-items:center}.compact-item-body{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.03);padding-top:.4rem}.compact-item-actions{display:flex;gap:.4rem;width:100%;margin-top:.2rem}.compact-item-actions .btn{flex:1;min-height:28px;height:28px;font-size:.75rem;padding:0;display:flex;align-items:center;justify-content:center;gap:.3rem}