@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #F0E9E3;--bg-secondary: #E8E0D8;--bg-card: #FFFFFF;--bg-card-hover: #F9F6F3;--bg-input: #FFFFFF;--bg-sidebar: #1E1C1D;--bg-topbar: #005148;--bg-modal: #FFFFFF;--bg-overlay: rgba(0, 0, 0, .4);--text-primary: #1A1A1A;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--text-link: #1A6FB5;--brand-primary: #005148;--brand-primary-hover: #006B5E;--brand-accent: #00B899;--brand-accent-hover: #00D4AF;--color-success: #10B981;--color-success-bg: #D1FAE5;--color-success-text: #065F46;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-warning-text: #92400E;--color-danger: #EF4444;--color-danger-bg: #FEE2E2;--color-danger-text: #991B1B;--color-info: #3B82F6;--color-info-bg: #DBEAFE;--color-info-text: #1E40AF;--color-neutral-bg: #F3F4F6;--color-neutral-text: #6B7280;--color-purple-bg: #EDE9FE;--color-purple-text: #6D28D9;--color-pink-bg: #FCE7F3;--color-pink-text: #BE185D;--color-blue-bg: #DBEAFE;--color-blue-text: #1E40AF;--border-color: #E5E0DB;--border-color-focus: #005148;--border-color-error: #EF4444;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .15);--font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--sidebar-width: 240px;--topbar-height: 56px;--content-max-width: 1400px;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}::selection{background:#00514826;color:var(--text-primary)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-family);cursor:pointer}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#c4bdb6;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#a8a09a}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;line-height:1}.btn:hover{background:var(--bg-card-hover);border-color:#c4bdb6}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:#c4bdb6}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ddd6ce;border-color:#c4bdb6}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.6;letter-spacing:.02em}.badge:before{content:"";display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.badge-active,.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-active:before,.badge-success:before{background:var(--color-success)}.badge-inactive,.badge-neutral{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.badge-inactive:before,.badge-neutral:before{background:#9ca3af}.badge-sold{background:var(--color-info-bg);color:var(--color-info-text)}.badge-sold:before{background:var(--color-info)}.badge-deceased,.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-deceased:before,.badge-danger:before{background:var(--color-danger)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-warning:before{background:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-info:before{background:var(--color-info)}.badge-calf{background:var(--color-blue-bg);color:var(--color-blue-text)}.badge-calf:before{background:var(--color-info)}.badge-heifer{background:var(--color-purple-bg);color:var(--color-purple-text)}.badge-heifer:before{background:#8b5cf6}.badge-bull{background:var(--color-pink-bg);color:var(--color-pink-text)}.badge-bull:before{background:#ec4899}.badge-purple{background:var(--color-purple-bg);color:var(--color-purple-text)}.badge-purple:before{background:#8b5cf6}.badge-pink{background:var(--color-pink-bg);color:var(--color-pink-text)}.badge-pink:before{background:#ec4899}.badge-blue{background:var(--color-blue-bg);color:var(--color-blue-text)}.badge-blue:before{background:var(--color-info)}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.kpi-card:hover{box-shadow:var(--shadow-md)}.table-container{width:100%;overflow-x:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table thead{position:sticky;top:0;z-index:1;background:#f9fafb}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--text-primary)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid #F0EBE5;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tbody tr{background:var(--bg-card);transition:background var(--transition-fast)}.data-table tbody tr:nth-child(2n){background:var(--bg-card)}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-height:90vh;overflow-y:auto;animation:modalFadeIn var(--transition-base)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-label.required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #0051481a}.form-input.error,.form-select.error{border-color:var(--border-color-error)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.toast{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);font-size:var(--font-size-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5);gap:2px}.tab-btn{padding:var(--space-2) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);margin-bottom:-1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.app-shell{display:flex;height:100vh;background:var(--bg-primary);overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding:var(--space-6)}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-logo{padding:var(--space-5) var(--space-4);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo-text{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.18em;text-transform:uppercase;font-family:Inter,sans-serif}.sidebar-hamburger{position:absolute;top:var(--space-4);right:var(--space-3);background:none;border:none;color:#ffffff80;cursor:pointer;padding:var(--space-1);display:flex;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.sidebar-hamburger:hover{color:#fff}.sidebar-nav{flex:1;padding:var(--space-3) 0;list-style:none}.sidebar-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;padding:var(--space-4) var(--space-4) var(--space-1)}.sidebar-nav-item a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:#fff9;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);margin:3px var(--space-2);transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none;border-left:3px solid transparent}.sidebar-nav-item a:hover{background:#ffffff14;color:#fff;text-decoration:none}.sidebar-nav-item a.active{background:var(--brand-primary);color:#fff;border-left-color:var(--brand-accent)}.sidebar-nav-item a .nav-icon{width:16px;height:16px;flex-shrink:0}.sidebar-footer{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.08)}.sidebar-user-info{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{font-size:var(--font-size-xs);color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;background:none;border:none;color:#ffffff80;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.sidebar-logout-btn:hover{color:#fff}.topbar{height:var(--topbar-height);background:var(--bg-topbar);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);flex-shrink:0}.topbar-breadcrumb{display:flex;align-items:center;gap:var(--space-2);color:#ffffffb3;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.topbar-breadcrumb-home{color:#ffffffb3;display:flex;cursor:pointer;transition:color var(--transition-fast)}.topbar-breadcrumb-home:hover{color:#fff}.topbar-breadcrumb-sep{color:#fff6}.topbar-breadcrumb-page{color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.topbar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.topbar-farm-selector select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}.topbar-farm-selector select option{background:var(--bg-sidebar);color:#fff}.topbar-bell-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);display:flex;position:relative;transition:color var(--transition-fast),background var(--transition-fast)}.topbar-bell-btn:hover{color:#fff;background:#ffffff1a}.topbar-bell-badge{position:absolute;top:-2px;right:-2px;background:var(--color-danger);color:#fff;border-radius:var(--radius-full);font-size:10px;min-width:16px;height:16px;line-height:16px;text-align:center;padding:0 3px;font-weight:var(--font-weight-bold);pointer-events:none}.topbar-user{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);position:relative}.topbar-user:hover{background:#ffffff1a}.topbar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--brand-accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;flex-shrink:0}.topbar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff}.user-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:160px;z-index:200;overflow:hidden}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.user-dropdown-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.user-dropdown-item.danger{color:var(--color-danger)}.notification-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:300;transform:translate(-100%);transition:transform var(--transition-slow)}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:299}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f0eb;padding:var(--space-6)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-split-card{display:flex;width:90vw;max-width:1600px;min-height:90vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 40px #00000014}.auth-left-panel{flex:1;background:#005148;display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative;overflow:hidden}.auth-illustration-img{width:85%;max-width:520px;border-radius:0;object-fit:contain}.auth-right-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-10);background:#fff}.auth-form-wrapper{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.auth-form-wrapper .auth-logo{margin-bottom:var(--space-3)}.auth-form-wrapper .auth-logo img{width:125px;height:125px;object-fit:contain}.auth-form-wrapper .auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#57534e;margin-bottom:var(--space-6);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.auth-form .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#1e1c1d;margin-bottom:var(--space-1)}.auth-form .form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid #D9D5D0;border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:#1e1c1d;background:#fff;transition:border-color .15s}.auth-form .form-input::placeholder{color:#a8a29e}.auth-form .form-input:focus{outline:none;border-color:#005148;box-shadow:0 0 0 3px #0051481a}.auth-options-row{display:flex;align-items:center;justify-content:space-between}.auth-remember{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#57534e;cursor:pointer}.auth-remember input[type=checkbox]{accent-color:#005148;width:16px;height:16px;cursor:pointer}.auth-forgot-link{font-size:var(--font-size-sm);color:#005148;font-weight:var(--font-weight-medium);text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-login-btn{width:100%;padding:14px;background:#005148;color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background .15s}.auth-login-btn:hover:not(:disabled){background:#003d36}.auth-login-btn:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:#9ca3af;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-google-btn{width:100%;padding:14px;background:#fff;color:#1f2937;border:1px solid #D1D5DB;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-3);transition:background .15s,border-color .15s}.auth-google-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-register-prompt{margin-top:var(--space-8);font-size:var(--font-size-sm);color:#57534e;text-align:center}.auth-register-link{color:#005148;font-weight:var(--font-weight-semibold);text-decoration:none}.auth-register-link:hover{text-decoration:underline}.auth-card{background:#fff;border:1px solid #E8E0D8;border-radius:20px;padding:var(--space-8);width:100%;max-width:400px;box-shadow:0 4px 40px #00000014}.auth-card .auth-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.auth-card .auth-logo img{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover}.auth-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#1e1c1d;letter-spacing:.08em;text-transform:uppercase}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#1e1c1d;margin-bottom:var(--space-6);text-align:center}.auth-card .auth-form .btn-primary{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.auth-success{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-success-text);font-size:var(--font-size-sm)}@media(max-width:768px){.auth-split-card{flex-direction:column;max-width:480px;min-height:auto}.auth-left-panel{min-height:200px;padding:var(--space-6)}.auth-right-panel{padding:var(--space-6)}}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:900px){.dashboard-kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.dashboard-kpi-grid{grid-template-columns:1fr}}.quick-actions-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.quick-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.quick-action-btn:hover{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-soft, rgba(31, 111, 235, .15));transform:translateY(-1px)}.quick-action-btn svg{color:var(--brand-accent)}.kpi-tooltip{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);z-index:50;pointer-events:none}.kpi-tooltip-content{display:flex;flex-direction:column}.kpi-tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-1) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.kpi-tooltip-row+.kpi-tooltip-row{border-top:1px solid var(--border-color)}.kpi-tooltip-row strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.dashboard-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:900px){.dashboard-bottom-row{grid-template-columns:1fr}}.todays-tasks-list{display:flex;flex-direction:column;gap:var(--space-2)}.todays-tasks-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card-hover)}.todays-tasks-title{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todays-tasks-worker{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.todays-tasks-more{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--text-muted)}.todays-tasks-footer{margin-top:var(--space-3);text-align:right}.activity-list{display:flex;flex-direction:column;gap:var(--space-2)}.activity-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card-hover)}.activity-icon{display:flex;align-items:center;color:var(--brand-accent);flex-shrink:0}.activity-label{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.activity-user{color:var(--text-muted);font-size:var(--font-size-xs)}.admin-dashboard-header{margin-bottom:var(--space-5)}.admin-dashboard-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.admin-dashboard-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.admin-dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:1100px){.admin-dashboard-row{grid-template-columns:1fr}}.admin-farms-table-wrap{overflow-x:auto}.admin-farms-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.admin-farms-table thead th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap}.admin-farms-table tbody td{padding:var(--space-3);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.admin-farms-row{cursor:pointer;transition:background-color .15s ease}.admin-farms-row:hover{background:var(--bg-card-hover)}.admin-farms-name{font-weight:var(--font-weight-medium)}.admin-farms-muted{color:var(--text-muted);font-size:var(--font-size-xs)}.dashboard-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:900px){.dashboard-charts-row{grid-template-columns:1fr}}.dashboard-chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.dashboard-chart-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.alerts-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.alerts-panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.alerts-list{display:flex;flex-direction:column;gap:var(--space-3)}.alert-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card-hover)}.alert-row-icon{display:flex;align-items:center;flex-shrink:0}.alert-row-content{flex:1;min-width:0}.alert-row-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.alert-row-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.alert-row-action{font-size:var(--font-size-xs);color:var(--text-link);cursor:pointer;text-decoration:none;flex-shrink:0}.alert-row-action:hover{text-decoration:underline}.alerts-all-clear{display:flex;align-items:center;gap:var(--space-2);color:var(--color-success-text);font-size:var(--font-size-sm);padding:var(--space-2) 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.table-scroll{overflow-x:auto}.data-table tbody tr.row-hover:hover{background:var(--bg-card-hover)!important}.skeleton-cell{height:14px;border-radius:var(--radius-sm);background:#e8e0d8;animation:pulse 1.5s ease-in-out infinite}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color)}.kpi-card-inner{display:flex;flex-direction:column;gap:var(--space-2)}.kpi-card-header{display:flex;align-items:center;justify-content:space-between}.kpi-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.kpi-card-icon{color:var(--brand-accent);display:flex}.kpi-card-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.kpi-card-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs)}.kpi-card-trend.up{color:var(--color-success-text)}.kpi-card-trend.down{color:var(--color-danger)}.kpi-card-trend.flat{color:var(--text-muted)}.badge{letter-spacing:.02em}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;gap:var(--space-2)}.pagination-left{display:flex;align-items:center;gap:var(--space-3)}.pagination-right{display:flex;align-items:center;gap:var(--space-2)}.pagination-right .btn{min-width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);font-size:var(--font-size-sm)}.pagination-right .btn:hover{background:var(--bg-secondary)}.pagination-right .btn.active,.pagination-right .btn[aria-current=page]{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.pagination-jump{display:flex;align-items:center;gap:var(--space-2)}.pagination-jump input{width:52px;text-align:center;padding:2px var(--space-2)}.search-bar{position:relative}.search-bar-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex}.search-bar input{padding-left:30px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.search-bar input:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #0051481a}.search-bar input::placeholder{color:var(--text-muted)}.search-bar-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:2px;border-radius:var(--radius-sm)}.search-bar-clear:hover{color:var(--text-primary)}.confirm-dialog-body{display:flex;gap:var(--space-3);align-items:flex-start}.confirm-dialog-icon{color:var(--color-warning);flex-shrink:0;margin-top:2px}.confirm-dialog-message{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-muted)}.empty-state p{font-size:var(--font-size-sm)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.alert-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.alert-banner.warning{background:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-warning-text)}.alert-banner.danger{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger-text)}.alert-banner.success{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success-text)}.alert-banner.info{background:var(--color-info-bg);border:1px solid var(--color-info);color:var(--color-info-text)}.msd-wrapper{position:relative}.msd-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);cursor:pointer;width:100%;transition:border-color var(--transition-fast)}.msd-trigger:hover{border-color:#c4bdb6}.msd-placeholder{color:var(--text-muted)}.msd-chevron{transition:transform var(--transition-fast);color:var(--text-muted);flex-shrink:0}.msd-chevron.open{transform:rotate(180deg)}.msd-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:100;max-height:240px;overflow-y:auto}.msd-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.msd-option:hover{background:var(--bg-card-hover)}.msd-option input[type=checkbox]{accent-color:var(--brand-accent)}.ss-wrapper{position:relative}.ss-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);text-align:left;min-height:38px}.ss-trigger:hover{border-color:#c4bdb6}.ss-trigger:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #0051481a}.ss-trigger:disabled{opacity:.6;cursor:not-allowed}.ss-trigger.ss-error{border-color:var(--border-color-error)}.ss-placeholder{color:var(--text-muted)}.ss-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-fast)}.ss-chevron.open{transform:rotate(180deg)}.ss-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:200;overflow:hidden}.ss-search-box{position:relative;padding:var(--space-2);border-bottom:1px solid var(--border-color)}.ss-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.ss-search-input{width:100%;padding:var(--space-2) var(--space-2) var(--space-2) 30px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-input);outline:none}.ss-search-input:focus{border-color:var(--border-color-focus)}.ss-search-input::placeholder{color:var(--text-muted)}.ss-options{max-height:200px;overflow-y:auto}.ss-option{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.ss-option:hover,.ss-option.highlighted{background:var(--bg-card-hover)}.ss-option.selected{color:var(--brand-primary);font-weight:var(--font-weight-medium)}.ss-option.ss-create{display:flex;align-items:center;gap:var(--space-2);color:var(--brand-accent);border-top:1px solid var(--border-color)}.ss-empty{padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--font-size-sm);color:var(--text-muted)}.animals-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5)}.animals-tab-btn{padding:var(--space-2) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.animals-tab-btn:hover{color:var(--text-primary)}.animals-tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.animals-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.animals-toolbar-right{margin-left:auto;display:flex;gap:var(--space-2)}.stat-strip{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.stat-strip .stat-pill{flex:1 1 140px;min-width:140px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);transition:border-color .15s,transform .15s}.stat-strip .stat-pill:hover{border-color:var(--brand-accent)}.stat-strip .stat-pill.stat-total{border-left:3px solid var(--brand-primary)}.stat-strip .stat-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em}.stat-strip .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.stat-strip .stat-icon{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.bulk-upload-drop{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color .15s;background:var(--bg-card-hover)}.bulk-upload-drop:hover,.bulk-upload-drop.drag-over{border-color:var(--brand-accent);color:var(--text-secondary)}.bulk-upload-drop svg{margin-bottom:var(--space-3)}.bulk-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.bulk-preview-stats{display:flex;gap:var(--space-4);font-size:var(--font-size-sm)}.bulk-stat-valid{color:var(--color-success-text)}.bulk-stat-error{color:var(--color-danger)}.bulk-row-error{background:#ef44440f!important}.bulk-error-cell{color:var(--color-danger);font-size:var(--font-size-xs)}.detail-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.detail-header-info{flex:1}.detail-visual-id{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--space-2)}.detail-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.detail-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.detail-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);background:#f9fafb}.detail-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.detail-section-body{padding:var(--space-5)}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4) var(--space-6)}.field-row{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:var(--font-size-base);color:var(--text-primary);word-break:break-word}.mode-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-card-hover);font-size:var(--font-size-sm);color:var(--text-secondary);transition:border-color .15s}.mode-toggle:hover{border-color:var(--brand-accent);color:var(--text-primary)}.weight-table-row-latest{background:#00b8990f!important;border-left:2px solid var(--brand-accent)!important}.mismatch-alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning-text);font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.offspring-detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.offspring-promoted-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success-text);font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.repro-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5)}.repro-tab-btn{padding:var(--space-2) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.repro-tab-btn:hover{color:var(--text-primary)}.repro-tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.repro-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:900px){.repro-kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.repro-kpi-grid{grid-template-columns:1fr}}.repro-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.repro-toolbar-right{margin-left:auto;display:flex;gap:var(--space-2)}.calving-calves-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.calving-calf-row{display:grid;grid-template-columns:1fr 1fr 130px 130px 1fr auto;gap:var(--space-3);align-items:flex-end;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card-hover)}@media(max-width:800px){.calving-calf-row{grid-template-columns:1fr 1fr}}.repro-detail-back{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:none;border:none;padding:0}.repro-detail-back:hover{color:var(--text-primary)}.repro-detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.repro-detail-title{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.repro-detail-visual-id{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.milk-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:900px){.milk-kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.milk-kpi-grid{grid-template-columns:1fr}}.milk-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6);margin-bottom:var(--space-6)}.milk-toolbar-right{margin-left:auto;display:flex;gap:var(--space-2)}.milk-filter-wrapper{position:relative}.milk-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:#ffffff4d;font-size:11px;font-weight:600;margin-left:6px;padding:0 5px}.milk-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:100;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-width:260px}.milk-filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.milk-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.milk-filter-clear{margin-top:var(--space-1);color:var(--color-danger)!important;font-size:var(--font-size-xs)!important;align-self:flex-start}.tasks-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5)}.tasks-tab-btn{padding:var(--space-2) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.tasks-tab-btn:hover{color:var(--text-primary)}.tasks-tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tasks-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:900px){.tasks-kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.tasks-kpi-grid{grid-template-columns:1fr}}.cal-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);gap:var(--space-3);flex-wrap:wrap}.cal-header-left{display:flex;align-items:center;gap:var(--space-3)}.cal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:180px}.cal-nav{display:flex;align-items:center;gap:var(--space-1)}.cal-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.cal-nav-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.cal-view-toggle{display:flex;gap:var(--space-1)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.cal-weekday{padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day{min-height:110px;padding:var(--space-2);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-card)}.cal-day:nth-child(7n){border-right:none}.cal-day:nth-last-child(-n+7){border-bottom:none}.cal-day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.cal-day--outside{background:var(--bg-primary)}.cal-day--outside .cal-day-number{color:var(--text-muted)}.cal-day--today .cal-day-number{background:var(--brand-primary);color:#fff;font-weight:var(--font-weight-bold)}.cal-pill{display:block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition-fast);line-height:1.6}.cal-pill:hover{opacity:.8}.cal-pill--purple{background:var(--color-purple-bg);color:var(--color-purple-text)}.cal-pill--info{background:var(--color-info-bg);color:var(--color-info-text)}.cal-pill--success{background:var(--color-success-bg);color:var(--color-success-text)}.cal-pill--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.cal-pill--pink{background:var(--color-pink-bg);color:var(--color-pink-text)}.cal-pill--neutral{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.cal-overflow{font-size:var(--font-size-xs);color:var(--text-muted);padding:1px var(--space-2);cursor:pointer;line-height:1.6}.cal-overflow:hover{color:var(--text-link)}.cal-week-grid{display:grid;grid-template-columns:repeat(7,1fr);min-height:300px}.cal-week-day{padding:var(--space-3);border-right:1px solid var(--border-color)}.cal-week-day:last-child{border-right:none}.cal-week-day-header{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold)}.cal-day-view{padding:var(--space-5);min-height:300px}.cal-day-view-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.cal-day-task-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:background var(--transition-fast)}.cal-day-task-item:hover{background:var(--bg-secondary)}.cal-day-task-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.cal-day-task-dot--purple{background:var(--color-purple-text)}.cal-day-task-dot--info{background:var(--color-info)}.cal-day-task-dot--success{background:var(--color-success)}.cal-day-task-dot--warning{background:var(--color-warning)}.cal-day-task-dot--pink{background:var(--color-pink-text)}.cal-day-task-dot--neutral{background:var(--color-neutral-text)}.cal-day-task-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.cal-day-task-meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:auto}.cal-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:var(--font-size-sm)}.task-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.task-detail-field{display:flex;flex-direction:column;gap:var(--space-1)}.task-detail-field.full-width{grid-column:1 / -1}.task-detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.task-detail-value{font-size:var(--font-size-base);color:var(--text-primary)}.task-detail-value.muted{color:var(--text-muted)}.task-detail-notes{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);white-space:pre-wrap}.task-detail-actions{display:flex;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.resources-summary{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.resources-summary strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.resource-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-sm)}.resource-card:hover{border-color:#c4bdb6;box-shadow:var(--shadow-md)}.resource-card-top{display:flex;align-items:flex-start;gap:var(--space-3)}.resource-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--brand-accent);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.resource-avatar--inactive{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.resource-info{flex:1;min-width:0}.resource-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.resource-role{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.resource-contact{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.resource-task-count{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted)}.resource-actions{margin-top:auto}.resource-card-icon-actions{display:flex;gap:var(--space-1);margin-left:auto;flex-shrink:0}.resource-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.resource-icon-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:var(--bg-card-hover)}.resource-icon-btn--danger:hover{color:var(--color-danger, #DC2626);border-color:var(--color-danger, #DC2626)}.resource-week-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.resource-week-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:180px;text-align:center}.resource-range-picker{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.resource-range-field{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--font-weight-semibold)}.resource-range-field .form-input{width:160px;text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-normal);color:var(--text-primary)}.resource-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;flex-wrap:wrap;gap:var(--space-2)}.resource-pagination-info{font-size:var(--font-size-sm);color:var(--text-muted)}.resource-pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.resource-tasks-scroll{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:560px;overflow:auto}.resource-tasks-scroll table.data-table{margin:0}.resource-tasks-scroll thead th{position:sticky;top:0;background:var(--bg-secondary);z-index:1}@media(max-width:600px){.resources-grid{grid-template-columns:1fr}}.tg-container{display:flex;flex-direction:column;overflow:hidden}.tg-allday-section{border-bottom:2px solid var(--border-color)}.tg-allday-label{font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-1) var(--space-2);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold)}.tg-allday-row{display:grid;min-height:32px;padding-bottom:var(--space-1)}.tg-allday-cell{padding:0 var(--space-1);display:flex;flex-direction:column;gap:2px}.tg-body{overflow-y:auto;max-height:600px;position:relative}.tg-grid{display:grid;position:relative;min-height:100%}.tg-gutter-label{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;padding-right:var(--space-2);padding-top:0;margin-top:-8px;pointer-events:none;-webkit-user-select:none;user-select:none}.tg-hour-line{border-top:1px solid var(--border-color);pointer-events:none}.tg-column{position:relative;border-right:1px solid var(--border-color)}.tg-column:last-child{border-right:none}.tg-column--today{background:rgba(var(--brand-accent-rgb, 45, 130, 120),.04)}.tg-slot-pair{position:absolute;left:0;right:0;display:flex;flex-direction:column}.tg-slot{flex:1;cursor:pointer;min-height:30px}.tg-slot:hover{background:rgba(var(--brand-accent-rgb, 45, 130, 120),.06)}.tg-slot--half{border-top:1px dashed var(--border-color)}.tg-event{position:absolute;left:2px;right:2px;border-radius:var(--radius-sm);padding:2px var(--space-1);cursor:pointer;overflow:hidden;z-index:1;transition:opacity var(--transition-fast);border-left:3px solid}.tg-event:hover{opacity:.85}.tg-event--purple{background:var(--color-purple-bg);color:var(--color-purple-text);border-left-color:var(--color-purple-text)}.tg-event--info{background:var(--color-info-bg);color:var(--color-info-text);border-left-color:var(--color-info-text)}.tg-event--success{background:var(--color-success-bg);color:var(--color-success-text);border-left-color:var(--color-success-text)}.tg-event--warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-left-color:var(--color-warning-text)}.tg-event--pink{background:var(--color-pink-bg);color:var(--color-pink-text);border-left-color:var(--color-pink-text)}.tg-event--neutral{background:var(--color-neutral-bg);color:var(--color-neutral-text);border-left-color:var(--color-neutral-text)}.tg-event-time{font-size:10px;font-weight:var(--font-weight-semibold);line-height:1.3;opacity:.85}.tg-event-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-now-line{position:absolute;left:0;right:0;height:2px;background:#ef4444;z-index:3;pointer-events:none}.tg-now-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;position:absolute;left:-5px;top:-4px}.tg-day-headers{display:grid;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.tg-day-header{text-align:center;padding:var(--space-2) var(--space-1)}.tg-day-header-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.tg-day-header-num{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-top:2px}.tg-day-header--today .tg-day-header-name{color:var(--brand-primary)}.tg-day-header--today .tg-day-header-num{background:var(--brand-primary);color:#fff;width:32px;height:32px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold)}.recurrence-selector{margin-top:var(--space-1)}.recurrence-custom-panel{margin-top:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4)}.recurrence-custom-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.recurrence-repeat-row{display:flex;align-items:center;gap:var(--space-2)}.recurrence-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.recurrence-number-input{width:64px!important;text-align:center}.recurrence-unit-select{width:120px!important}.recurrence-section{display:flex;flex-direction:column;gap:var(--space-2)}.recurrence-day-circles{display:flex;gap:var(--space-1)}.recurrence-day-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.recurrence-day-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.recurrence-day-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.recurrence-ends-options{display:flex;flex-direction:column;gap:var(--space-2)}.recurrence-radio{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.recurrence-radio input[type=radio]{accent-color:var(--brand-primary)}.recurrence-end-date-input{width:160px!important}.recurrence-custom-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-color)}.resource-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.resource-detail-info{display:flex;align-items:flex-start;gap:var(--space-3)}.resource-detail-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-top:var(--space-3)}.recurrence-scope-options{display:flex;flex-direction:column;gap:var(--space-3)}.recurrence-scope-radio{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.recurrence-scope-radio:hover{background:var(--bg-card-hover)}.recurrence-scope-radio input[type=radio]{accent-color:var(--brand-primary)}.analytics-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.analytics-toolbar-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.analytics-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.analytics-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-5)}.analytics-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:900px){.analytics-charts-row{grid-template-columns:1fr}}.analytics-chart-block{display:flex;flex-direction:column;gap:var(--space-2)}.analytics-chart-subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.analytics-stat-row{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.analytics-stat-card{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);min-width:140px}.analytics-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.analytics-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.notif-date-group{margin-bottom:var(--space-5)}.notif-date-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);padding:0 var(--space-1)}.notif-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:background .15s;margin-bottom:var(--space-2);border-left:3px solid transparent}.notif-row:hover{background:var(--bg-card-hover)}.notif-row.unread{border-left-color:var(--brand-primary);background:var(--bg-card-hover)}.notif-row.unread:hover{background:var(--bg-secondary)}.notif-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-primary);border:1px solid var(--border-color);flex-shrink:0;margin-top:2px}.notif-body{flex:1;min-width:0}.notif-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:var(--font-weight-normal)}.notif-title.unread{font-weight:var(--font-weight-semibold)}.notif-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-base)}.notif-time{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0;white-space:nowrap;margin-top:2px}.farm-form{display:flex;flex-direction:column;gap:var(--space-4)}.farm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.farm-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.farm-form-group.full{grid-column:1 / -1}.farm-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.farm-form-label .required{color:var(--color-danger);margin-left:2px}.farm-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border-color);margin-top:var(--space-2)}.farm-page-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.farm-page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.farm-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}@media(max-width:1024px){.farm-split-layout{grid-template-columns:1fr}}.farm-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.farm-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-5)}.farm-status-toggle{display:flex;align-items:center;gap:var(--space-3)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#c4bdb6;border-radius:50%;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-slider{background:var(--brand-accent);border-color:var(--brand-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px);background:#fff}.msd-wrapper{position:relative;width:100%}button.msd-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}button.msd-trigger .msd-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-fast)}button.msd-trigger[aria-expanded=true] .msd-chevron{transform:rotate(180deg)}button.msd-trigger .msd-placeholder{color:var(--text-muted)}.msd-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-1) 0;list-style:none;box-shadow:var(--shadow-md)}.msd-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.msd-option:hover{background:var(--bg-card-hover);color:var(--text-primary)}.msd-option input[type=checkbox]{accent-color:var(--brand-accent);cursor:pointer;flex-shrink:0}.form-input-readonly{padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-muted)}.access-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:900px){.access-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.access-kpi-grid{grid-template-columns:1fr}}.access-user-cell{display:flex;flex-direction:column;gap:2px}.access-user-email-primary{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.access-user-name-secondary{font-size:var(--font-size-xs);color:var(--text-muted)}.access-farm-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.access-uuid{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.03em}.access-date-cell{white-space:nowrap;color:var(--text-muted);font-size:var(--font-size-xs)}.access-cell-blank{color:var(--text-muted)}.access-delete-btn{color:var(--color-danger)!important;font-size:var(--font-size-xs)!important;white-space:nowrap}.access-delete-btn:hover:not(:disabled){background:var(--color-danger-bg)!important}.access-row-deleted td{opacity:.6}.reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.report-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}.report-card:hover{border-color:var(--brand-accent);box-shadow:var(--shadow-md)}.report-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:#00b8991a;color:var(--brand-accent)}.report-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.report-card-desc{font-size:var(--font-size-sm);color:var(--text-muted);flex:1}@media(max-width:900px){.reports-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.reports-grid{grid-template-columns:1fr}}