@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.sidebar{background-color:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;flex-direction:column;height:100%;position:relative;transition:all var(--transition-normal);width:280px;z-index:100}.sidebar.collapsed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;height:80px;justify-content:space-between;padding:var(--spacing-lg)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--spacing-md)}.sidebar-brand{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);overflow:hidden}.sidebar.collapsed .sidebar-brand{display:none}.brand-icon{align-items:center;background:var(--primary-soft);border-radius:var(--radius-md);display:flex;justify-content:center;padding:8px}.sidebar-title{color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:-.05rem;margin:0;white-space:nowrap}.text-primary{color:var(--primary)}.toggle-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.toggle-btn:hover{background-color:var(--background);color:var(--primary)}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;list-style:none;margin:0;overflow-y:auto;padding:var(--spacing-md)}.menu-item{position:relative}.menu-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.menu-button:hover{background-color:var(--surface-hover);color:var(--text-primary)}.menu-button.active{background:linear-gradient(90deg,var(--primary-soft),#0000);color:var(--primary);font-weight:600}.menu-button.active:before{background-color:var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.menu-content{gap:var(--spacing-md)}.menu-content,.menu-icon{align-items:center;display:flex}.menu-icon{justify-content:center;min-width:24px;transition:color var(--transition-fast)}.menu-text{transition:opacity var(--transition-fast);white-space:nowrap}.expand-icon{align-items:center;color:var(--text-tertiary);display:flex;transition:transform var(--transition-fast)}.menu-button.expanded .expand-icon{transform:rotate(180deg)}.sidebar.collapsed .expand-icon,.sidebar.collapsed .menu-text{display:none}.sidebar.collapsed .menu-button{justify-content:center;padding:.75rem}.sidebar.collapsed .menu-content{gap:0}.sidebar.collapsed .menu-button.active:before{display:none}.sidebar.collapsed .menu-button.active{background-color:var(--primary-soft);color:var(--primary)}.submenu{max-height:0;overflow:hidden;padding-left:0;transition:max-height var(--transition-normal)}.submenu.expanded{max-height:500px}.sidebar.collapsed .submenu{display:none}.submenu-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:var(--spacing-sm);margin-top:2px;padding:.6rem 1rem .6rem 3.5rem;position:relative;transition:all var(--transition-fast)}.submenu-item:before{background-color:var(--border);border-radius:50%;content:"";height:6px;left:2rem;position:absolute;top:50%;transform:translateY(-50%);transition:background-color var(--transition-fast);width:6px}.submenu-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.submenu-item:hover:before{background-color:var(--text-tertiary)}.submenu-item.active{background-color:var(--primary-soft);color:var(--primary);font-weight:500}.submenu-item.active:before{background-color:var(--primary)}.submenu-icon{display:none}.tooltip{background-color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-inverse);font-size:.85rem;font-weight:500;left:100%;margin-left:var(--spacing-md);opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;z-index:1000}.sidebar.collapsed .menu-item:hover .tooltip{opacity:1;transform:translateY(-50%) translateX(5px)}.mobile-menu-btn{display:none}@media (max-width:768px){.mobile-menu-btn{align-items:center;background-color:var(--primary);border:none;border-radius:var(--radius-full);bottom:var(--spacing-lg);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;left:auto;right:var(--spacing-lg);top:auto;width:56px;z-index:200}.mobile-menu-btn,.sidebar{box-shadow:var(--shadow-xl);position:fixed}.sidebar{border-right:none;height:100vh;left:0;top:0;transform:translateX(-100%)}.sidebar:not(.collapsed){transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%);width:280px}.sidebar:not(.collapsed):after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;bottom:0;content:"";left:280px;position:fixed;right:-100vw;top:0;z-index:-1}.sidebar-header .toggle-btn,.sidebar:not(.collapsed) .submenu{display:block}}header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#fffc;border-bottom:1px solid var(--border);height:80px;justify-content:space-between;padding:0 var(--spacing-xl);position:sticky;top:0;transition:all var(--transition-normal);z-index:90}.header-left,header{align-items:center;display:flex}.header-left{gap:var(--spacing-md)}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.header-right{gap:var(--spacing-lg)}.header-right,.user-profile{align-items:center;display:flex}.user-profile{border-radius:var(--radius-full);gap:var(--spacing-md);padding:.5rem;transition:background-color var(--transition-fast)}.user-profile:hover{background-color:var(--surface-hover)}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.user-role{background-color:var(--primary-soft);border-radius:var(--radius-full);color:var(--primary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:2px;padding:2px 8px;text-transform:uppercase}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;font-size:1.1rem;font-weight:600;height:42px;justify-content:center;width:42px}.logout-btn,.user-avatar{align-items:center;display:flex}.logout-btn{background-color:initial;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:.6rem 1rem;transition:all var(--transition-fast)}.logout-btn:hover{background-color:var(--error-soft);border-color:var(--error-soft);box-shadow:var(--shadow-sm);color:var(--error)}@media (max-width:768px){header{height:64px;padding:0 var(--spacing-md);padding-left:60px}.header-title{font-size:1.1rem}.logout-btn span,.user-info{display:none}.logout-btn{border-radius:50%;height:36px;justify-content:center;padding:.5rem;width:36px}}.dashboard{max-width:100%}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:800;letter-spacing:-.05rem;margin:0}.dashboard-header p{color:var(--text-secondary);font-size:1rem;margin:.25rem 0 0}.date-range-selector{align-items:center;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:.5rem;transition:all var(--transition-fast)}.date-range-selector:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.date-range-selector input{background-color:initial;border:1px solid #0000;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;outline:none;padding:.5rem .75rem;transition:all var(--transition-fast)}.date-range-selector input:hover{background-color:var(--surface-hover)}.date-range-selector input:focus{background-color:var(--background);color:var(--primary)}.date-range-selector span{color:var(--text-tertiary);font-size:.9rem;font-weight:500}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:after{background:linear-gradient(135deg,#0000,#00000005);border-radius:0 0 0 100%;content:"";height:100px;pointer-events:none;position:absolute;right:0;top:0;width:100px}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.stat-icon-wrapper{align-items:center;border-radius:var(--radius-full);display:flex;height:56px;justify-content:center;transition:transform var(--transition-fast);width:56px}.stat-card:hover .stat-icon-wrapper{transform:scale(1.1)}.stat-value{font-size:2.25rem;font-weight:800;letter-spacing:-.05rem;line-height:1.1;margin:0}.stat-title{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:0}.stat-subtitle{color:var(--text-tertiary);display:block;font-size:.85rem;font-weight:500;margin-top:.5rem}.trend{align-items:center;border-radius:var(--radius-full);display:flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:.25rem .5rem}.trend.positive{background-color:var(--success-soft);color:var(--success)}.trend.negative{background-color:var(--error-soft);color:var(--error)}.charts-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(12,1fr);margin-bottom:var(--spacing-xl)}.chart-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow var(--transition-fast)}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 1.5rem}.chart-large{grid-column:span 8}.chart-medium{grid-column:span 4}.custom-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.tooltip-label{color:var(--text-primary);font-weight:700;margin-bottom:.25rem}.custom-tooltip p{font-weight:500;margin:.25rem 0}.pie-chart-legend{border-top:1px solid var(--border);flex-direction:column;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.legend-item,.pie-chart-legend{display:flex;gap:var(--spacing-sm)}.legend-item{align-items:center;color:var(--text-secondary);font-size:.9rem;font-weight:500}.legend-color{border-radius:4px;height:12px;width:12px}.no-data-state{align-items:center;background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.no-data-icon{color:var(--text-tertiary);margin-bottom:var(--spacing-md);opacity:.4}@media (max-width:1200px){.chart-large,.chart-medium{grid-column:span 12}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.date-range-selector{justify-content:space-between;width:100%}.date-range-selector input{flex:1 1;width:auto}.stats-grid{grid-template-columns:1fr}}:root{--primary:#2e7d32;--primary-rgb:46,125,50;--primary-light:#4caf50;--primary-dark:#1b5e20;--primary-soft:#e8f5e9;--secondary:#0288d1;--secondary-light:#b3e5fc;--secondary-soft:#e1f5fe;--accent:#ffb300;--accent-soft:#fff8e1;--background:#f4f7f6;--surface:#fff;--surface-hover:#f8faf9;--text-primary:#263238;--text-secondary:#546e7a;--text-tertiary:#90a4ae;--text-inverse:#fff;--border:#eceff1;--border-hover:#cfd8dc;--error:#d32f2f;--error-soft:#ffebee;--success:#388e3c;--success-soft:#e8f5e9;--warning:#f57c00;--warning-soft:#fff3e0;--info:#0288d1;--info-soft:#e1f5fe;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);--shadow-xl:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;--shadow-inner:inset 0 2px 4px 0 #0000000f;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;background-color:var(--background);color:#263238;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6;margin:0;padding:0}*,:after,:before{box-sizing:border-box}.app-container{background-color:#f4f7f6;background-color:var(--background);display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;margin:0 auto;max-width:1920px;position:relative;width:100%}.page-content{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal);flex:1 1;max-width:100%;overflow-x:hidden;padding:2rem;padding:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{background:#0000;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.page-header,.page-title{align-items:center;display:flex}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1b5e20,#2e7d32);background:linear-gradient(135deg,var(--primary-dark),var(--primary));-webkit-background-clip:text;color:#263238;color:var(--text-primary);font-size:1.875rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);letter-spacing:-.025em}.card{background:#fff;background:var(--surface);border:1px solid #eceff1;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:#b3e5fc;border-color:var(--secondary-light);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #eceff1;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.card-title{color:#263238;color:var(--text-primary);font-size:1.25rem;font-weight:600}.btn{align-items:center;border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.01em;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#2e7d32,#1b5e20);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 6px -1px #2e7d324d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#4caf50,#2e7d32);background:linear-gradient(135deg,var(--primary-light),var(--primary));box-shadow:0 10px 15px -3px #2e7d3266;transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--surface);border-color:#eceff1;border-color:var(--border);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#546e7a;color:var(--text-secondary)}.btn-secondary:hover{background:#f8faf9;background:var(--surface-hover);border-color:#4caf50;border-color:var(--primary-light);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);color:#2e7d32;color:var(--primary)}.btn-danger{background:#fff;border:1px solid #ffebee;border:1px solid var(--error-soft);color:#d32f2f;color:var(--error)}.btn-danger:hover{background:#d32f2f;background:var(--error);border-color:#d32f2f;border-color:var(--error);box-shadow:0 4px 6px -1px #d32f2f4d;color:#fff}.btn-icon{align-items:center;background:#0000;border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-full);color:#546e7a;color:var(--text-secondary);display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.btn-icon:hover{background:#e8f5e9;background:var(--primary-soft);color:#2e7d32;color:var(--primary);transform:scale(1.1)}.actions-cell{display:flex;gap:.5rem;gap:var(--spacing-sm)}.form-input,.form-select,.form-textarea{background-color:#f4f7f6;background-color:var(--background);border:1px solid #eceff1;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#263238;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:#fff;background-color:var(--surface);border-color:#2e7d32;border-color:var(--primary);box-shadow:0 0 0 4px #e8f5e9;box-shadow:0 0 0 4px var(--primary-soft);outline:none}.form-label{color:#546e7a;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-row{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-actions{justify-content:flex-end;margin-top:1.5rem;margin-top:var(--spacing-lg)}.filter-bar,.form-actions{display:flex;gap:1rem;gap:var(--spacing-md)}.filter-bar{align-items:flex-end;background-color:#fff;background-color:var(--surface);border:1px solid #eceff1;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);flex-wrap:wrap;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;gap:.25rem}.table-container{background:#fff;background:var(--surface);border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);box-shadow:var(--shadow-lg);overflow-x:auto;width:100%}.data-table{border-collapse:initial;border-spacing:0;width:100%}.data-table th{background:#f4f7f6;background:var(--background);border-bottom:2px solid #eceff1;border-bottom:2px solid var(--border);color:#546e7a;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.data-table td{border-bottom:1px solid #eceff1;border-bottom:1px solid var(--border);color:#263238;color:var(--text-primary);font-size:.95rem;vertical-align:middle}.data-table tr{transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#e8f5e9;background-color:var(--primary-soft)}.data-table tr:hover td{color:#1b5e20;color:var(--primary-dark)}.no-data{color:#90a4ae;color:var(--text-tertiary);font-size:1.1rem;padding:3rem;padding:var(--spacing-2xl);text-align:center}.pregnant-badge,.role-badge,.status-badge,.type-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.available,.paid,.pregnant,.success{background-color:#e8f5e9;background-color:var(--success-soft);color:#388e3c;color:var(--success)}.due,.error,.not-pregnant,.unavailable,.unpaid{background-color:#ffebee;background-color:var(--error-soft);color:#d32f2f;color:var(--error)}.dry,.pending,.warning{background-color:#fff3e0;background-color:var(--warning-soft);color:#f57c00;color:var(--warning)}.cow,.info,.milk{background-color:#e1f5fe;background-color:var(--info-soft);color:#0288d1;color:var(--info)}.buffalo{background-color:#eceff1;color:#37474f}.glass-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.auth-page-container{align-items:center;background:linear-gradient(135deg,#a8ff78,#78ffd6);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-page-container:after,.auth-page-container:before{border-radius:50%;content:"";filter:blur(60px);opacity:.6;position:absolute;z-index:1}.auth-page-container:before{background:#2e7d32;height:400px;left:-100px;top:-100px;width:400px}.auth-page-container:after{background:#0288d1;bottom:-50px;height:300px;right:-50px;width:300px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;max-width:420px;padding:3rem;position:relative;width:100%;z-index:10}.auth-title{color:#1b5e20;color:var(--primary-dark);font-size:2rem;font-weight:800;letter-spacing:-.05rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#546e7a;color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem;text-align:center}.auth-footer{color:#90a4ae;color:var(--text-tertiary);font-size:.85rem;margin-top:1.5rem;text-align:center}.stat-box{background-color:#fff;background-color:var(--surface);border:1px solid #eceff1;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);text-align:center;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.stat-box:hover{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transform:translateY(-2px)}.alert{align-items:center;border-left:4px solid #0000;border-radius:.75rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.alert-error,.error-message{background-color:#ffebee;background-color:var(--error-soft);border-left-color:#d32f2f;border-left-color:var(--error);color:#d32f2f;color:var(--error)}.alert-success{background-color:#e8f5e9;background-color:var(--success-soft);border-left-color:#388e3c;border-left-color:var(--success);color:#388e3c;color:var(--success)}.alert-info{background-color:#e1f5fe;background-color:var(--info-soft);border-left-color:#0288d1;border-left-color:var(--info);color:#0288d1;color:var(--info)}.text-center{text-align:center}.text-right{text-align:right}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.loading-container{align-items:center;color:#546e7a;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #eceff1;border-left-color:#2e7d32;border:4px solid var(--border);border-left-color:var(--primary);border-radius:50%;height:48px;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:48px}@keyframes spin{to{transform:rotate(1turn)}}.pagination{gap:.5rem;gap:var(--spacing-sm);margin-top:1.5rem;margin-top:var(--spacing-lg)}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background-color:#fff;background-color:var(--surface);border:1px solid #eceff1;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-md);color:#263238;color:var(--text-primary);cursor:pointer;font-weight:500;height:40px;min-width:40px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:#e8f5e9;background-color:var(--primary-soft);border-color:#2e7d32;border-color:var(--primary);color:#2e7d32;color:var(--primary)}.pagination-btn.active{background-color:#2e7d32;background-color:var(--primary);border-color:#2e7d32;border-color:var(--primary);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.bill-preview{background-color:#f4f7f6;background-color:var(--background);display:flex;justify-content:center;overflow-x:auto;padding:1.5rem;padding:var(--spacing-lg)}.bill-container{background-color:#fff;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);box-shadow:var(--shadow-lg);color:#000;font-family:Times New Roman,serif;margin-bottom:2rem;margin-bottom:var(--spacing-xl);min-height:297mm;padding:20mm;position:relative;width:210mm}.bill-header{border-bottom:2px solid #000;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.dairy-name{font-size:24pt;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.dairy-address{font-size:11pt;line-height:1.4}.bill-info{display:flex;font-size:12pt;justify-content:space-between;margin-bottom:1.5rem}.bill-date,.bill-number{font-weight:700}.customer-info{font-size:12pt;margin-bottom:1.5rem}.bill-table{border-collapse:collapse;font-size:11pt;margin-bottom:2rem;width:100%}.bill-table td,.bill-table th{border:1px solid #000;padding:6px 8px;text-align:center}.bill-table th{background-color:#f0f0f0;font-weight:700}.bill-table tr.total-row td{background-color:#f9f9f9;border-top:2px solid #000;font-weight:700}.totals-section{float:right;font-size:12pt;width:50%}.calculation-row{border-bottom:1px dotted #ccc;margin-bottom:.5rem;padding-bottom:.5rem}.calculation-row,.final-total{display:flex;justify-content:flex-end}.final-total{border-top:2px solid #000;font-size:14pt;font-weight:700;margin-top:1rem;padding-top:.5rem}@media print{body *{visibility:hidden}.app-container,.header,.sidebar{display:none}.bill-preview,.bill-preview *{visibility:visible}.bill-preview{background:#fff;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.bill-container{box-shadow:none;height:auto;margin:0;padding:15mm;page-break-after:avoid;width:100%}.print-hide{display:none!important}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease-out;background:#fff;background:var(--surface);border:1px solid #ffffff80;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;max-width:500px;padding:2.5rem;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eceff1;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#1b5e20;color:var(--primary-dark);font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:#0000;border:none;color:#90a4ae;color:var(--text-tertiary);cursor:pointer;font-size:1.75rem;line-height:1;padding:0;transition:color .2s}.close-btn:hover{color:#d32f2f;color:var(--error)}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-actions{border-top:1px solid #eceff1;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app-container{overflow-x:hidden}.page-content{padding:1rem;padding:var(--spacing-md)}.page-title{font-size:1.5rem}.form-row{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.card,.filter-bar,.table-container{border-radius:.75rem;border-radius:var(--radius-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm)}.filter-group{width:100%}.filter-group input,.filter-group select{width:100%!important}.data-table td,.data-table th{font-size:.85rem;padding:.5rem;padding:var(--spacing-sm)}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.pregnant-badge,.role-badge,.status-badge,.type-badge{font-size:.65rem;padding:.15rem .5rem}.actions-cell{flex-direction:column;gap:.25rem}.btn-icon{height:30px;width:30px}.btn{margin-bottom:.5rem;width:100%}.header-right{flex-wrap:wrap;justify-content:flex-end}.modal-content{padding:1.5rem;width:95%}.dashboard-header{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.ae4f5ee3.css.map*/