@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block!important;height:auto!important;margin:0;min-height:auto!important;padding:0}body{background-color:#f0f4f9;color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}#root{display:block!important;height:auto!important;margin:0;min-height:auto!important;padding:0}::-webkit-scrollbar{display:none;height:0;width:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb:hover{display:none}*{-ms-overflow-style:none;scrollbar-width:none}:root{--primary-hover:#2aa6dc;--primary-light:#5fc5f0;--primary-dark:#2aa6dc;--primary-gradient:linear-gradient(135deg,#37b7ef,#2aa6dc 50%,#1e8fc4);--secondary:#8b5cf6;--text-accent:#37b7ef;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-body:#334155;--text-empty:#94a3b8;--background:#f0f4f9;--background-secondary:#f0f4f9;--surface:#fff;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-size-page-title:24px;--font-size-section-header:16px;--font-size-card-label:14px;--font-size-card-value:36px;--font-size-body:14px;--font-size-empty:14px;--font-size-table-header:13px;--font-size-h1:24px;--font-size-h2:24px;--font-size-h3:16px;--font-size-h4:16px;--font-size-body-large:14px;--font-size-small:14px;--font-size-tiny:13px;--font-size-caption:13px;--font-size-label:14px;--font-size-button:14px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.5;--line-height-loose:1.6;--letter-spacing-tight:-0.02em;--letter-spacing-normal:-0.01em;--letter-spacing-wide:0;--letter-spacing-wider:0.01em}:focus,a:focus,button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary);outline-offset:2px}::selection{background:#dbeafe;color:#0f172a}div:hover:not(button):not(.action-btn):not(.pagination-btn):not(.sidebar-item):not(.farm-tab):not(.status-badge):not(.filter-group):not(.search-box):not(.header-search):not(.profile-card):not(.profile-card-row):not(.profile-card-row-clickable):not(.profile-row-label):not(.profile-row-value):not(.profile-row-value-with-arrow):not(.profile-card-title):not(.profile-title):not(.profile-subtitle):not(.profile-back-button):not(.profile-menu-item):not(.profile-sidebar):not(.profile-content):not(.user-menu-wrapper):not(.user-menu-trigger):not(.user-menu-dropdown):not(.user-menu-item):not(.back-button),h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover,label:hover:not(.input-label),p:hover,span:hover,td:hover:not(.farm-action-cell),th:hover{color:#37b7ef!important;transition:color .2s ease}.company-name:hover,.farm-code-cell:hover,.farm-location-cell:hover,.farm-name-cell:hover,.heading-1:hover,.heading-2:hover,.heading-3:hover{color:#37b7ef!important;cursor:pointer;transition:color .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-h1,h1{color:#0f172a;color:var(--text-primary);font-size:24px;font-size:var(--font-size-h1);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}.text-h2,h2{font-size:24px;font-size:var(--font-size-h2)}.text-h2,.text-h3,h2,h3{color:#0f172a;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-normal);line-height:1.4;line-height:var(--line-height-normal);margin:0}.text-h3,h3{font-size:16px;font-size:var(--font-size-h3)}.text-h4,h4{font-size:16px;font-size:var(--font-size-h4);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.4;line-height:var(--line-height-normal)}.text-body,.text-h4,h4,p{color:#0f172a;color:var(--text-primary);letter-spacing:0;letter-spacing:var(--letter-spacing-wide);margin:0}.text-body,p{font-size:14px;font-size:var(--font-size-body)}.text-body,.text-body-large,p{font-weight:400;font-weight:var(--font-weight-normal);line-height:1.6;line-height:var(--line-height-loose)}.text-body-large{color:#0f172a;color:var(--text-primary);font-size:14px;font-size:var(--font-size-body-large)}.text-body-large,.text-small{letter-spacing:0;letter-spacing:var(--letter-spacing-wide)}.text-small{font-size:14px;font-size:var(--font-size-small);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-relaxed)}.text-caption,.text-small,.text-tiny{color:#64748b;color:var(--text-secondary)}.text-caption,.text-tiny{font-size:13px;font-size:var(--font-size-tiny);letter-spacing:.01em;letter-spacing:var(--letter-spacing-wider);line-height:1.4;line-height:var(--line-height-normal)}.text-caption,.text-label,.text-tiny{font-weight:500;font-weight:var(--font-weight-medium)}.text-label{font-size:14px;font-size:var(--font-size-label);letter-spacing:0;letter-spacing:var(--letter-spacing-wide);line-height:1.5;line-height:var(--line-height-relaxed)}.text-label,.text-primary{color:#0f172a;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-tertiary{color:#94a3b8;color:var(--text-tertiary)}.text-muted{color:#64748b;color:var(--text-secondary);opacity:.8}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}*{-webkit-tap-highlight-color:rgba(55,183,239,.2);-webkit-touch-callout:none}a,button,input,select,textarea{-webkit-appearance:none;appearance:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-overflow-scrolling:touch;overflow-x:hidden}@media (max-width:768px){:root{--font-size-h1:28px;--font-size-h2:22px;--font-size-h3:18px;--font-size-h4:16px;--font-size-body-large:16px;--font-size-body:15px}.btn,a.button,button{min-height:44px;min-width:44px;padding:12px 16px}input,select,textarea{font-size:16px!important}}@media (max-width:480px){:root{--font-size-h1:24px;--font-size-h2:20px;--font-size-h3:18px;--font-size-h4:16px;--font-size-body-large:16px;--font-size-body:14px}.btn,a.button,button{font-size:14px;min-height:40px;padding:10px 14px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}select option[value=Active],select option[value=active]{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important}select option[value=Active]:hover,select option[value=active]:hover{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}select option[value=Inactive],select option[value=inactive]{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important}select option[value=Inactive]:hover,select option[value=inactive]:hover{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}#root:has(.login-page),body:has(.login-page),html:has(.login-page){display:block!important;height:auto!important;min-height:auto!important}#root:has(.login-page) *,body:has(.login-page) *,html:has(.login-page) *{height:auto!important;min-height:auto!important}.login-page{align-items:flex-start!important;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;filter:none;-webkit-filter:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:auto!important;justify-content:center;margin-top:0!important;min-height:auto!important;padding-bottom:40px;padding-top:12px;position:relative;width:100%}.login-page:after,.login-page:before{display:none}.login-page-container{align-items:flex-start!important;background:#0000!important;display:flex;height:auto!important;justify-content:center;margin-top:0!important;min-height:auto!important;padding:0!important}.login-page-container .page-header{display:none}.login-page-container .page-content{margin:0;max-width:100%;padding:0;width:100%}.login-container{align-items:flex-start;display:flex;justify-content:center}.login-card,.login-container{margin:0 auto;max-width:400px;width:100%}.login-card{animation:auth-card-fade-in .42s ease-out forwards;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0f172a1f;opacity:0;overflow-y:auto;padding:32px!important;position:relative;transform:translateY(16px);z-index:2}.login-header{margin-bottom:16px;text-align:center}.auth-logo,.login-logo{background:#0000;height:auto;margin-bottom:4px;margin-top:0!important;mix-blend-mode:normal;object-fit:contain;opacity:1;width:220px}.login-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:0 auto 16px;text-align:center;width:100%}.login-title,.workforce-text{color:#0f172a}.management-text{color:#37b7ef}.google-signin-section{margin-bottom:16px}.google-signin-button{align-items:center;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px;box-shadow:0 1px 3px #00000014;color:#0f172a;display:flex;font-size:16px;font-weight:500;gap:12px;height:48px;justify-content:center;transition:all .2s ease;width:100%}.google-signin-button:hover:not(.btn-disabled){background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 2px 6px #0000001f}.google-signin-button svg{display:block;flex-shrink:0;height:20px;width:20px}.divider-text{color:#64748b;font-weight:400}.login-form{display:flex;flex-direction:column;gap:0}.password-toggle{right:14px;top:50%;transform:translateY(-50%)}.error-message,.success-message{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}.success-message{font-size:14px}.login-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-top:4px}.remember-me-checkbox{align-items:center;color:#334155;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;gap:8px;position:relative;-webkit-user-select:none;user-select:none}.remember-me-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #e2e8f0;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;margin:0;position:relative;transition:all .2s ease;width:18px}.remember-me-checkbox input[type=checkbox]:checked{background-color:#37b7ef;border-color:#37b7ef}.remember-me-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.remember-me-checkbox input[type=checkbox]:hover:not(:disabled){border-color:#37b7ef}.remember-me-checkbox input[type=checkbox]:focus{outline:2px solid #37b7ef;outline-offset:2px}.remember-me-checkbox input[type=checkbox]:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}.forgot-password-link{color:#37b7ef;cursor:pointer;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#0284c7;text-decoration:underline}.login-button{background:#37b7ef!important;border:none;border-radius:8px;box-shadow:0 2px 6px #00000014;font-size:16px;font-weight:500;height:48px!important;margin-top:0;padding:0;width:100%}.login-button:hover:not(.btn-disabled){background:#0284c7!important;box-shadow:0 2px 8px #0000001f}.login-button:active:not(.btn-disabled){box-shadow:0 1px 4px #0000001a;transform:translateY(1px)}.signup-section{border-top:1px solid #e2e8f0;color:#334155;margin-top:16px;padding-top:16px;text-align:center}.signup-link,.signup-section{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400}.signup-link{color:#0f172a;cursor:pointer;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:#37b7ef;text-decoration:underline}@media (max-width:480px){.login-page{padding-bottom:20px;padding-top:16px}.login-card{padding:16px 24px!important}.login-logo{width:200px}.login-title{font-size:20px}.login-options{align-items:flex-start;flex-direction:column;gap:12px}.forgot-password-link{align-self:flex-end}}.typography-h1{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:0}.typography-h2{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.typography-h2,.typography-h3{color:#0f172a;font-size:18px;line-height:1.4;margin:0}.typography-h3{color:var(--text-primary,#0f172a);font-weight:600}.typography-body{font-size:14px;line-height:1.5;margin:0}.typography-body,.typography-small{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}.typography-small{font-size:12px;line-height:1.4}.heading-1{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:0}.heading-accent{color:#37b7ef;color:var(--text-accent,#37b7ef)}.input-wrapper{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;width:100%}.input-label,.input-wrapper:last-child{margin-bottom:0}.input-label{align-items:center;color:#475569;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;gap:4px;line-height:1.4}.input-required{color:#ef4444}.input-field{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;height:44px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.input-field:focus{border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26;outline:none}.input-field:disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.input-field:hover:not(:disabled):not(:focus){border-color:#cbd5e1}.input-field::placeholder{color:#94a3b8;font-weight:400}.input-error,.input-error:focus{border-color:#ef4444}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.input-error-message{color:#ef4444;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}textarea.input-field{line-height:1.5;min-height:96px;padding:12px 14px;resize:vertical}.app-input,input.app-input,select.app-input,textarea.app-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;height:44px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.app-input:focus{border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26;outline:none}.app-input:disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.app-input:hover:not(:disabled):not(:focus){border-color:#cbd5e1}.app-input::placeholder{color:#94a3b8;font-weight:400}.app-input.input-error{border-color:#ef4444}.app-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}select.app-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}select option{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;font-weight:500!important;padding:10px 14px!important}select option:active,select option:checked,select option:focus,select option:hover,select option[selected]{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}select option[value=Active]{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important}select option[value=Active]:hover{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}select option[value=Inactive]{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important}select option[value=Inactive]:hover{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}textarea.app-input{line-height:1.5;min-height:96px;resize:vertical}.form-input,.form-select,input.form-input,select.form-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;height:44px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus,.form-select:focus{box-shadow:0 0 0 3px #37b7ef26}.form-input:disabled,.form-select:disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.form-input:hover:not(:disabled):not(:focus),.form-select:hover:not(:disabled):not(:focus){border-color:#cbd5e1}.form-input::placeholder{font-weight:400}.form-input.input-error,.form-select.input-error{border-color:#ef4444}.form-input.input-error:focus,.form-select.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}select.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.btn{align-items:center;box-sizing:border-box;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;gap:8px;height:40px;justify-content:center;line-height:1.5;padding:0 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:focus{box-shadow:0 0 0 3px #0ea5e91a;outline:none}.btn-primary{background:linear-gradient(135deg,#37b7ef,#8b5cf6);box-shadow:0 4px 12px #8b5cf64d;font-weight:600}.btn-primary:hover:not(.btn-disabled){background:linear-gradient(135deg,#2aa6dc,#7c3aed);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.btn-primary:active:not(.btn-disabled){background:linear-gradient(135deg,#2596c4,#6d28d9);box-shadow:0 2px 8px #8b5cf64d;transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;box-shadow:0 2px 4px #0000000d;color:#0f172a;font-weight:600}.btn-secondary:hover:not(.btn-disabled){background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#8b5cf64d;box-shadow:0 4px 8px #8b5cf61a;transform:translateY(-1px)}.btn-secondary:active:not(.btn-disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;font-weight:600}.btn-danger:hover:not(.btn-disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-danger:active:not(.btn-disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 2px 8px #ef44444d;transform:translateY(0)}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media (max-width:768px){.btn{font-size:15px;min-height:44px;padding:0 16px}}@media (max-width:480px){.btn{font-size:14px;min-height:40px;padding:0 14px}}.auth-page{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:24px 16px;width:100%}.auth-page-inner{max-width:420px;width:100%}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0f172a1f;padding:24px 24px 20px;width:100%}.auth-header{margin-bottom:16px;text-align:center}.auth-logo{background:#0000;display:block;height:auto;margin:0 auto 8px;object-fit:contain;width:220px}.auth-title{color:#0f172a;font-size:24px;font-weight:700;line-height:1.3;margin:0 auto 8px;text-align:center}.auth-subtitle{color:#475569;font-size:14px;line-height:1.5;margin:0;text-align:center}.auth-form{display:flex;flex-direction:column;gap:0}.auth-form .input-wrapper{margin-bottom:16px}.auth-actions{border-top:1px solid #e2e8f0;color:#475569;margin-top:16px;padding-top:16px;text-align:center}@media (max-width:480px){.auth-page{padding:20px 16px}.auth-card{padding:20px 20px 16px}.auth-title{font-size:20px}.auth-logo{width:200px}}.modal-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;padding:20px;z-index:10000}.modal{background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 20px 60px #00000040,0 8px 24px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;opacity:0;position:relative;transform:scale(.95) translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1);width:90%;z-index:10001}.modal-open{opacity:1;transform:scale(1) translateY(0)}.modal-header{background:linear-gradient(180deg,#fff,#f8fafc);padding:24px 28px}.modal-title{color:#0f172a;font-weight:700;letter-spacing:-.01em}.modal-close{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.modal-close:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#37b7ef;box-shadow:0 2px 8px #37b7ef33;color:#37b7ef;transform:rotate(90deg) scale(1.1)}.modal-content{padding:24px}.modal-footer{gap:12px}@media (max-width:768px){.modal{max-height:95vh;width:95%}.modal-content,.modal-footer,.modal-header{padding:16px}}#root:has(.signup-page),body:has(.signup-page),html:has(.signup-page){display:block!important;height:auto!important;min-height:auto!important}#root:has(.signup-page) *,body:has(.signup-page) *,html:has(.signup-page) *{height:auto!important;min-height:auto!important}.signup-page{align-items:flex-start!important;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;filter:none;-webkit-filter:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:auto!important;justify-content:center;margin-top:0!important;min-height:auto!important;padding-bottom:40px;padding-top:12px;position:relative;width:100%}.signup-page:after,.signup-page:before{display:none}.signup-page-container{align-items:flex-start!important;background:#0000!important;display:flex;height:auto!important;justify-content:center;margin-top:0!important;min-height:auto!important;padding:0!important}.signup-page-container .page-header{display:none}.signup-page-container .page-content{margin:0;max-width:100%;padding:0;width:100%}.signup-container{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:350px;width:100%}.signup-card{animation:auth-card-fade-in .42s ease-out forwards;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0f172a1f;margin:0 auto;max-width:400px;opacity:0;overflow-y:auto;padding:32px!important;position:relative;transform:translateY(16px);width:100%;z-index:2}.signup-header{margin-bottom:16px;text-align:center}.logo-section{margin-bottom:4px}.auth-logo,.signup-logo{background:#0000;height:auto;margin-bottom:4px;margin-top:0!important;mix-blend-mode:normal;object-fit:contain;opacity:1;width:220px}.signup-title{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:0 auto 16px;text-align:center;width:100%}.google-signup-section{margin-bottom:16px}.google-error-note{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin-top:8px;padding:8px 12px;text-align:center}.google-error-note small{color:#92400e;font-size:12px}.google-signup-button{align-items:center;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px;box-shadow:0 1px 3px #00000014;color:#0f172a;display:flex;font-size:16px;font-weight:500;gap:12px;height:44px;justify-content:center;transition:all .2s ease;width:100%}.google-signup-button:hover:not(.btn-disabled){background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 2px 6px #0000001f}.google-signup-button svg{display:block;flex-shrink:0;height:20px;width:20px}.divider-section{align-items:center;display:flex;gap:16px;margin-bottom:16px}.divider-line{background:#e2e8f0;flex:1 1;height:1px}.divider-text{color:#475569;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.signup-form .input-label{color:#475569}.signup-form{display:flex;flex-direction:column;gap:0}.signup-form .input-wrapper{margin-bottom:16px}.signup-form .input-wrapper:last-of-type{margin-bottom:0}.phone-input-row{display:flex;gap:12px;margin-bottom:16px}.country-code-wrapper{display:flex;flex:0 0 140px;flex-direction:column;gap:6px}.phone-label{align-items:center;color:#475569;display:flex;gap:4px}.country-code-select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#0f172a;cursor:pointer;font-family:Inter,Roboto,sans-serif;font-size:16px;font-weight:400;padding:12px;transition:all .25s ease;width:100%}.country-code-select:focus{background-color:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.country-code-select:hover:not(:focus){background-color:#f1f5f9;border-color:#cbd5e1}.country-code-select:focus{border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef1a,0 2px 6px #00000014;outline:none}.country-code-select:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}.country-code-display{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#0f172a;cursor:default;font-family:Inter,Roboto,sans-serif;font-size:16px;font-weight:400;padding:12px;-webkit-user-select:none;user-select:none;width:100%}.phone-number-wrapper{flex:1 1}.phone-number-wrapper .input-wrapper{margin-bottom:0}.password-input-wrapper{margin-bottom:16px}.password-input-wrapper .input-wrapper{margin-bottom:0}.password-toggle{border-radius:4px;height:32px;padding:8px;top:42px;width:32px;z-index:1}.password-toggle:hover{background:#37b7ef1a}.password-toggle svg{height:20px;width:20px}.success-message{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;margin-bottom:16px;padding:12px 16px}.signup-button{background:#37b7ef!important;border:none;border-radius:8px;box-shadow:0 2px 6px #00000014;font-size:16px;font-weight:500;height:48px!important;margin-top:0;padding:0;width:100%}.signup-button:hover:not(.btn-disabled){background:#0284c7!important;box-shadow:0 2px 8px #0000001f}.signup-button:active:not(.btn-disabled){box-shadow:0 1px 4px #0000001a;transform:translateY(1px)}.signin-section{border-top:1px solid #e2e8f0;color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;margin-top:16px;padding-top:16px;text-align:center}.signin-link{color:#37b7ef;cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s ease}.signin-link:hover{color:#0284c7;text-decoration:underline}@media (max-width:480px){.signup-page{padding-bottom:20px;padding-top:16px}.signup-card{padding:16px 24px!important}.signup-logo{width:200px}.signup-title{font-size:20px}.phone-input-row{flex-direction:column;gap:16px}.country-code-wrapper{flex:1 1}}.accept-invite-container{align-items:center;background:linear-gradient(180deg,#f8fafc,#fff);display:flex;justify-content:center;min-height:100vh;padding:24px}.accept-invite-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;max-width:480px;padding:48px;text-align:center;width:100%}.accept-invite-loading{align-items:center;display:flex;flex-direction:column;gap:16px}.accept-invite-loading p{color:#64748b;font-size:14px;margin:0}.spinner{border:4px solid #e2e8f0;height:48px;width:48px}.accept-invite-error,.accept-invite-success{align-items:center;display:flex;flex-direction:column;gap:16px}.accept-invite-error svg{color:#ef4444}.accept-invite-success svg{color:#16a34a}.accept-invite-error h2,.accept-invite-success h2{color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;margin:0}.accept-invite-error p,.accept-invite-success p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.accept-invite-redirect{color:#94a3b8;font-size:12px;margin-top:8px}.accept-invite-button{background:#37b7ef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s ease}.accept-invite-button:hover{background:#0ea5e9;box-shadow:0 4px 8px #37b7ef4d;transform:translateY(-1px)}.accept-invite-button:active{transform:translateY(0)}.set-password-container{margin:0 auto;max-width:420px;width:100%}.set-password-card{background:#fff;background:var(--card-background,#fff);border-radius:16px;box-shadow:0 4px 24px #00000014;padding:40px}.set-password-header{margin-bottom:32px;text-align:center}.set-password-logo{height:80px;margin-bottom:24px;object-fit:contain;width:80px}.set-password-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:24px;font-weight:700;margin:0 0 12px}.set-password-subtitle{font-size:14px;line-height:1.5;margin:0}.set-password-email,.set-password-subtitle{color:#64748b;color:var(--text-secondary,#64748b)}.set-password-email{background:#f1f5f9;border-radius:8px;font-size:13px;margin-top:12px;padding:8px 12px}.set-password-email strong{color:#1e293b;color:var(--text-primary,#1e293b)}.set-password-form{display:flex;flex-direction:column;gap:20px}.form-group label .required{color:#dc2626;margin-left:2px}.form-group label .optional{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:400;margin-left:4px}.text-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.text-input:focus{border-color:#37b7ef;border-color:var(--primary,#37b7ef);box-shadow:0 0 0 3px #37b7ef26;outline:none}.text-input:disabled{background:#f1f5f9;cursor:not-allowed}.password-input-wrapper input{border-radius:8px;padding:12px 60px 12px 16px;transition:border-color .2s,box-shadow .2s}.password-input-wrapper input:focus{box-shadow:0 0 0 3px #37b7ef26;outline:none}.password-toggle{background:#0000;color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;right:12px}.password-toggle:hover{color:#37b7ef;color:var(--primary,#37b7ef)}.submit-button{background:linear-gradient(135deg,#37b7ef,#2da3d8);border-radius:8px;padding:14px 24px;transition:all .2s}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2da3d8,#2590c0)}.submit-button:disabled{opacity:.6}.error-message{background:#fee2e2;border:1px solid #fca5a5}.success-icon{background:#059669;color:#fff;margin:0 auto 20px}.success-message h3{margin:0 0 8px}.success-message p{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px}.checking-session{padding:40px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid var(--primary,#37b7ef);height:40px;margin:0 auto 16px;width:40px}.checking-session p{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0}@media (max-width:480px){.set-password-card{padding:24px}.set-password-title{font-size:20px}}.forgot-password-page{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;filter:none;-webkit-filter:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0;position:relative;width:100%}.forgot-password-page:after,.forgot-password-page:before{display:none}.forgot-password-page-container{align-items:center;background:#0000!important;display:flex;justify-content:center;margin:0;min-height:100vh!important;padding:0!important}.forgot-password-page-container .page-header{display:none}.forgot-password-page-container .page-content{margin:0;max-width:100%;padding:0;width:100%}.forgot-password-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:420px;width:100%}.forgot-password-card{animation:auth-card-fade-in .42s ease-out forwards;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 20px #00000014;margin:0;max-width:420px;opacity:0;padding:32px 28px;position:relative;transform:translateY(16px);width:100%;z-index:2}@keyframes auth-card-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.forgot-password-header{margin-bottom:24px;text-align:center}.logo-section{display:flex;justify-content:center}.forgot-password-logo,.logo-section{margin-bottom:8px;margin-top:0!important}.forgot-password-logo{background:#0000;height:auto;mix-blend-mode:normal;object-fit:contain;opacity:1;width:220px}.forgot-password-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:24px;font-weight:700;line-height:1.3;margin:0 auto 16px;text-align:center;width:100%}.page-subtitle{font-size:16px;text-align:center}.forgot-password-form{display:flex;flex-direction:column;gap:0}.forgot-password-form .input-wrapper{margin-bottom:16px}.forgot-password-button{background:#1da1f2!important;border:none;border-radius:12px;box-shadow:0 2px 6px #00000014;font-size:16px;font-weight:600;height:50px!important;margin-top:0;padding:0;width:100%}.forgot-password-button:hover:not(.btn-disabled){background:#1a8cd8!important;box-shadow:0 2px 8px #0000001f}.forgot-password-button:active:not(.btn-disabled){box-shadow:0 1px 4px #0000001a;transform:translateY(1px)}.back-to-login{border-top:1px solid #e2e8f0;color:#475569;color:var(--text-secondary,#475569);margin-top:16px;padding-top:16px}.back-to-login-link{color:#37b7ef;cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s ease}.back-to-login-link:hover{color:#0284c7;text-decoration:underline}.success-message{padding:0}.success-message h3{color:#0f172a;color:var(--text-primary,#0f172a);font-size:24px;font-weight:700;line-height:1.3}.success-message p{margin:0 0 16px}.email-troubleshooting{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;font-size:14px;margin:16px 0;padding:12px 16px;text-align:left}.email-troubleshooting p{color:#92400e;font-weight:500;margin:0 0 8px}.email-troubleshooting ul{color:#78350f;margin:8px 0;padding-left:20px}.email-troubleshooting li{line-height:1.5;margin:4px 0}.success-message strong{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:600}@media (max-width:480px){.forgot-password-page{padding:16px}.forgot-password-card{margin:0;padding:24px}.forgot-password-logo{width:200px}.forgot-password-title{font-size:20px}}.reset-password-container{align-items:center;background:#f8fafc;background:var(--background,#f8fafc);display:flex;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);justify-content:center;min-height:100vh;padding:16px;padding:var(--spacing-md,16px)}.reset-password-card{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);max-width:440px;padding:32px;padding:var(--spacing-xl,32px);width:100%}.reset-password-header{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);text-align:center}.logo-placeholder{align-items:center;display:flex;flex-direction:column;gap:0;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.logo-icon{height:180px;margin-bottom:0;object-fit:contain;width:180px}.company-name{color:var(--text-primary,#0f172a);font-size:24px;margin:-8px 0 0}.company-name .heading-accent{color:var(--text-accent,#37b7ef)}.page-title{color:var(--text-primary,#0f172a);margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.page-title .heading-accent{color:#37b7ef;color:var(--text-accent,#37b7ef)}.page-subtitle{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);line-height:1.5;margin:0}.reset-password-form{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);outline:none;padding:12px 48px 12px 16px;transition:all .2s ease;width:100%}.password-input-wrapper input:focus{border-color:#37b7ef;border-color:var(--primary,#37b7ef);box-shadow:0 0 0 3px #37b7ef1a}.password-input-wrapper input::placeholder{color:#475569;color:var(--text-secondary,#475569)}.password-input-wrapper input:disabled{cursor:not-allowed;opacity:.6}.password-toggle{align-items:center;background:none;border:none;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:4px 8px;position:absolute;right:16px;transition:color .2s ease}.password-toggle .icon-text{font-size:14px}.password-toggle:hover:not(:disabled){color:#37b7ef;color:var(--primary,#37b7ef)}.password-toggle:focus{border-radius:4px;outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.password-toggle:disabled{cursor:not-allowed;opacity:.6}.submit-button{background:#37b7ef;background:var(--primary,#37b7ef);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin-top:8px;margin-top:var(--spacing-sm,8px);padding:14px 20px;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background:#2aa3d9;box-shadow:0 4px 12px #37b7ef4d;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message{border:1px solid #fecaca;border-radius:10px;margin-top:8px;margin-top:var(--spacing-sm,8px);padding:12px 16px;text-align:center}.success-message{padding:24px;padding:var(--spacing-lg,24px);text-align:center}.success-icon{align-items:center;background:#d1fae5;border-radius:50%;color:#059669;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--spacing-md,16px);width:64px}.success-message h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:20px;font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.success-message p{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);line-height:1.6;margin:0}.back-to-login{margin-top:8px;margin-top:var(--spacing-sm,8px);text-align:center}.back-to-login a{color:#37b7ef;color:var(--primary,#37b7ef);font-size:14px;font-size:var(--small-text-size,14px);text-decoration:none;transition:color .2s ease}.back-to-login a:hover{color:#2aa3d9;text-decoration:underline}@media (max-width:480px){.reset-password-card{max-width:100%;padding:24px;padding:var(--spacing-lg,24px)}.reset-password-container{padding:16px;padding:var(--spacing-md,16px)}.company-name{font-size:20px}.logo-icon{height:150px;width:150px}.page-title{font-size:22px}}.dashboard-container{background:linear-gradient(180deg,#f8fafc,#fff);box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow-x:hidden;padding-top:0!important;position:relative;width:100%}.dashboard-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.dashboard-content{box-sizing:border-box;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:104px 24px 24px;position:relative;width:100%;z-index:1}.dashboard-header{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.farm-selector-wrapper{align-items:center;display:flex;gap:16px;gap:var(--spacing-md,16px)}.farm-selector-label{font-weight:500}.farm-selector,.farm-selector-label{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.farm-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:400;min-width:200px;outline:none;padding:0 16px;transition:all .2s ease}.farm-selector:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.farm-selector:hover{border-color:#37b7ef;border-color:var(--primary,#37b7ef)}.farm-selector:focus{border-color:var(--primary,#37b7ef);box-shadow:0 0 0 3px #37b7ef1a}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}.section-title.farm-name-title{display:block!important;display:inline-block!important;margin:0!important;text-overflow:ellipsis!important}.dashboard-topbar .farm-name-title,.section-title.farm-name-title{font-size:24px!important;max-width:100%!important;opacity:1!important;overflow:visible!important;text-align:center!important;visibility:visible!important;white-space:nowrap!important;width:auto!important}.dashboard-topbar .farm-name-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;box-sizing:border-box;display:block!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700!important;letter-spacing:-.02em;line-height:1.3;margin:0 auto!important;padding:0!important;position:relative}.farm-name-title:after{display:none}.summary-section{margin-bottom:40px;padding:0}.dashboard-summary-cards-circular{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px;width:100%}.summary-card-circular{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:36px 28px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.summary-card-circular:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);height:4px;left:0;right:0;top:0}.summary-card-circular:after,.summary-card-circular:before{content:"";opacity:0;position:absolute;transition:opacity .4s ease}.summary-card-circular:after{background:radial-gradient(circle,#8b5cf60d 0,#0000 70%);height:200%;left:-50%;pointer-events:none;top:-50%;width:200%}.summary-card-circular:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#8b5cf64d;box-shadow:0 12px 32px #8b5cf626,0 6px 12px #0000001a;transform:translateY(-6px) scale(1.02)}.summary-card-circular:hover:before{height:4px;opacity:1}.summary-card-circular:hover:after{opacity:1}.circular-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px;position:relative;transition:all .3s ease;z-index:1}.summary-card-circular:hover .circular-number{transform:scale(1.1)}.circular-label{box-sizing:border-box;color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1.5;padding:0 4px;position:relative;text-align:center;z-index:1}.dashboard-summary-cards-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.metric-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metric-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-4px)}.metric-card:hover:before{opacity:1}.metric-card-header{margin-bottom:12px}.metric-label{color:#64748b;font-size:14px;font-weight:500}.metric-label,.metric-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.metric-chart-mini{align-items:center;display:flex;height:30px;margin-bottom:8px}.metric-change{border-radius:12px;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;padding:4px 8px}.metric-change.positive{background:#10b9811a;color:#10b981}.metric-change.negative{background:#ef44441a;color:#ef4444}.dashboard-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card-item:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.summary-card-item:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-4px)}.summary-card-item:hover:before{opacity:1}.summary-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.today-summary{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.today-summary .summary-section{margin-bottom:0}.today-summary .summary-cards{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.today-summary .summary-card{background:#fff;border:1px solid #e2e8f0;padding:18px 18px 16px}.today-summary .summary-card:before{background:linear-gradient(90deg,#37b7ef,#fff0 120%);background:linear-gradient(90deg,var(--accent,#37b7ef) 0,#fff0 120%);opacity:1}.today-summary .summary-card:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px)}.summary-card--on_time{--accent:#16a34a}.summary-card--early{--accent:#0ea5e9}.summary-card--late{--accent:#f59e0b}.summary-card--missed{--accent:#ef4444}.today-summary .summary-card-label{font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.today-summary .summary-card-value{font-size:34px}.dashboard-topbar{align-items:center!important;background:#fff!important;background:var(--card-background,#fff)!important;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);border-radius:0 0 12px 12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex!important;flex-wrap:wrap;gap:16px;justify-content:space-between!important;left:260px!important;margin-bottom:20px;margin-top:0;max-width:calc(100vw - 268px)!important;opacity:1!important;overflow:visible!important;padding:16px 24px!important;position:fixed!important;right:8px!important;top:72px!important;transform:translateZ(0);-webkit-transform:translateZ(0);visibility:visible!important;width:calc(100vw - 268px)!important;will-change:transform;z-index:9999!important}.main-layout-content.sidebar-collapsed .dashboard-topbar{left:72px!important;max-width:calc(100vw - 80px)!important;width:calc(100vw - 80px)!important}.topbar-left{align-items:center;box-sizing:border-box;display:flex!important;flex:1 1;flex-direction:column;gap:6px;margin-top:0;max-width:100%;min-width:0;opacity:1!important;overflow:visible;padding:0;position:relative;text-align:center;visibility:visible!important}.topbar-subtitle{color:#64748b;font-size:13px;font-weight:500}.topbar-actions{align-items:center;display:flex!important;flex-shrink:0;gap:12px;margin-left:auto;opacity:1!important;visibility:visible!important}.primary-btn,.secondary-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 14px;transition:all .15s ease;white-space:nowrap}.dashboard-topbar .cancel-farm-btn,.dashboard-topbar .save-farm-btn{border-radius:8px;font-size:16px;font-weight:600;height:40px;padding:10px 20px}.dashboard-topbar .cancel-farm-btn{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);font-size:14px;height:32px;padding:6px 14px}.dashboard-topbar .back-button-icon,.dashboard-topbar .cancel-farm-btn{background:#fff;background:var(--card-background,#fff);color:#1e293b;color:var(--text-primary,#1e293b);transition:all .2s ease}.dashboard-topbar .back-button-icon{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;padding:0;pointer-events:auto;position:absolute;width:40px;z-index:10}.dashboard-topbar .back-button-icon:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.dashboard-topbar .back-button-icon:active{transform:scale(.95)}.dashboard-topbar .back-button-icon svg{height:20px;pointer-events:none;width:20px}.dashboard-topbar .cancel-farm-btn:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.dashboard-topbar .save-farm-btn{background:#07326a!important;border:none!important;box-sizing:border-box;color:#fff!important;cursor:pointer;display:inline-block!important;font-weight:600!important;min-width:-webkit-fit-content;min-width:fit-content;opacity:1!important;overflow:visible;padding:10px 20px!important;text-overflow:ellipsis;transition:all .2s ease;visibility:visible!important;white-space:nowrap}.dashboard-topbar .save-farm-btn:hover:not(:disabled){background:#06285a;box-shadow:0 8px 18px #07326a59;transform:translateY(-2px)}.dashboard-topbar .save-farm-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-topbar .cancel-farm-btn:focus,.dashboard-topbar .save-farm-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.primary-btn{background:linear-gradient(90deg,#37b7ef,#0ea5e9);box-shadow:0 8px 18px #0ea5e92e;color:#fff}.primary-btn:hover{box-shadow:0 10px 22px #0ea5e938;transform:translateY(-1px)}.primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.secondary-btn{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.secondary-btn:hover{background:#fff;border-color:#cbd5e1}.summary-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:2fr 1fr;margin-bottom:18px}.charts-grid{grid-gap:18px;gap:18px;grid-template-columns:1fr 1.6fr;margin:18px 0 22px}.chart-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:18px;box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.chart-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}.chart-card:hover:before{opacity:1}.chart-title{font-size:14px;font-weight:700;margin-bottom:10px}.pie-wrap{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:180px 1fr}.chart-legend{flex-direction:column;gap:8px}.legend-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:12px 1fr auto}.legend-dot{border-radius:999px;height:10px;width:10px}.legend-label{color:#334155;font-size:12px;font-weight:600}.legend-value{color:#0f172a;font-size:12px;font-weight:700}.chart-legend-inline{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:10px}.legend-chip{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;display:inline-flex;gap:8px;padding:6px 10px}.bar-scroll{overflow-x:auto;padding-bottom:6px}.history-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.history-panel:hover{box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}.history-panel-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.history-mode{align-items:center;display:flex;gap:16px}.radio{align-items:center;color:#334155;display:inline-flex;font-size:13px;font-weight:600;gap:8px}.radio input{accent-color:#0ea5e9}.summary-cards{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{background:#e8f4f8;border:1px solid #37b7ef33;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card:before{background:linear-gradient(90deg,#37b7ef,#37b7ef99);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.summary-card:hover{background:#d8eaf5;border-color:#37b7ef66;box-shadow:0 8px 24px #0000001a,0 4px 8px #0000000f;transform:translateY(-4px)}.summary-card:hover:before{opacity:1}.summary-card-label{line-height:1.4;margin-bottom:8px}.summary-card-value{font-size:36px;letter-spacing:-.02em}.activity-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;margin-bottom:40px;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-section:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.activity-section:hover{box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}.dashboard-header{display:flex;justify-content:flex-start;margin:8px 0 18px}.activity-cards{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.activity-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-card:hover{border-color:#37b7ef33;box-shadow:0 8px 24px #0000001a,0 4px 8px #0000000f;transform:translateY(-2px)}.activity-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding-bottom:16px;padding-bottom:var(--spacing-md,16px)}.activity-name{line-height:1.4}.status-badge{border-radius:20px;color:#fff;letter-spacing:.5px;padding:6px 12px}.activity-details{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.activity-detail-item{align-items:center;display:flex;justify-content:space-between}.detail-label{font-size:14px}.detail-value{color:#334155;font-weight:400}.activity-table-wrapper{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow-x:auto;overflow-y:hidden;transition:all .3s ease}.activity-table-wrapper:hover{border-color:#8b5cf633;box-shadow:0 4px 12px #8b5cf61a}.activity-table{border-collapse:collapse;width:100%}.activity-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #8b5cf61a;color:#475569;font-size:12px;font-weight:700;letter-spacing:.08em;padding:16px 20px;text-align:left;text-transform:uppercase}.activity-table tbody td{border-bottom:1px solid #f1f5f9cc;color:#0f172a;font-size:14px;padding:16px 20px;transition:all .2s ease}.activity-table tbody tr{transition:all .2s ease}.activity-table tbody tr:hover{background:linear-gradient(135deg,#8b5cf60d,#25b7ef0d);transform:scale(1.01)}.activity-table tbody tr:hover td{border-bottom-color:#8b5cf633}.activity-table tbody tr:last-child td{border-bottom:none}.today-activities .activity-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 24px #0f172a0f}.today-activities .activity-table{table-layout:fixed}.today-activities .activity-table thead th{background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;color:#334155;letter-spacing:.06em;position:-webkit-sticky;position:sticky;top:0;z-index:1}.today-activities .activity-table tbody tr:nth-child(2n) td{background:#f8fafcb3}.today-activities .activity-table tbody tr:hover td{background:#0ea5e90f}.today-activities .activity-table tbody td{border-bottom:1px solid #eef2f7}.today-activities .activity-table td,.today-activities .activity-table th{padding:14px 16px}.today-activities .activity-table td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.activity-table thead{display:none}.activity-table tbody tr{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 1px 4px #0000000a;display:block;margin-bottom:12px;padding:12px}.activity-table tbody tr:hover{background:#f8fafc;transform:none}.activity-table tbody tr:hover td{border-bottom-color:#0000}.activity-table tbody td{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:8px 0}.activity-table tbody td:last-child{border-bottom:none;padding-bottom:0}.activity-table tbody td:before{color:#64748b;content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.activity-table-wrapper{overflow-x:visible}}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.empty-message,.error-message,.loading-message{padding:16px}.error-message{border:1px solid #dc26262e;border-radius:12px;margin-bottom:12px}.history-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.history-subtitle{color:#64748b;font-size:13px;margin:-10px 0 12px}.history-control{display:flex;flex-direction:column;gap:6px}.history-label{color:#475569;font-size:12px;font-weight:600}.history-input{background:#fff;border:1px solid #e2e8f0;padding:0 12px}.history-input,.history-refresh{border-radius:10px;color:#0f172a;height:40px}.history-refresh{background:#37b7ef1f;border:1px solid #37b7ef59;cursor:pointer;font-weight:700;padding:0 14px}.history-refresh:disabled{cursor:not-allowed;opacity:.6}.timeline-section{margin-bottom:40px}.timeline-container{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;display:flex;flex-direction:column;gap:24px;padding:28px}.timeline-item{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg,24px)}.timeline-label{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;min-width:100px}.timeline-bar-container{background:#f1f5f9;flex:1 1;height:30px;overflow:hidden;position:relative}.timeline-bar,.timeline-bar-container{align-items:center;border-radius:6px;display:flex}.timeline-bar{height:100%;padding:0 8px;transition:width .3s ease}.timeline-bar-text{color:#ffffffe6;font-family:monospace;font-size:12px;font-weight:600;white-space:nowrap}@media (max-width:768px){.dashboard-container{padding:0 16px;padding:0 var(--spacing-md,16px);padding-top:0}.charts-grid,.pie-wrap{grid-template-columns:1fr}.pie-wrap{justify-items:center}.dashboard-topbar{align-items:stretch;flex-direction:column;left:0!important;padding:12px 16px!important;position:fixed!important;right:0!important;top:72px!important;width:100vw!important;z-index:9999!important}.dashboard-content{margin-top:0;padding-top:144px}.dashboard-topbar .farm-name-title,.dashboard-topbar .save-farm-btn,.dashboard-topbar .topbar-actions,.dashboard-topbar .topbar-left{display:block!important;opacity:1!important;visibility:visible!important}.topbar-actions{justify-content:flex-start}.activity-cards,.summary-cards{grid-template-columns:1fr}.timeline-item{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.timeline-label{min-width:auto}.timeline-bar-container{width:100%}}@media (max-width:480px){.farm-selector-wrapper{align-items:flex-start;flex-direction:column}.farm-selector{width:100%}.activity-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}}.alerts-section{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.alert-channel{background:#f1f5f9;color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500;text-transform:uppercase}.alert-channel,.alert-details{border-radius:4px;font-size:12px;padding:4px 8px}.alert-details{background:#f8fafc;color:#475569;color:var(--text-secondary,#475569);cursor:help;display:inline-block;line-height:1.4;max-width:300px;white-space:normal;word-break:break-word}.dashboard-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.dashboard-chart-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-chart-card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboard-chart-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}.dashboard-chart-card:hover:before{opacity:1}.chart-card-header{box-sizing:border-box;flex-wrap:wrap;gap:12px;margin-bottom:16px;overflow:visible}.chart-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:-.01em;overflow:visible;white-space:nowrap}.dashboard-main-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:24px}.performance-chart-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.performance-chart-card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.performance-chart-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}.performance-chart-card:hover:before{opacity:1}.performance-chart-container{width:100%}.monthly-evolution-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.monthly-evolution-title{color:#64748b;font-size:13px;font-weight:500;letter-spacing:0;margin:0 0 12px;text-transform:none}.monthly-evolution-title,.monthly-evolution-total{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.monthly-evolution-total{color:#1e293b;font-size:42px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px}.monthly-evolution-bars{display:flex;flex-direction:column;gap:14px}.monthly-evolution-item{align-items:center;display:flex;gap:12px;width:100%}.monthly-evolution-label{color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;min-width:75px;text-align:left}.monthly-evolution-bar-container{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.monthly-evolution-bar{background:linear-gradient(90deg,#37b7ef,#8b5cf6);border-radius:4px;height:100%;min-width:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.monthly-evolution-value{color:#94a3b8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;min-width:45px;text-align:right}.recent-activity-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.recent-activity-card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.recent-activity-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}.recent-activity-card:hover:before{opacity:1}.activity-feed{display:flex;flex-direction:column;gap:16px}.activity-feed-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.activity-feed-item:hover{background:#f8fafc}.activity-avatar{align-items:center;background:linear-gradient(135deg,#37b7ef,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.activity-content{min-width:0}.activity-name{font-size:14px;margin-bottom:4px}.activity-description,.activity-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.activity-description{color:#64748b;font-size:12px}.activity-meta{color:#94a3b8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;margin-top:4px}.activity-feed-empty{color:#94a3b8;font-size:14px;padding:40px;text-align:center}@media (max-width:480px){.activity-feed-item{flex-wrap:wrap;gap:8px}.activity-meta{margin-top:2px;width:100%}}.latest-activities-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:24px}.activities-table-modern{overflow-x:auto}.modern-table{border-collapse:collapse;width:100%}.modern-table thead{background:#f8fafc}.modern-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.modern-table td,.modern-table th{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modern-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px}.modern-table tbody tr:hover{background:#f8fafc}.activity-name-cell{color:#0f172a;font-weight:600}.deadline-badge-modern,.status-badge-modern{border-radius:12px;box-shadow:0 1px 3px #0000000d;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.status-badge-modern.completed{background:linear-gradient(135deg,#25b7ef26,#8b5cf626);border:1px solid #25b7ef33;color:#37b7ef}.status-badge-modern.in-progress{background:linear-gradient(135deg,#8b5cf626,#a855f726);border:1px solid #8b5cf640;box-shadow:0 2px 6px #8b5cf626;color:#8b5cf6}.status-badge-modern.pending{background:linear-gradient(135deg,#6366f11f,#818cf81f);border:1px solid #6366f133;color:#6366f1}.deadline-badge-modern.completed{background:linear-gradient(135deg,#25b7ef26,#8b5cf626);border:1px solid #25b7ef33;color:#37b7ef}.deadline-badge-modern.in-progress{background:linear-gradient(135deg,#8b5cf626,#a855f726);border:1px solid #8b5cf640;box-shadow:0 2px 6px #8b5cf626;color:#8b5cf6}.deadline-badge-modern.pending{background:linear-gradient(135deg,#6366f11f,#818cf81f);border:1px solid #6366f133;color:#6366f1}.progress-container{align-items:center;display:flex;gap:12px}.progress-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#37b7ef,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;min-width:40px;text-align:right}@media (max-width:1024px){.dashboard-charts-row,.dashboard-main-row{grid-template-columns:1fr}}.shift-performance-section{margin-bottom:24px}.shift-performance-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.shift-performance-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shift-performance-chart-title{color:#0f172a;font-size:18px;font-weight:600;margin:0}.shift-performance-chart-daterange,.shift-performance-chart-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shift-performance-chart-daterange{color:#64748b;font-size:12px;font-weight:500}.shift-performance-chart-wrapper{display:flex;justify-content:center;overflow-x:auto;width:100%}@media (max-width:768px){.shift-performance-chart-header{align-items:flex-start;flex-direction:column;gap:8px}.shift-performance-chart-wrapper{overflow-x:scroll}}.dashboard-middle-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr;margin-bottom:24px}.pending-activities-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;min-height:400px;overflow:hidden;padding:20px}.results-count{color:#64748b;font-size:13px;font-weight:500}.pending-table-wrapper{margin-top:16px;overflow-x:auto}.pending-table{border-collapse:collapse;width:100%}.pending-table thead th{background:#f8fafc;border-bottom:1px solid #eef2f7;color:#475569;font-size:11px;font-weight:700;letter-spacing:.08em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.pending-table tbody td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:13px;overflow-wrap:break-word;padding:12px 16px;vertical-align:middle;word-break:break-word}.pending-table tbody td.activity-name-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-table tbody tr:hover td{background:#f8fafc}.due-date-overdue{color:#ef4444!important;font-weight:600}.history-badge{background:#f1f5f9;border-radius:4px;color:#334155;cursor:pointer;display:inline-block;font-size:12px;padding:4px 10px;transition:all .2s ease}.history-badge:hover{background:#e2e8f0;color:#0f172a}.analysis-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;min-height:400px;overflow:hidden;padding:20px}.horizontal-bar-chart-container,.pie-chart-container,.stacked-bar-chart-container,.vertical-bar-chart-container{align-items:center;display:flex;justify-content:center;margin-top:16px}.horizontal-bar-chart,.vertical-bar-chart{height:100%;width:100%}.dashboard-bottom-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}@media (max-width:1200px){.dashboard-summary-cards-circular{gap:16px;grid-template-columns:repeat(4,1fr)}.summary-card-circular{min-height:140px;padding:28px 20px}.circular-number{font-size:44px}.circular-label{font-size:13px}}@media (max-width:1024px){.dashboard-summary-cards-circular{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-section{grid-template-columns:1fr 1fr}.summary-card-circular{min-height:130px;padding:24px 18px}.circular-number{font-size:40px}.circular-label{font-size:13px}}@media (max-width:768px){.dashboard-summary-cards-circular{gap:12px;grid-template-columns:repeat(2,1fr)}.dashboard-bottom-section,.dashboard-middle-section{gap:16px;grid-template-columns:1fr}.summary-card-circular{min-height:120px;padding:20px 16px}.circular-number{font-size:36px;margin-bottom:10px}.circular-label{font-size:12px}.analysis-chart-card,.pending-activities-card{min-height:350px;padding:16px}}@media (max-width:480px){.dashboard-summary-cards-circular{grid-template-columns:1fr}.summary-card-circular{min-height:110px;padding:24px 16px}.circular-number{font-size:32px}.circular-label{font-size:12px}}.status-badge{align-items:center;border:1px solid #0000;box-shadow:0 1px 3px #00000014;display:inline-flex;justify-content:center;line-height:1.4;padding:6px 14px;text-transform:capitalize;transition:all .2s ease;white-space:nowrap}.status-active,.status-badge.status-active{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#05966933;box-shadow:0 2px 6px #05966926;color:#059669}.status-badge.status-inactive,.status-inactive{background:linear-gradient(135deg,#6366f11f,#818cf81f);border-color:#6366f133;color:#6366f1}.profile-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:260px;z-index:10}.profile-sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;padding:32px 20px}.profile-avatar{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar svg{height:100%;width:100%}.profile-user-info{text-align:center;width:100%}.profile-email{color:#0f172a;font-size:14px;font-weight:600;margin-bottom:4px;word-break:break-word}.profile-phone{color:#475569;font-size:13px}.profile-sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.profile-menu-item{align-items:center;border-left:3px solid #0000;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;transition:all .2s ease}.profile-menu-item:hover{background-color:#f1f5f9;color:#0f172a!important}.profile-menu-item:hover .profile-menu-icon,.profile-menu-item:hover .profile-menu-label{color:#0f172a!important}.profile-menu-item.active{background-color:#37b7ef1a;border-left-color:#37b7ef;color:#37b7ef;font-weight:600}.profile-menu-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.profile-menu-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.profile-sidebar{width:240px}.profile-sidebar-header{padding:24px 16px}.profile-avatar{height:64px;width:64px}.profile-menu-item{font-size:13px;padding:10px 16px}}.password-modal-overlay{align-items:center;animation:overlayFadeIn .22s ease;background-color:#0003;bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;margin:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:100vw;z-index:10000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.password-modal-container{animation:modalSlideIn .22s ease;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;box-sizing:border-box;flex-shrink:0;margin:auto;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);overflow-y:auto;padding:24px;position:relative;width:420px}.password-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.password-modal-title{color:#37b7ef;font-size:20px;font-weight:600;margin:0}.password-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#475569;cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.password-modal-close:hover{background-color:#f1f5f9;color:#0f172a}.password-modal-close:focus{box-shadow:0 0 0 2px #37b7ef33;outline:none}.password-modal-close svg{height:20px;width:20px}.password-modal-body{margin-bottom:24px}.password-form-group{margin-bottom:16px}.password-form-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:16px;outline:none;padding:12px;transition:all .2s ease;width:100%}.password-form-input::placeholder{color:#94a3b8}.password-form-input:focus{border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef1a}.password-form-input.error{border-color:#dc2626}.password-form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.password-error-message{color:#dc2626;display:block;font-size:12px;margin-left:4px;margin-top:4px}.password-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:12px}.password-btn-close,.password-btn-save{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.password-btn-close{background:#0000;border:1px solid #37b7ef;color:#37b7ef}.password-btn-close:hover{background-color:#37b7ef1a}.password-btn-close:focus{box-shadow:0 0 0 3px #37b7ef33;outline:none}.password-btn-save{background:#37b7ef;border:1px solid #37b7ef;color:#fff}.password-btn-save:hover{background:#2aa3d9;border-color:#2aa3d9}.password-btn-save:focus{box-shadow:0 0 0 3px #37b7ef4d;outline:none}.password-btn-close:active,.password-btn-save:active{transform:scale(.98)}@media (max-width:480px){.password-modal-container{margin:20px;max-width:420px;padding:20px;width:90%}.password-modal-title{font-size:18px}.password-form-input{font-size:14px;padding:10px}.password-btn-close,.password-btn-save{font-size:14px;padding:10px 16px}.password-modal-footer{flex-direction:column-reverse}.password-btn-close,.password-btn-save{width:100%}}.profile-page{background:#fafbfc;display:flex;min-height:100vh;position:relative}.profile-content{animation:profileFadeIn .25s ease-out;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-left:260px;max-width:calc(100vw - 260px);padding:32px 40px;position:relative}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-header-wrapper{align-items:flex-start;display:flex;gap:16px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:800px}.profile-back-button{align-items:center;animation:slideInLeft .3s ease-out;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:0;padding:0;transition:all .2s ease;width:40px}.profile-back-button:hover{background:#f1f5f9!important;border-color:#37b7ef!important;color:#37b7ef!important}.profile-back-button:hover svg{color:#37b7ef!important}.profile-back-button:focus{box-shadow:0 0 0 3px #37b7ef33;outline:none}.profile-back-button svg{transition:transform .2s ease}.profile-back-button:hover svg{transform:translateX(-2px)}.profile-main-content{display:flex;flex-direction:column;margin:0 auto;max-width:800px;width:100%}.profile-header{flex:1 1;margin:0;text-align:center}.profile-title{color:#0f172a;font-size:32px;font-weight:700;letter-spacing:.5px;margin:0 0 8px}.profile-subtitle{color:#475569;font-size:16px;line-height:1.5;margin:0}.profile-cards{display:flex;flex-direction:column;gap:24px;width:100%}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;padding:24px;transition:box-shadow .2s ease}.profile-card:hover{box-shadow:0 4px 12px #00000014}.profile-card:hover .profile-card-title,.profile-card:hover .profile-row-label,.profile-card:hover .profile-row-value,.profile-card:hover .profile-row-value-with-arrow{color:inherit!important}.profile-card-title{border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:16px}.profile-card-row{align-items:center;display:flex;justify-content:space-between;min-height:48px;padding:12px 0}.profile-card-row-clickable{border-radius:6px;cursor:pointer;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px;transition:background-color .18s ease}.profile-card-row-clickable:hover{background-color:#f1f5f9}.profile-card-row-clickable:hover .profile-row-label,.profile-card-row-clickable:hover .profile-row-value,.profile-card-row-clickable:hover .profile-row-value-with-arrow,.profile-card-row-clickable:hover span{color:#0f172a!important}.profile-card-divider{background:#e2e8f0;height:1px;margin:0}.profile-row-label{color:#475569;flex:1 1;font-size:14px;font-weight:500}.profile-row-value,.profile-row-value-with-arrow{color:#0f172a;flex:1 1;font-size:14px;font-weight:400;text-align:right}.profile-row-value-with-arrow{align-items:center;display:flex;gap:12px;justify-content:flex-end}.profile-arrow-icon{color:#475569;flex-shrink:0;transition:transform .2s ease}.profile-card-row-clickable:hover .profile-arrow-icon{color:#37b7ef;transform:translateX(4px)}.profile-password-mask{font-family:monospace;letter-spacing:2px}@media (max-width:1024px){.profile-content{margin-left:240px;max-width:calc(100vw - 240px);padding:24px 32px}.profile-back-wrapper{left:32px;top:24px}}@media (max-width:768px){.profile-content{margin-left:0;max-width:100%;padding:20px 24px}.profile-back-wrapper{left:24px;top:20px}.profile-title{font-size:24px}.profile-subtitle{font-size:14px}.profile-card{padding:20px}.profile-card-title{font-size:18px}.profile-cards{gap:20px}}@media (max-width:480px){.profile-content{padding:16px}.profile-title{font-size:20px}.profile-card{padding:16px}.profile-card-row{align-items:flex-start;flex-direction:column;gap:8px;min-height:auto;padding:16px 0}.profile-row-value,.profile-row-value-with-arrow{justify-content:flex-start;text-align:left}}.alerts-page-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:24px;width:100%}.alerts-page-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.alerts-page-header .back-button{align-items:center;animation:none!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px;box-shadow:none!important;color:#0f172a;cursor:pointer;display:flex;filter:none!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:0!important;height:40px;justify-content:center;margin-bottom:0!important;min-width:40px!important;outline:none!important;overflow:hidden!important;padding:0;position:relative!important;transform:none!important;transition:none!important;width:40px}.alerts-page-header .back-button:before{content:none!important;display:none!important}.alerts-page-header .back-button:hover{background:#fff!important;border-color:#e2e8f0!important;box-shadow:none!important;color:#0f172a!important;filter:none!important;outline:none!important;padding-right:0!important;transform:none!important}.alerts-page-header .back-button:hover:before{content:none!important;display:none!important}.alerts-page-header .back-button:hover,.alerts-page-header .back-button:hover *,.alerts-page-header .back-button:hover svg,.alerts-page-header .back-button:hover svg *,.alerts-page-header .back-button:hover svg path{fill:#0f172a!important;stroke:#0f172a!important;box-shadow:none!important;color:#0f172a!important;filter:none!important;transform:none!important}.alerts-page-header .back-button:active{background:#fff!important;color:#0f172a!important;transform:none!important}.alerts-page-header .back-button:active,.alerts-page-header .back-button:focus{border-color:#e2e8f0!important;box-shadow:none!important;filter:none!important;outline:none!important}.alerts-page-header .back-button:focus-visible{border-color:#e2e8f0!important;box-shadow:none!important;filter:none!important;outline:none!important}.alerts-page-title{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;margin:0}.alerts-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;padding:20px;transition:all .2s ease}.summary-card-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.summary-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.summary-card-content{flex:1 1}.summary-card-value{color:#0f172a;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:4px}.summary-card-label,.summary-card-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.summary-card-label{color:#64748b;font-size:14px;font-weight:500}.alerts-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.alerts-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.chart-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-card-title{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:600;margin:0}.chart-card-subtitle{color:#64748b;margin-top:4px}.chart-card-subtitle,.chart-time-selector{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.chart-time-selector{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;padding:6px 12px}.donut-charts-group{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.donut-chart-item{align-items:center;display:flex;flex-direction:column;gap:12px}.donut-chart-wrapper{align-items:center;display:flex;justify-content:center}.donut-chart-label{color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;text-align:center}.overview-chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.overview-legend{display:flex;flex-direction:column;gap:12px}.legend-item{gap:10px}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-text{color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500}.alerts-page-content{background:#0000;padding:0}.error-message{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-bottom:16px;padding:16px}.empty-message,.loading-message{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;padding:40px}.alerts-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));width:100%}.alert-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.alert-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.alert-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.alert-card-time{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500}.alert-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.alert-channel-badge{background:#f1f5f9;border-radius:12px;color:#475569;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.alert-card-body{flex:1 1}.alert-card-message{word-wrap:break-word;color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}@media (max-width:1024px){.alerts-charts-row{grid-template-columns:1fr}}@media (max-width:768px){.alerts-page-container{padding:16px}.alerts-page-header{align-items:flex-start;flex-direction:column;gap:12px}.alerts-page-title{font-size:24px}.alerts-summary-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.alerts-cards-grid{grid-template-columns:1fr}.donut-charts-group{flex-direction:column}.overview-chart-container{flex-direction:column;gap:20px}}.farms-list-container{background:#fff;box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:calc(100vh - 72px);overflow-x:hidden;padding:0 24px 24px;padding-top:0!important;width:100%}.farms-list-content{margin:0 auto;max-width:1400px;padding-top:0}.farms-list-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;margin-top:0;padding-top:0}.page-title{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.3;padding:0}.header-actions{align-items:center;display:flex;gap:12px}.filter-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#475569;cursor:pointer;display:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;height:40px;padding:0 16px;transition:all .2s ease}.filter-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.add-farm-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;gap:8px;height:40px;padding:0 16px;transition:all .2s ease}.add-farm-button,.add-farm-button *{color:#fff!important}.add-farm-button svg{stroke:#fff!important;color:#fff!important}.add-farm-button:hover{background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.add-farm-button:hover,.add-farm-button:hover *{color:#fff!important}.add-farm-button:hover svg{stroke:#fff!important;color:#fff!important}.add-farm-button:active{background:#051f4a;color:#fff!important;transform:translateY(0)}.add-farm-button:active,.add-farm-button:active *{color:#fff!important}.add-farm-button:active svg{stroke:#fff!important;color:#fff!important}.farm-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px;margin-top:0}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.stat-card:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#8b5cf64d;box-shadow:0 12px 32px #8b5cf626,0 6px 12px #0000001a;transform:translateY(-6px) scale(1.02)}.stat-card:hover:before{opacity:1}.stat-green{background:#e8f4f8;border-color:#37b7ef33}.stat-green:hover{background:#d8eaf5;border-color:#37b7ef66}.stat-gray{background:#e8f4f8;border-color:#37b7ef33}.stat-gray:hover{background:#d8eaf5;border-color:#37b7ef66}.stat-label{margin-bottom:8px}.stat-value{font-size:42px;letter-spacing:-.03em}.farm-filters{grid-gap:16px;align-items:end;animation:slideInDown .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:grid;gap:16px;grid-template-columns:1.5fr 160px 160px;margin-bottom:32px;overflow:hidden;padding:24px 28px;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.farm-filters:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.farm-filters:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}.search-box{align-items:center;background:#f5f5f5;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;display:flex;gap:8px;height:44px;max-width:100%;overflow:hidden;padding:0 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box:before{background:linear-gradient(90deg,#0000,#37b7ef1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.search-box:focus-within:before{left:100%}.search-box:focus-within{background:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26,0 4px 12px #37b7ef1a;box-shadow:0 0 0 3px #37b7ef26;transform:translateY(-1px)}.search-box svg{color:#64748b;flex-shrink:0;height:14px;width:14px}.search-box input{background:#0000;border:none;color:#0f172a;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;outline:none}.search-box input::placeholder{color:#64748b;font-weight:400}.filter-group{max-width:160px;position:relative;width:100%;z-index:100}.filter-group label{color:#475569;font-size:13px;font-weight:500;margin-bottom:6px}.filter-group label,.filter-group select{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;cursor:pointer!important;display:block!important;font-size:14px;font-weight:400;height:44px;max-width:160px;opacity:1!important;padding:12px 40px 12px 14px;pointer-events:auto!important;position:relative;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none;visibility:visible!important;width:100%;z-index:1000!important}.filter-group select:hover{background-color:#f8fafc;border-color:#cbd5e1}.filter-group select:focus{background-color:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26;outline:none}.filter-group select option{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;font-weight:500!important;padding:10px 14px!important}.filter-group select option:active,.filter-group select option:checked,.filter-group select option:focus,.filter-group select option:hover,.filter-group select option[selected]{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}.filter-group select option[value=Active],.filter-group select option[value=active]{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important}.filter-group select option[value=Active]:hover,.filter-group select option[value=active]:hover{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}.filter-group select option[value=Inactive],.filter-group select option[value=inactive]{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important}.filter-group select option[value=Inactive]:hover,.filter-group select option[value=inactive]:hover{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}.filter-group select option[value=All],.filter-group select option[value=all]{background-color:#d0e8f9!important;background:#d0e8f9!important;color:#1a2b3b!important}.filter-group select option[value=All]:hover,.filter-group select option[value=all]:hover{background-color:#b8d9f0!important;background:#b8d9f0!important;color:#1a2b3b!important}.filter-group select:hover:not(:focus){border-color:#cbd5e1}.farm-table-container{animation:slideInUp .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.farm-table-container:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.farm-table-container:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.farm-table-header{align-items:center;animation:fadeIn .6s ease;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 28px}.farm-table-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0}.farm-table-wrapper{animation:fadeIn .7s ease;overflow-x:auto}.farm-table{border-collapse:collapse;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.farm-table thead{box-shadow:0 2px 4px #0000000a}.farm-table th,.farm-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.farm-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;letter-spacing:.8px;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;transition:all .3s ease;z-index:10}.farm-table th:hover{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);color:#37b7ef}.farm-table tbody tr{animation:fadeInRow .5s ease forwards;border-bottom:1px solid #e2e8f0;opacity:0;transform:translateX(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeInRow{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.farm-table tbody tr:first-child{animation-delay:.1s}.farm-table tbody tr:nth-child(2){animation-delay:.15s}.farm-table tbody tr:nth-child(3){animation-delay:.2s}.farm-table tbody tr:nth-child(4){animation-delay:.25s}.farm-table tbody tr:nth-child(5){animation-delay:.3s}.farm-table tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#fff 50%,#f8fafc);border-left:3px solid #37b7ef;box-shadow:0 2px 8px #37b7ef1a;transform:translateX(4px)}.farm-table tbody tr:last-child{border-bottom:none}.farm-table td{color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;padding:16px 20px;transition:all .3s ease;vertical-align:middle}.farm-table tbody tr:hover td{color:#0f172a;font-weight:500}.farm-id-cell{color:#64748b;font-family:Roboto Mono,monospace;font-size:13px}.farm-name-cell{color:#0f172a;font-size:15px;transition:all .3s ease;white-space:nowrap}.farm-table tbody tr:hover .farm-name-cell{color:#37b7ef;font-weight:600;transform:translateX(2px)}.farm-code-cell{color:#474869;font-family:Roboto Mono,monospace;font-size:13px}.farm-location-cell{color:#64748b}.farm-action-cell{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center;min-width:280px;white-space:nowrap}.action-btn-delete,.action-btn-edit,.action-btn-view{align-items:center;display:inline-flex;gap:6px;justify-content:center;overflow:hidden;padding:8px 12px;position:relative}.action-btn-edit:before,.action-btn-view:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.action-btn-edit:hover:before,.action-btn-view:hover:before{height:300px;width:300px}.action-btn-delete,.action-btn-edit,.action-btn-view{border-radius:12px;box-sizing:border-box;cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:700;height:36px;min-width:70px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-btn-delete svg,.action-btn-edit svg,.action-btn-view svg{fill:none;display:block;flex-shrink:0;height:16px;width:16px}.action-btn-delete span,.action-btn-edit span,.action-btn-view span{white-space:nowrap}.action-btn-view{background:#d0e8f9;border:none}.action-btn-view,.action-btn-view *,.action-btn-view svg{color:#1a2b3b!important}.action-btn-view svg{stroke:#1a2b3b!important}.action-btn-view:hover{background:#b8d9f0;box-shadow:0 2px 8px #1a2b3b33;transform:translateY(-1px)}.action-btn-view:hover,.action-btn-view:hover *{color:#1a2b3b!important}.action-btn-view:hover svg{stroke:#1a2b3b!important;color:#1a2b3b!important}.action-btn-view:active{background:#a0cae7;box-shadow:0 1px 4px #1a2b3b26;color:#1a2b3b!important;transform:translateY(0)}.action-btn-view:active,.action-btn-view:active *{color:#1a2b3b!important}.action-btn-view:active svg{stroke:#1a2b3b!important;color:#1a2b3b!important}.action-btn-edit{background:#d0e8f9;border:none}.action-btn-edit,.action-btn-edit *,.action-btn-edit svg{color:#1a2b3b!important}.action-btn-edit svg{stroke:#1a2b3b!important}.action-btn-edit:hover{background:#b8d9f0;box-shadow:0 2px 8px #1a2b3b33;transform:translateY(-1px)}.action-btn-edit:hover,.action-btn-edit:hover *{color:#1a2b3b!important}.action-btn-edit:hover svg{stroke:#1a2b3b!important;color:#1a2b3b!important}.action-btn-edit:active{background:#a0cae7;box-shadow:0 1px 4px #1a2b3b26;color:#1a2b3b!important;transform:translateY(0)}.action-btn-edit:active,.action-btn-edit:active *{color:#1a2b3b!important}.action-btn-edit:active svg{stroke:#1a2b3b!important;color:#1a2b3b!important}.action-btn-delete{background:#ef4444;border:none;font-weight:700}.action-btn-delete,.action-btn-delete *{color:#fff!important}.action-btn-delete svg{stroke:#fff!important;color:#fff!important}.action-btn-delete:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d;color:#fff!important;transform:translateY(-1px)}.action-btn-delete:hover,.action-btn-delete:hover *{color:#fff!important}.action-btn-delete:hover svg{stroke:#fff!important;color:#fff!important}.action-btn-delete:active{background:#b91c1c;box-shadow:0 1px 4px #ef444433;color:#fff!important;transform:translateY(0)}.action-btn-delete:active,.action-btn-delete:active *{color:#fff!important}.action-btn-delete:active svg{stroke:#fff!important;color:#fff!important}.action-btn-delete:disabled,.action-btn-edit:disabled,.action-btn-view:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn{align-items:center;background:#e0f5ff;border:1px solid #a5d8f3;color:#37b7ef;display:flex;height:32px;justify-content:center;padding:0;width:32px}.action-btn svg{stroke:#37b7ef!important;fill:none!important;display:block!important;height:16px!important;opacity:1!important;visibility:visible!important;width:16px!important}.action-btn:hover{background:#b8e6ff;border-color:#7dd3fc;color:#37b7ef}.action-btn:hover svg{stroke:#37b7ef!important;opacity:1!important;visibility:visible!important}.edit-btn{color:#1a2b3b!important}.edit-btn svg{stroke:#1a2b3b!important;fill:none!important;display:block!important;height:16px!important;opacity:1!important;visibility:visible!important;width:16px!important}.edit-btn:hover{background:#b8d9f0;border:none;box-shadow:0 2px 8px #1a2b3b33;color:#1a2b3b;transform:translateY(-1px)}.edit-btn:hover svg{stroke:#1a2b3b!important;opacity:1!important;visibility:visible!important}.delete-btn{background:#ef4444;border:none;border-radius:8px;color:#fff!important}.delete-btn svg{stroke:#fff!important;fill:none!important;color:#fff!important;display:block!important;height:16px!important;opacity:1!important;visibility:visible!important;width:16px!important}.delete-btn:hover{background:#dc2626;border:none;color:#170404!important}.delete-btn:hover svg{stroke:#fff!important;opacity:1!important;visibility:visible!important}.view-btn{color:#1a2b3b!important}.view-btn svg{stroke:#1a2b3b!important;fill:none!important;display:block;height:16px;width:16px}.view-btn:hover{background:#b8d9f0;border:none;box-shadow:0 2px 8px #1a2b3b33;color:#1a2b3b;transform:translateY(-1px)}.view-btn:hover svg{stroke:#1a2b3b!important}.farm-table .status-badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000000d;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:6px 14px;position:relative;text-transform:capitalize;transition:all .3s cubic-bezier(.4,0,.2,1)}.farm-table .status-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.farm-table tbody tr:hover .status-badge:before{left:100%}.farm-table .status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 8px #05966933;color:#059669}.farm-table tbody tr:hover .status-active{box-shadow:0 4px 12px #0596694d;transform:scale(1.05)}.farm-table .status-inactive{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 2px 8px #6b728026;color:#6b7280}.farm-table tbody tr:hover .status-inactive{box-shadow:0 4px 12px #6b728040;transform:scale(1.05)}.farm-table-pagination{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:space-between;padding:16px 24px;pointer-events:auto}.farm-table-pagination,.pagination-btn{align-items:center;position:relative;z-index:10}.pagination-btn{-webkit-tap-highlight-color:transparent;background:#d0e8f9;border:none;color:#1a2b3b!important;cursor:pointer!important;display:inline-flex;font-weight:700;height:36px;justify-content:center;min-width:36px;padding:0 12px;pointer-events:auto!important;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pagination-btn *{color:#1a2b3b!important;pointer-events:none}.pagination-btn:not(:disabled){cursor:pointer!important;pointer-events:auto!important}.pagination-btn:hover:not(:disabled){background:#b8d9f0;border:none;box-shadow:0 2px 8px #1a2b3b33;color:#1a2b3b!important;transform:translateY(-1px)}.pagination-btn:hover:not(:disabled),.pagination-btn:hover:not(:disabled) *{color:#1a2b3b!important}.pagination-btn:active:not(:disabled){box-shadow:0 1px 4px #1a2b3b26;transform:translateY(0)}.pagination-btn.active{background:#a0cae7;border:none;box-shadow:0 1px 4px #1a2b3b26;font-weight:700}.pagination-btn.active,.pagination-btn.active *{color:#1a2b3b!important}.pagination-btn:disabled{background:#e2e8f0;color:#94a3b8!important;pointer-events:none}.pagination-dots{color:#94a3b8;padding:0 4px}.pagination-info{font-size:13px;margin-left:auto}.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0f172a1f;color:#475569;margin-top:24px;padding:48px 24px;text-align:center}.empty-icon{font-size:32px;margin-bottom:8px}.empty-state h3{color:#0f172a;margin:4px 0}.skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #0f172a1f;padding:20px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f8fafc 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:8px;height:14px}.skeleton-title{height:18px;margin-bottom:10px;width:60%}.skeleton-line{margin-bottom:8px;width:90%}.skeleton-line.short{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.farm-filters{gap:12px;grid-template-columns:1fr}.filter-group,.filter-group select{z-index:10}}@media (max-width:768px){.farm-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.farm-table{min-width:800px}.farm-table td,.farm-table th{font-size:13px;padding:12px 16px}.farm-table-pagination{flex-wrap:wrap;gap:4px}.pagination-info{margin-top:8px;text-align:center;width:100%}.farms-list-container{padding:0 16px 16px;padding:0 var(--spacing-md,16px) var(--spacing-md,16px) var(--spacing-md,16px);padding-top:0!important}}@media (max-width:640px){.farms-list-container{padding:0 16px 16px;padding-top:0!important}.farms-list-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{justify-content:flex-end;width:100%}.farm-filters{padding:12px}.stat-card{padding:16px}}.delete-confirmation-modal .modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);border-radius:16px;box-shadow:0 20px 60px #0003,0 8px 24px #00000026;max-width:520px;overflow:hidden;width:90%}.delete-confirmation-modal .modal-header{background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:2px solid #e2e8f0;padding:24px 28px}.delete-confirmation-modal .modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.01em}.delete-modal-content{align-items:center;background:linear-gradient(180deg,#fff,#fafbfc);display:flex;flex-direction:column;padding:32px 24px 24px;text-align:center}.delete-modal-icon{align-items:center;display:flex;justify-content:center;margin-bottom:24px;position:relative}.delete-modal-icon svg{animation:scaleInBounce .5s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 4px 12px rgba(239,68,68,.3))}@keyframes scaleInBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.delete-modal-icon:after{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#ef44441a 0,#0000 70%);border-radius:50%;content:"";height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.delete-modal-message{animation:fadeInUp .5s ease .2s both;color:#475569;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:400;line-height:1.6;margin-bottom:8px;max-width:400px}.delete-modal-message strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;color:#ef4444;font-weight:700}.delete-modal-footer{animation:fadeIn .5s ease .3s both;background:linear-gradient(180deg,#f8fafc,#fff);border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px 28px}.delete-modal-cancel-btn,.delete-modal-confirm-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;height:44px;justify-content:center;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-modal-cancel-btn{background:#d0e8f9;border:none;box-shadow:0 2px 4px #1a2b3b1a;color:#1a2b3b}.delete-modal-cancel-btn:before{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.delete-modal-cancel-btn:hover:not(:disabled):before{height:300px;width:300px}.delete-modal-cancel-btn:hover:not(:disabled){background:#b8d9f0;box-shadow:0 4px 12px #1a2b3b33;color:#1a2b3b;transform:translateY(-2px)}.delete-modal-cancel-btn:active:not(:disabled){box-shadow:0 2px 6px #1a2b3b26;transform:translateY(0)}.delete-modal-cancel-btn:focus{box-shadow:0 0 0 3px #37b7ef4d;outline:none}.delete-modal-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.delete-modal-confirm-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 4px 12px #ef44444d;color:#fff;overflow:hidden;position:relative}.delete-modal-confirm-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.delete-modal-confirm-btn:hover:not(:disabled):before{height:300px;width:300px}.delete-modal-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px) scale(1.02)}.delete-modal-confirm-btn:active:not(:disabled){box-shadow:0 2px 8px #ef44444d;transform:translateY(0) scale(.98)}.delete-modal-confirm-btn:focus{outline:2px solid #ef444480;outline-offset:2px}.delete-modal-confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.delete-confirmation-modal .modal{width:95%}.delete-modal-footer{flex-direction:column-reverse;padding:16px}.delete-modal-cancel-btn,.delete-modal-confirm-btn{width:100%}}.add-farm-page{background:linear-gradient(180deg,#f8fafc,#fff);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;overflow:visible;padding:32px;padding:var(--spacing-xl,32px);position:relative}.add-farm-page:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.add-farm-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;margin:0 auto;max-width:800px;overflow:hidden;padding:32px;padding:var(--spacing-xl,32px);position:relative;z-index:1}.add-farm-card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.add-farm-header{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.add-farm-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.add-farm-subtitle{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);margin:0}.add-farm-form{gap:24px;gap:var(--spacing-lg,24px);overflow:visible}.add-farm-form,.farm-form-group{display:flex;flex-direction:column;position:relative}.farm-form-group{gap:6px;z-index:1}.timezone-form-group{position:relative;z-index:100}.add-farm-form .app-input{background-color:#fff;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001f;font-size:14px;height:auto;min-height:44px;padding:12px 14px;transition:all .2s ease}.add-farm-form .app-input:focus{background-color:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26,0 6px 16px #37b7ef26,0 4px 12px #00000026;outline:none}.add-farm-form .app-input:hover:not(:disabled):not(:focus){background-color:#fff;border-color:#37b7ef4d;box-shadow:0 4px 12px #00000026}.add-farm-form .app-input::placeholder{color:#475569;font-weight:400}.add-farm-form select.app-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;cursor:pointer;padding-right:42px;position:relative;z-index:100}.add-farm-form select.app-input:focus{outline:none;transform:none;z-index:101}.timezone-form-group select#timezone{position:relative;z-index:100}.timezone-form-group select#timezone:focus{z-index:101}.farm-form-label{color:#1e293b;color:var(--text-primary,#1e293b);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:14px;font-weight:500}.farm-form-label .required{color:#ef4444}.farm-form-label .optional{color:#475569;color:var(--text-secondary,#475569);font-weight:400}.farm-submit-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:14px;font-size:var(--small-text-size,14px);padding:12px}.add-farm-actions{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.cancel-farm-btn{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-farm-btn:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.save-farm-btn{background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:700;padding:10px 20px;transition:all .2s ease}.save-farm-btn,.save-farm-btn *{color:#fff!important}.save-farm-btn:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.save-farm-btn:hover:not(:disabled),.save-farm-btn:hover:not(:disabled) *{color:#fff!important}.save-farm-btn:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.save-farm-btn:active:not(:disabled),.save-farm-btn:active:not(:disabled) *{color:#fff!important}.save-farm-btn:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.save-farm-btn:focus{outline:2px solid #07326a;outline-offset:2px}.cancel-farm-btn:focus,.save-farm-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.inline-warning{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#92400e;font-size:14px;margin-bottom:14px;margin-left:auto;margin-right:auto;max-width:800px;padding:12px 14px}@media (max-width:768px){.add-farm-card,.add-farm-page{padding:24px;padding:var(--spacing-lg,24px)}.add-farm-actions{flex-direction:column}.cancel-farm-btn,.save-farm-btn{width:100%}}@media (max-width:480px){.add-farm-card,.add-farm-page{padding:16px;padding:var(--spacing-md,16px)}.add-farm-title{font-size:20px}.add-farm-subtitle{font-size:14px}}.page-container{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(180deg,#f8fafc,#fff);box-sizing:border-box;min-height:calc(100vh - 72px);padding:24px;position:relative;width:100%}.page-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.page-header{align-items:center;animation:slideInHeader .3s ease-out .1s both;display:flex;gap:16px;margin-bottom:24px}@keyframes slideInHeader{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.page-title{-webkit-text-fill-color:#0000;animation:fadeInTitle .5s ease-out .2s both;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.page-content{animation:fadeInContent .5s ease-out .3s both;margin:0 auto;max-width:1600px;position:relative;width:100%;z-index:1}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-container{padding:16px}.page-header{gap:12px;margin-bottom:16px}}.back-button{align-items:center;animation:slideInLeft .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;color:#0f172a;cursor:pointer;display:flex;font-family:Inter,Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;height:44px;justify-content:center;margin-bottom:16px;min-width:44px;overflow:visible;padding:0 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:before{background:linear-gradient(90deg,#0000,#0ea5e933,#0000);border-radius:12px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.back-button:hover:before{left:100%}.back-button:hover{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-color:#0ea5e9;box-shadow:0 6px 20px #0ea5e94d,0 0 0 1px #0ea5e926;padding-right:16px;transform:translateX(-4px) scale(1.02)}.back-button:active{box-shadow:0 3px 10px #37b7ef33;transform:translateX(-2px) scale(.98)}.back-button:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933,0 4px 12px #0ea5e940;outline:none}.back-icon{flex-shrink:0;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.back-button:hover .back-icon{transform:translateX(-4px)}.back-button:active .back-icon{transform:translateX(-2px)}.back-label{animation:fadeInRight .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#0f172a;font-size:14px;font-weight:500;left:100%;margin-left:12px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-10px);white-space:nowrap;z-index:10}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;box-sizing:border-box;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf61f,0 4px 8px #00000014;transform:translateY(-2px)}.card-clickable:active{box-shadow:0 4px 12px #8b5cf61a;transform:translateY(0)}@media (max-width:768px){.card{border-radius:10px;padding:16px}}@media (max-width:480px){.card{border-radius:8px;padding:12px}}.edit-farm-container{animation:fadeIn .3s ease-in;margin:0 auto;max-width:900px}.edit-farm-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #25b7ef1a;border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 4px 16px #00000014,0 2px 4px #0000000a;display:flex;gap:16px;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px);transition:all .3s ease}.edit-farm-header:hover{box-shadow:0 6px 20px #0000001a,0 4px 8px #0000000f;transform:translateY(-1px)}.edit-farm-back-button{align-items:center;background:#37b7ef1a;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#37b7ef;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.edit-farm-back-button svg{flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.edit-farm-back-button:hover{background-color:#37b7ef33;border-color:#37b7ef66;box-shadow:0 4px 12px #37b7ef4d;color:#37b7ef;transform:translateY(-2px)}.edit-farm-back-button:hover svg{transform:scale(1.1)}.edit-farm-back-button:active{background-color:#37b7ef4d;box-shadow:0 2px 8px #37b7ef33;transform:translateY(0)}.edit-farm-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.edit-farm-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.submit-error-message{animation:shake .4s ease;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:10px;box-shadow:0 2px 8px #dc26261a;line-height:1.6;padding:14px 18px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.error-state,.loading-state{padding:32px;text-align:center}.loading-state p{color:#64748b;font-size:14px}.error-state .error-text{color:#dc2626;font-size:14px;margin-bottom:16px}.form-actions{background:linear-gradient(180deg,#0000,#25b7ef05);border-radius:0 0 12px 12px;gap:12px;margin-left:-24px;margin-right:-24px;margin-top:8px;padding:24px 24px 8px}@media (max-width:768px){.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.admin-portal-container{align-items:center;background:linear-gradient(180deg,#f8fafc,#fff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-24px!important;min-height:calc(100vh - 72px);padding-top:0!important;position:relative;width:100%}.admin-portal-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.admin-portal-content-wrapper{box-sizing:border-box;max-width:1280px;padding:0 24px 24px;position:relative;width:100%;z-index:1}.admin-header,.admin-portal-content-wrapper{margin-top:0!important;padding-top:0!important}.admin-header{margin-bottom:24px}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px}.admin-subtitle{color:#6b7280;font-size:16px;font-weight:400;margin:0}.admin-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-stat-card{align-items:center;animation:admin-stat-fade-in .5s ease forwards;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;cursor:pointer;display:flex;gap:18px;opacity:0;overflow:hidden;padding:28px;position:relative;transform:translateY(16px);transition:all .4s cubic-bezier(.4,0,.2,1)}.admin-stat-card:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.admin-stat-card:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#8b5cf64d;box-shadow:0 12px 32px #8b5cf626,0 6px 12px #0000001a;transform:translateY(-6px) scale(1.02)}.admin-stat-card:hover:before{opacity:1}.stat-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.stat-label{color:#6b7280}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1}.stat-value-with-progress{align-items:center;display:flex;gap:16px}.progress-indicator{align-items:center;display:flex;justify-content:center}.progress-circle{height:48px;position:relative;width:48px}.progress-svg{height:100%;transform:rotate(-90deg);width:100%}.progress-circle-bg{stroke:#e2e8f0}.progress-circle-fg{stroke:#00c9a7;stroke-dasharray:90 100;transition:stroke-dasharray .3s ease}.progress-text{color:#00c9a7;font-size:10px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.stat-value-with-change{display:flex;flex-direction:column;gap:4px}.stat-change{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.stat-change.positive{color:#32cd32}.stat-change-text{font-size:12px}.admin-actions{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;margin-bottom:32px;padding:24px}.section-title{color:#1b1b1b;font-size:20px;line-height:1.3}.action-buttons{gap:16px}.action-button{background:linear-gradient(135deg,#0094ff,#00c0ff);border:none;border-radius:9999px;box-shadow:0 2px 8px #0094ff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.action-button:hover{box-shadow:0 4px 12px #0094ff66;transform:scale(1.03)}.action-button:active{transform:scale(.98)}.action-button:focus{outline:2px solid #00a3ff;outline-offset:2px}.admin-sections-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.admin-section-card{animation:admin-section-fade-in .6s ease forwards;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;opacity:0;padding:24px;transform:translateY(16px)}.admin-stats .admin-stat-card:first-child{animation-delay:.05s}.admin-stats .admin-stat-card:nth-child(2){animation-delay:.12s}.admin-stats .admin-stat-card:nth-child(3){animation-delay:.19s}.admin-stats .admin-stat-card:nth-child(4){animation-delay:.26s}.admin-sections-grid .admin-section-card:first-child{animation-delay:.32s}.admin-sections-grid .admin-section-card:nth-child(2){animation-delay:.38s}@keyframes admin-stat-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes admin-section-fade-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.section-card-title{color:#1b1b1b;font-size:18px;font-weight:600;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;display:flex;gap:12px}.activity-dot{background:#00a3ff;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.activity-content{flex:1 1}.activity-text{color:#1b1b1b;font-size:14px;font-weight:500;margin-bottom:4px}.activity-time{color:#6b7280;font-size:12px}.task-distribution{align-items:center;display:flex;flex-direction:column;gap:24px}.pie-chart-placeholder{background:conic-gradient(#32cd32 0 60%,#00a3ff 60% 85%,#ffb800 85% 100%);height:160px;position:relative;width:160px}.pie-center,.pie-chart-placeholder{align-items:center;border-radius:50%;display:flex;justify-content:center}.pie-center{background:#fff;box-shadow:0 2px 8px #0000001a;flex-direction:column;height:100px;position:absolute;width:100px}.pie-total{color:#1b1b1b;font-size:24px;font-weight:700}.pie-label{color:#6b7280;font-size:12px}.task-legend{display:flex;flex-direction:column;gap:12px;width:100%}.legend-item{color:#1b1b1b;font-size:14px;gap:12px}.legend-color{border-radius:50%;height:12px;width:12px}.legend-color.completed{background:#32cd32}.legend-color.in-progress{background:#00a3ff}.legend-color.pending{background:#ffb800}@media (max-width:1200px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-sections-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-portal-content-wrapper{margin-top:0!important;padding:0 16px 24px;padding-top:0!important}.admin-portal-container{margin-top:0!important}.admin-header{margin-bottom:24px}.admin-title{font-size:28px}.admin-stats{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.admin-stat-card{padding:20px}.stat-value{font-size:28px}.admin-actions{margin-bottom:24px;padding:20px}.action-buttons{flex-direction:column}.action-button{width:100%}.admin-sections-grid{gap:16px}.admin-section-card{padding:20px}}@media (max-width:480px){.admin-title{font-size:24px}.section-title{font-size:18px}.section-card-title{font-size:16px}}.farm-overview-container{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:-32px!important;min-height:100vh;padding:0;padding-top:0!important}.farm-overview-container *{-ms-overflow-style:none;scrollbar-width:none}.farm-overview-container ::-webkit-scrollbar{display:none;height:0;width:0}.farm-overview-content{margin:0 auto;max-width:1400px;padding:0 24px 24px}.farm-heading{background:#0000;border-radius:0;box-shadow:none;margin-bottom:24px;margin-top:0;padding:0}.farm-title{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px}.farm-subtitle{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.farm-error,.farm-subtitle{font-size:14px;font-weight:400;margin:0}.farm-error{color:#ef4444}.farm-tabs{background:#0000;border-bottom:1px solid #e2e8f0;border-radius:0;box-shadow:none;flex-wrap:wrap;gap:0;margin-bottom:32px;overflow-x:visible;padding:0}.farm-tab{border-radius:0;color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;margin-bottom:-3px}.farm-tab.active,.farm-tab:hover{background:#0000}.farm-tab:focus{border-radius:0}.section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4}.quick-stats-section{margin-bottom:32px}.quick-stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-stat-card{background:#e8f4f8;border:1px solid #37b7ef33;border-radius:16px;box-shadow:0 2px 10px #0000000f;cursor:default;display:flex;flex-direction:column;gap:8px;padding:24px;transition:all .3s ease}.quick-stat-card:hover{background:#d8eaf5;box-shadow:0 4px 16px #37b7ef26;transform:translateY(-2px)}.stat-label{font-size:14px}.stat-value{font-size:36px}.activity-summary-section{margin-bottom:32px}.activity-summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.activity-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:24px;transition:all .3s ease}.activity-summary-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.activity-summary-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.activity-summary-name{color:#0f172a;font-size:18px;margin:0}.activity-status-badge,.activity-summary-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.activity-status-badge{border-radius:20px;font-size:12px;letter-spacing:.5px;padding:6px 12px}.activity-summary-details{display:flex;flex-direction:column;gap:12px}.activity-detail-row{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#64748b;font-size:13px;font-weight:500}.detail-label,.detail-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.detail-value{color:#0f172a;font-size:14px;font-weight:600}@media (max-width:768px){.farm-heading,.farm-overview-container{padding:16px}.farm-title{font-size:22px}.farm-tabs{gap:0;padding:0}.farm-tab{font-size:13px;padding:10px 16px}.activity-summary-cards,.quick-stats-cards{grid-template-columns:1fr}.stat-value{font-size:32px}}@media (max-width:480px){.farm-heading,.farm-overview-container{padding:12px}.farm-title{font-size:20px}.farm-tabs{gap:0;padding:0}.farm-tab{font-size:12px;padding:8px 12px}.section-title{font-size:14px}.stat-value{font-size:28px}.quick-stat-card{padding:20px}.activity-summary-card{padding:16px}}.farm-title-bar{align-items:center;animation:slideInDown .3s ease-out forwards;background:#fff;background:var(--card-background,#fff);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);border-radius:0 0 12px 12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;gap:16px;justify-content:flex-start;margin-bottom:20px;padding:16px 24px;position:relative;width:100%}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.farm-title-bar .topbar-left{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:6px;margin:0;max-width:100%;min-width:0;padding:0;position:relative}.farm-title-bar .farm-name-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0}.farm-title-bar .topbar-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:500;margin:0;padding:0}.farm-title-bar-skeleton{animation:farm-title-bar-skeleton-shine 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--border,#e2e8f0) 25%,#f1f5f9 50%,var(--border,#e2e8f0) 75%);background-size:200% 100%;border-radius:4px}.farm-title-bar-skeleton-title{height:24px;width:min(240px,100%)}.farm-title-bar-skeleton-subtitle{height:13px;margin-top:4px;width:min(160px,85%)}@keyframes farm-title-bar-skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.farm-title-bar{margin-bottom:16px;padding:12px 16px}.farm-title-bar .farm-name-title{font-size:16px}.farm-title-bar .topbar-subtitle{font-size:12px}.farm-title-bar-skeleton-title{height:20px;width:min(200px,100%)}.farm-title-bar-skeleton-subtitle{height:12px;width:min(150px,80%)}}@media (max-width:480px){.farm-title-bar{margin-bottom:12px;padding:10px 12px}.farm-title-bar .farm-name-title{font-size:14px}.farm-title-bar .topbar-subtitle{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.zones-container{background:linear-gradient(180deg,#f8fafc,#fff);box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow:hidden;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important;position:relative}.zones-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.zones-container *{-ms-overflow-style:none;scrollbar-width:none}.zones-container ::-webkit-scrollbar{display:none;height:0;width:0}.zones-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.zones-split-view{display:flex;gap:24px;gap:var(--spacing-lg,24px);height:calc(100vh - 120px);margin:0 auto;max-width:1600px}.zones-list-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:30%;z-index:1}.zones-list-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.zones-list-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;min-height:72px;padding:24px;padding:var(--spacing-lg,24px)}.zones-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.add-zone-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-size:var(--small-text-size,14px);font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.add-zone-button,.add-zone-button *{color:#fff!important}.add-zone-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.add-zone-button:hover:not(:disabled),.add-zone-button:hover:not(:disabled) *{color:#fff!important}.add-zone-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.add-zone-button:active:not(:disabled),.add-zone-button:active:not(:disabled) *{color:#fff!important}.add-zone-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.add-zone-button:focus{outline:2px solid #07326a;outline-offset:2px}.zones-list{flex:1 1;overflow-y:auto;padding:16px;padding:var(--spacing-md,16px)}.zones-search-box{background:#fff;background:var(--card-background,#fff);padding:24px 16px 16px;padding:var(--spacing-lg,24px) var(--spacing-md,16px) var(--spacing-md,16px) var(--spacing-md,16px)}.zones-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-size:var(--small-text-size,14px);padding:10px 14px;transition:all .2s ease;width:100%}.zones-search-input::placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.zones-search-input:hover:not(:focus){background-color:#fff;border-color:#37b7ef4d}.zones-search-input:focus{background-color:#fff;border-color:#37b7ef;border-color:var(--primary,#37b7ef);box-shadow:0 0 0 3px #37b7ef1a;outline:none}.zone-item{border:1px solid #0000;border-radius:12px;border-radius:var(--card-radius,12px);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px);padding:16px;padding:var(--spacing-md,16px)}.zone-item:hover{background:#f1f5f9}.zone-item.active{background:#fff;border-color:#37b7ef;border-color:var(--primary,#37b7ef)}.zone-item.active .zone-item-name{color:#1e293b;color:var(--text-primary,#1e293b)}.zone-item.active .zone-item-type{color:#475569;color:var(--text-secondary,#475569)}.zone-item-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.zone-item-type{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);text-transform:capitalize}.zone-details-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:70%;z-index:1}.zone-details-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.zone-details-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;min-height:72px;padding:24px;padding:var(--spacing-lg,24px)}.zone-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.new-zone-from-edit-button{align-items:center;background:#37b7ef1a;border:1px solid #37b7ef4d;border-radius:8px;color:#37b7ef;color:var(--primary,#37b7ef);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.new-zone-from-edit-button:hover:not(:disabled){background:#37b7ef33;border-color:#37b7ef80;transform:translateY(-1px)}.new-zone-from-edit-button:disabled{cursor:not-allowed;opacity:.6}.new-zone-from-edit-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.zone-details-form{flex:1 1;overflow-y:auto;padding:24px}.new-zone-form .form-group{margin-bottom:16px}.new-zone-form .form-group:last-of-type{margin-bottom:20px}.form-group label{color:var(--text-primary,#1e293b);font-size:var(--small-text-size,14px);margin-bottom:8px}.new-zone-form .form-group label{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:6px}.app-input,.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #37b7ef33;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;height:44px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.new-zone-form .app-input,.new-zone-form .form-input,.new-zone-form .form-select,.new-zone-form .form-textarea{background-color:#fff;border:1px solid #37b7ef33;border-radius:8px;box-shadow:0 2px 8px #0000001f;font-size:15px;height:auto;min-height:44px;padding:10px 14px;transition:all .2s ease}.new-zone-form .app-input:focus,.new-zone-form .form-input:focus,.new-zone-form .form-select:focus,.new-zone-form .form-textarea:focus{background-color:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26,0 6px 16px #37b7ef26,0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.new-zone-form .app-input:hover:not(:disabled):not(:focus),.new-zone-form .form-input:hover:not(:disabled):not(:focus),.new-zone-form .form-select:hover:not(:disabled):not(:focus),.new-zone-form .form-textarea:hover:not(:disabled):not(:focus){border-color:#37b7ef4d;box-shadow:0 4px 12px #00000026}.new-zone-form .app-input::placeholder,.new-zone-form .form-input::placeholder,.new-zone-form .form-textarea::placeholder{color:#475569;font-weight:400}.app-input:hover:not(:disabled):not(:focus),.form-input:hover:not(:disabled):not(:focus),.form-select:hover:not(:disabled):not(:focus),.form-textarea:hover:not(:disabled):not(:focus),.new-zone-form .app-input:hover:not(:disabled):not(:focus),.new-zone-form .form-input:hover:not(:disabled):not(:focus),.new-zone-form .form-select:hover:not(:disabled):not(:focus),.new-zone-form .form-textarea:hover:not(:disabled):not(:focus){background-color:#fff;border-color:#cbd5e1}.app-input::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8;font-weight:400}.form-textarea,textarea.app-input{height:auto;min-height:80px;resize:vertical}.new-zone-form textarea.app-input{font-size:15px;line-height:1.5;min-height:80px;padding:10px 14px}.form-select,select.app-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.cameras-list{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;min-height:60px}.cameras-list-items{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px);list-style:none;margin:0;padding:0}.camera-item{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);padding:8px 12px}.camera-item,.no-cameras{font-size:14px;font-size:var(--small-text-size,14px)}.no-cameras{color:#475569;color:var(--text-secondary,#475569);margin:0;padding:16px 0;padding:var(--spacing-md,16px) 0;text-align:center}.zone-details-form .form-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-md,16px)}.zone-details-form .form-actions>button{flex:0 0 auto}.zone-details-form .form-actions .delete-button{margin-left:auto}.new-zone-form .form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);margin-top:16px;padding-top:12px}.cancel-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.delete-button:disabled{opacity:.7}.delete-button:focus{outline:2px solid #dc2626;outline-offset:2px}.no-zone-selected{align-items:flex-start;display:flex;height:100%;justify-content:center;overflow:visible;padding:16px 24px 0;padding:var(--spacing-md,16px) var(--spacing-lg,24px) 0 var(--spacing-lg,24px)}.no-zone-selected .empty-zone-state{align-self:center}.empty-zone-state{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:500px;padding:32px;padding:var(--spacing-xl,32px);text-align:center;width:100%}.empty-zone-icon{font-size:64px;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);opacity:.6}.empty-zone-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.empty-zone-message{color:#475569;color:var(--text-secondary,#475569);line-height:1.6;margin:0 0 32px;margin:0 0 var(--spacing-xl,32px) 0}.empty-state-new-zone-button,.empty-zone-message{font-size:16px;font-size:var(--base-text-size,16px)}.empty-state-new-zone-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;color:#fff!important;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;gap:8px;padding:14px 24px;transition:all .2s ease}.empty-state-new-zone-button,.empty-state-new-zone-button *{color:#fff!important}.empty-state-new-zone-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.empty-state-new-zone-button:hover:not(:disabled),.empty-state-new-zone-button:hover:not(:disabled) *{color:#fff!important}.empty-state-new-zone-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.empty-state-new-zone-button:active:not(:disabled),.empty-state-new-zone-button:active:not(:disabled) *{color:#fff!important}.empty-state-new-zone-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.empty-state-new-zone-button:focus{outline:2px solid #07326a}.empty-state-new-zone-button:active{transform:translateY(0)}.empty-state-new-zone-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.new-zone-form{margin:0 auto;max-width:600px;padding:0;width:100%}.new-zone-header{margin-bottom:12px;margin-top:0;padding-top:0}.new-zone-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 4px}.new-zone-subtitle{line-height:1.4;margin:0}.loading-zones,.new-zone-subtitle,.no-zones{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px)}.loading-zones,.no-zones{padding:32px;padding:var(--spacing-xl,32px);text-align:center}.error-message-zones{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626}.error-message-zones,.success-message-zones{font-size:14px;font-size:var(--small-text-size,14px);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0;padding:12px 16px}.success-message-zones{background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;color:#059669}.discard-modal-content{padding:16px;padding:var(--spacing-md,16px)}.discard-modal-content p{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);margin:0 0 var(--spacing-lg,24px) 0}.discard-modal-actions{gap:16px;gap:var(--spacing-md,16px)}.discard-modal-actions button{border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);padding:10px 20px;transition:all .2s ease}.discard-modal-actions .cancel-button{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1}.discard-modal-actions .delete-button{background:#dc2626;color:#fff;flex:1 1}@media (max-width:1024px){.zones-split-view{flex-direction:column;height:auto}.zones-list-panel{max-height:300px;width:100%}.zone-details-panel{width:100%}}@media (max-width:768px){.zones-container{padding:16px;padding:var(--spacing-md,16px)}.zones-split-view{gap:16px;gap:var(--spacing-md,16px)}.form-actions{flex-direction:column}.delete-button,.save-button{width:100%}}.zone-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:all .2s ease}.zone-item:hover{background:#fafbfc;background:var(--card-hover,#fafbfc)}.zone-item.active{background:#37b7ef1a;border-left:3px solid #37b7ef;border-left:3px solid var(--primary,#37b7ef)}.zone-item-content{cursor:pointer;flex:1 1}.zone-item-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.zone-item:hover .zone-item-actions{opacity:1}.zone-action-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.zone-action-button:hover{background:#fff;background:var(--card-background,#fff);box-shadow:0 2px 4px #0000001a}.zone-edit-button:hover{color:#37b7ef;color:var(--primary,#37b7ef)}.zone-delete-button:hover{color:#ef4444}.zone-action-button svg{height:16px;width:16px}@media (max-width:768px){.zone-item-actions{opacity:1}.zone-item{padding:16px}.zone-action-button{height:36px;width:36px}}.cameras-container{background:linear-gradient(180deg,#f8fafc,#fff);box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow:hidden;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important;position:relative}.cameras-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.cameras-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.cameras-split-view{display:flex;gap:24px;gap:var(--spacing-lg,24px);height:calc(100vh - 120px);margin:0 auto;max-width:1600px}.cameras-list-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:30%;z-index:1}.cameras-list-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.cameras-list-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;min-height:72px;padding:24px;padding:var(--spacing-lg,24px)}.cameras-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.add-camera-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-size:var(--small-text-size,14px);font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.add-camera-button,.add-camera-button *{color:#fff!important}.add-camera-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.add-camera-button:hover:not(:disabled),.add-camera-button:hover:not(:disabled) *{color:#fff!important}.add-camera-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.add-camera-button:active:not(:disabled),.add-camera-button:active:not(:disabled) *{color:#fff!important}.add-camera-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.add-camera-button:focus{outline:2px solid #07326a}.cameras-list{flex:1 1;overflow-y:auto}.camera-list-item,.cameras-list{padding:16px;padding:var(--spacing-md,16px)}.camera-list-item{border:1px solid #0000;border-radius:12px;border-radius:var(--card-radius,12px);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.camera-list-item:hover{background:#f1f5f9}.camera-list-item.selected{background:#0000;border-color:#37b7ef;border-color:var(--primary,#37b7ef);border-left:4px solid #37b7ef;border-left:4px solid var(--primary,#37b7ef)}.camera-list-item-name,.camera-list-item.selected .camera-list-item-code,.camera-list-item.selected .camera-list-item-name,.camera-list-item.selected .camera-list-item-zone{color:#1e293b;color:var(--text-primary,#1e293b)}.camera-list-item-name{font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin-bottom:4px}.camera-list-item-code{font-size:14px;font-size:var(--small-text-size,14px);margin-bottom:4px}.camera-list-item-code,.camera-list-item-zone{color:#475569;color:var(--text-secondary,#475569)}.camera-list-item-zone{font-size:12px;font-size:var(--small-text-size,12px)}.camera-details-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:70%;z-index:1}.camera-details-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.camera-details-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;min-height:72px;padding:24px;padding:var(--spacing-lg,24px)}.camera-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.new-camera-form{flex:1 1;overflow-y:auto;padding:24px}.new-camera-header{margin-bottom:24px}.new-camera-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 8px}.new-camera-subtitle{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);margin:0}.camera-edit-form{flex:1 1;overflow-y:auto;padding:24px}.no-camera-selected{align-items:center;display:flex;flex:1 1;justify-content:center;padding:32px;padding:var(--spacing-xl,32px)}.empty-camera-state{max-width:400px;text-align:center}.empty-camera-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.empty-camera-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.empty-camera-message{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);line-height:1.6;margin:0 0 32px;margin:0 0 var(--spacing-xl,32px) 0}.empty-state-add-camera-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;color:#fff!important;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:700;gap:8px;padding:14px 24px;transition:all .2s ease}.empty-state-add-camera-button,.empty-state-add-camera-button *{color:#fff!important}.empty-state-add-camera-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.empty-state-add-camera-button:hover:not(:disabled),.empty-state-add-camera-button:hover:not(:disabled) *{color:#fff!important}.empty-state-add-camera-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.empty-state-add-camera-button:active:not(:disabled),.empty-state-add-camera-button:active:not(:disabled) *{color:#fff!important}.empty-state-add-camera-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.empty-state-add-camera-button:focus{outline:2px solid #07326a;outline-offset:2px}.camera-edit-form .form-group,.new-camera-form .form-group{margin-bottom:16px}.camera-edit-form .app-input,.new-camera-form .app-input{background-color:#fff;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001f;font-size:14px;height:auto;min-height:44px;padding:12px 14px;transition:all .2s ease}.camera-edit-form .app-input:focus,.new-camera-form .app-input:focus{background-color:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26,0 6px 16px #37b7ef26,0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.camera-edit-form .app-input:hover:not(:disabled):not(:focus),.new-camera-form .app-input:hover:not(:disabled):not(:focus){background-color:#fff;border-color:#37b7ef4d;box-shadow:0 4px 12px #00000026}.camera-edit-form .app-input::placeholder,.new-camera-form .app-input::placeholder{color:#475569;font-weight:400}.cameras-content{margin:0 auto;max-width:1600px}.cameras-top-bar{align-items:center;background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.cameras-header{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg,24px)}.cameras-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.farm-selector-label{background:#f1f5f9;border-radius:6px;color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);padding:6px 12px}.add-camera-button-legacy{background:#37b7ef;background:var(--primary,#37b7ef);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 20px;transition:all .2s ease}.add-camera-button:hover{background:#2a9fd4;box-shadow:0 4px 12px #37b7ef4d;transform:translateY(-1px)}.add-camera-button:active{transform:translateY(0)}.add-camera-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.cameras-table-wrapper{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:block;overflow-x:auto}@media (max-width:768px){.cameras-table-wrapper{display:none}}.cameras-table{border-collapse:collapse;width:100%}.cameras-table thead{background:#f8fafc}.cameras-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;padding:16px;text-align:left}.cameras-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);transition:background .2s ease}.cameras-table tbody tr:hover{background:#f8fafc}.cameras-table td{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:16px}.camera-name-cell{min-width:180px}.camera-name{font-weight:500;margin-bottom:4px}.camera-code{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px)}.camera-zone-cell{min-width:150px}.camera-status-cell{min-width:100px}.status-offline{color:#64748b}.camera-resolution-cell{min-width:120px}.camera-last-seen-cell{color:#475569;color:var(--text-secondary,#475569);min-width:100px}.camera-actions-cell{min-width:300px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-btn{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.action-btn:disabled{cursor:not-allowed;opacity:.6}.view-btn{background:#d0e8f9;border:none;color:#1a2b3b}.view-btn:hover:not(:disabled){background:#b8d9f0;border:none;box-shadow:0 2px 8px #1a2b3b33;color:#1a2b3b;transform:translateY(-1px)}.test-btn:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.edit-btn{background:#d0e8f9;border:none;color:#1a2b3b}.edit-btn:hover:not(:disabled){background:#b8d9f0;border:none;box-shadow:0 2px 8px #1a2b3b33;color:#1a2b3b;transform:translateY(-1px)}.delete-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:#fff}.action-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.spinner{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-top-color:#37b7ef;border:2px solid var(--border,#e2e8f0);border-radius:50%;border-top-color:var(--primary,#37b7ef);display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.cameras-cards-wrapper{display:none}@media (max-width:768px){.cameras-cards-wrapper{display:block;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.camera-card{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:16px;padding:var(--spacing-md,16px)}.camera-card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding-bottom:16px;padding-bottom:var(--spacing-md,16px)}.camera-card-body,.camera-card-header{margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.camera-card-row{display:flex;justify-content:space-between;margin-bottom:8px}.camera-card-label{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);font-weight:500}.camera-card-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px)}.camera-card-actions{display:flex;flex-wrap:wrap;gap:8px}.camera-card-actions .action-btn{flex:1 1;min-width:calc(50% - 4px)}}@media (max-width:480px){.cameras-top-bar{gap:16px;gap:var(--spacing-md,16px)}.cameras-header,.cameras-top-bar{align-items:flex-start;flex-direction:column}.cameras-header{gap:8px;gap:var(--spacing-sm,8px)}.add-camera-button{width:100%}}.drawer-overlay{animation:fadeIn .2s ease;z-index:999}.camera-drawer{animation:slideInRight .3s ease;bottom:0;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;max-width:500px;overflow-y:auto;position:fixed;right:0;width:100%;z-index:1000}.camera-drawer,.drawer-header{background:#fff;background:var(--card-background,#fff);top:0}.drawer-header{align-items:flex-start;position:-webkit-sticky;position:sticky;z-index:10}.drawer-title{color:#1e293b;color:var(--text-primary,#1e293b);margin:0 0 4px}.drawer-subtitle{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);margin:0}.drawer-close-btn{background:#0000;border-radius:6px;font-size:24px;line-height:1;transition:all .2s ease}.drawer-close-btn:hover{background:#f1f5f9;color:#1e293b;color:var(--text-primary,#1e293b)}.drawer-close-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.drawer-label{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:14px;font-size:var(--small-text-size,14px);font-weight:600}.drawer-label,.rtsp-url-container{margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.rtsp-url-container{display:flex;gap:8px}.rtsp-url-input{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#0f172a);flex:1 1;font-family:Monaco,Courier New,monospace;font-size:14px;height:40px;padding:0 16px}.rtsp-url-input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.rtsp-url-input:hover:not(:disabled):not(:focus){background:#f1f5f9;border-color:#cbd5e1}.copy-btn{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.copy-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.test-rtsp-btn{align-items:center;background:#37b7ef;background:var(--primary,#37b7ef);border:1px solid #37b7ef;border:1px solid var(--primary,#37b7ef);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.test-rtsp-btn:hover:not(:disabled){background:#2a9fd4;border-color:#2a9fd4}.test-rtsp-btn:disabled{cursor:not-allowed;opacity:.6}.test-rtsp-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.drawer-select{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#0f172a);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;height:40px;padding:0 16px;transition:all .2s ease;width:100%}.drawer-select:hover:not(:focus){background:#f1f5f9;border-color:#cbd5e1}.drawer-select:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.roi-editor-placeholder{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border:2px dashed var(--border,#e2e8f0);border-radius:8px;display:flex;justify-content:center;min-height:200px;padding:32px;padding:var(--spacing-xl,32px)}.roi-placeholder-content{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);text-align:center}.camera-metadata{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.metadata-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.metadata-label{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);font-weight:500}.metadata-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500}.drawer-footer{background:#fff;background:var(--card-background,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);bottom:0;display:flex;gap:16px;gap:var(--spacing-md,16px);padding:24px;padding:var(--spacing-lg,24px);position:-webkit-sticky;position:sticky;z-index:10}.drawer-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:12px 20px;transition:all .2s ease}.drawer-btn-primary{background:#37b7ef;background:var(--primary,#37b7ef);color:#fff}.drawer-btn-primary:hover{background:#2a9fd4;box-shadow:0 4px 12px #37b7ef4d;transform:translateY(-1px)}.drawer-btn-primary:active{transform:translateY(0)}.drawer-btn-danger{background:#dc2626;color:#fff}.drawer-btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.drawer-btn-danger:active{transform:translateY(0)}.drawer-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.drawer-toast{position:absolute;right:24px;right:var(--spacing-lg,24px);top:80px;z-index:1001}@media (max-width:768px){.camera-drawer{max-width:100%}.drawer-footer{flex-direction:column}.drawer-btn{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;justify-content:center;left:0;right:0;top:0;z-index:1001}.camera-modal,.modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;filter:none;position:fixed}.camera-modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 8px 32px #0003;flex-direction:column;left:50%;margin-top:36px;max-height:calc(90vh - 72px);max-width:600px;overflow:hidden;top:calc(50% + 36px);transform:translate(-50%,-50%);width:90%;z-index:1002}@keyframes modalSlideIn{0%{margin-top:0;opacity:0;transform:translate(-50%,-45%)}to{margin-top:36px;opacity:1;transform:translate(-50%,-50%)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:16px 24px;padding:16px var(--spacing-lg,24px)}.modal-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#f1f5f9;color:#1e293b;color:var(--text-primary,#1e293b)}.modal-close-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.modal-content{backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;flex:1 1;overflow-y:auto;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px)}.modal-content .form-label{color:#1e293b;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.modal-content .form-label .required{color:#dc2626}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group:last-child{margin-bottom:0}.modal-content .app-input{background-color:#e8f4f8;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001f;font-size:14px;height:auto;min-height:44px;padding:12px 14px;transition:all .2s ease}.modal-content .app-input:focus{background-color:#d8eaf5;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26,0 6px 16px #37b7ef26,0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.modal-content .app-input:hover:not(:disabled):not(:focus){background-color:#d8eaf5;border-color:#37b7ef4d;box-shadow:0 4px 12px #00000026}.modal-content .app-input::placeholder{color:#475569;font-weight:400}.modal-content .error-message{color:#dc2626;display:block;font-size:14px;font-size:var(--small-text-size,14px);margin-top:4px}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end;padding:24px;padding:var(--spacing-lg,24px)}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s ease}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.modal-btn-cancel{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.modal-btn-cancel:hover:not(:disabled){background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.modal-btn-primary{background:#07326a;border-radius:12px;box-shadow:0 2px 4px #07326a4d;font-weight:700}.modal-btn-primary,.modal-btn-primary *{color:#fff!important}.modal-btn-primary:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.modal-btn-primary:hover:not(:disabled),.modal-btn-primary:hover:not(:disabled) *{color:#fff!important}.modal-btn-primary:active:not(:disabled){transform:translateY(0)}.modal-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}@media (max-width:768px){.camera-modal{margin-top:36px;max-height:calc(95vh - 72px);top:calc(50% + 36px);width:95%}.modal-footer{flex-direction:column}.modal-btn{width:100%}}.camera-list-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:all .2s ease}.camera-list-item:hover{background:#fafbfc;background:var(--card-hover,#fafbfc)}.camera-list-item.selected{background:#37b7ef1a;border-left:3px solid #37b7ef;border-left:3px solid var(--primary,#37b7ef)}.camera-list-item-content{cursor:pointer;flex:1 1}.camera-list-item-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.camera-list-item:hover .camera-list-item-actions{opacity:1}.camera-action-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.camera-action-button:hover{background:#fff;background:var(--card-background,#fff);box-shadow:0 2px 4px #0000001a}.camera-edit-button:hover{color:#37b7ef;color:var(--primary,#37b7ef)}.camera-delete-button:hover{color:#ef4444}.camera-action-button svg{height:16px;width:16px}.success-message-cameras{background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;color:#059669;font-size:14px;font-size:var(--small-text-size,14px);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0;padding:12px 16px}.stream-config-button-group{display:flex;justify-content:flex-start}.more-details-button{align-items:center;background:#37b7ef;border:none;border-radius:12px;box-shadow:0 2px 4px #37b7ef4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:700;gap:8px;max-width:-webkit-fit-content;max-width:fit-content;min-width:150px;padding:14px 24px;transition:all .2s ease;width:auto}.more-details-button:hover{background:#2a9fd9;box-shadow:0 4px 8px #37b7ef66;transform:translateY(-1px)}.more-details-button:active{background:#2893ca;transform:translateY(0)}.more-details-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:20px}.more-details-title{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.delete-button{border-radius:var(--card-radius,12px)}.delete-button:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.cameras-search-box{margin:24px;margin:var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px)}.cameras-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.cameras-search-input::placeholder{color:#94a3b8}.cameras-search-input:focus{background-color:#fff;border-color:#37b7ef;outline:none}.discard-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:24px}.discard-modal-content h2{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.discard-modal-content p{color:#475569;font-size:14px;line-height:1.5;margin:0 0 24px}.discard-modal-actions{display:flex;gap:12px;justify-content:flex-end}.discard-modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.discard-modal-actions button.discard{background-color:#ef4444;color:#fff}.discard-modal-actions button.discard:hover{background-color:#dc2626}.discard-modal-actions button.keep{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#1e293b}.discard-modal-actions button.keep:hover{background-color:#e2e8f0}@media (max-width:768px){.camera-list-item-actions{opacity:1}.camera-list-item{padding:16px}.camera-action-button{height:36px;width:36px}}.camera-drawer-overlay{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.camera-drawer-container{animation:slideInRight .3s ease-out;background:#fff;background:var(--card-background,#fff);bottom:0;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);max-width:90vw;position:fixed;right:0;top:0;width:430px;z-index:1001}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.camera-drawer-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg,24px)}.camera-drawer-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.camera-drawer-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.camera-drawer-close-btn:hover{background:#f1f5f9;color:#0f172a;color:var(--text-primary,#0f172a)}.camera-drawer-close-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.camera-drawer-content{flex:1 1;overflow-y:auto;padding:24px;padding:var(--spacing-lg,24px)}.camera-drawer-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding-bottom:24px;padding-bottom:var(--spacing-lg,24px)}.camera-drawer-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.camera-drawer-section-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.camera-info-row{align-items:flex-start;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.camera-info-row:last-child{margin-bottom:0}.camera-info-label{color:#0f172a;color:var(--text-primary,#0f172a);flex-shrink:0;font-weight:500;min-width:140px}.camera-info-label,.camera-info-value{font-size:16px;font-size:var(--base-text-size,16px)}.camera-info-value{color:#475569;color:var(--text-secondary,#475569);flex:1 1;word-break:break-word}.camera-rtsp-url{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:14px;font-size:var(--small-text-size,14px);padding:6px 10px}.camera-activities-section{margin-top:16px;margin-top:var(--spacing-md,16px)}.camera-activities-list{margin-top:8px;margin-top:var(--spacing-sm,8px);padding-left:16px;padding-left:var(--spacing-md,16px)}.camera-activity-item{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.camera-activity-item:last-child{margin-bottom:0}.camera-status-badge-wrapper{align-items:center;display:flex}.camera-status-badge{border-radius:12px;display:inline-block;font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:4px 12px;text-transform:uppercase}.status-offline{background:#e2e8f0;color:#6b7280}.camera-drawer-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);padding:24px;padding:var(--spacing-lg,24px)}.camera-drawer-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.camera-drawer-btn-primary{background:#37b7ef;background:var(--primary,#37b7ef);color:#fff}.camera-drawer-btn-primary:hover{background:#2a9fd4;box-shadow:0 4px 12px #37b7ef4d;transform:translateY(-1px)}.camera-drawer-btn-primary:active{transform:translateY(0)}.camera-drawer-btn-primary:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.camera-drawer-btn-danger{background:#dc2626;color:#fff}.camera-drawer-btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.camera-drawer-btn-danger:active{transform:translateY(0)}.camera-drawer-btn-danger:focus{outline:2px solid #dc2626;outline-offset:2px}.camera-drawer-btn-secondary{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a)}.camera-drawer-btn-secondary:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.camera-drawer-btn-secondary:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}@media (max-width:768px){.camera-drawer-container{max-width:100vw;width:100vw}.camera-drawer-footer{flex-direction:column}.camera-drawer-btn{width:100%}.camera-info-label{min-width:120px}}.schedules-container{background:linear-gradient(180deg,#f8fafc,#fff);box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow:hidden;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important;position:relative}.schedules-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.schedules-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.schedules-split-view{display:flex;gap:24px;gap:var(--spacing-lg,24px);height:calc(100vh - 120px);margin:0 auto;max-width:1600px}.schedules-list-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:30%;z-index:1}.schedules-list-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.schedules-list-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);padding:24px;padding:var(--spacing-lg,24px)}.schedules-list-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.add-schedule-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;box-sizing:border-box;color:#fff!important;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-size:var(--small-text-size,14px);font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.add-schedule-button,.add-schedule-button *{color:#fff!important}.add-schedule-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.add-schedule-button:hover:not(:disabled),.add-schedule-button:hover:not(:disabled) *{color:#fff!important}.add-schedule-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.add-schedule-button:active:not(:disabled),.add-schedule-button:active:not(:disabled) *{color:#fff!important}.add-schedule-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.add-schedule-button:focus{outline:2px solid #07326a;outline-offset:2px}.schedule-view{flex:1 1;overflow-y:auto;padding:24px}.details-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:16px}.detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.detail-key{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.detail-val{color:#0f172a;font-size:15px;font-weight:600;word-break:break-word}.details-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.add-new-schedule-button{background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;color:#fff!important;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:700;padding:10px 20px;transition:all .2s ease}.add-new-schedule-button,.add-new-schedule-button *{color:#fff!important}.add-new-schedule-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.add-new-schedule-button:hover:not(:disabled),.add-new-schedule-button:hover:not(:disabled) *{color:#fff!important}.add-new-schedule-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.add-new-schedule-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.schedules-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.schedules-list{flex:1 1;overflow-y:auto}.schedule-list-item,.schedules-list{padding:16px;padding:var(--spacing-md,16px)}.schedule-list-item{border:1px solid #0000;border-radius:12px;border-radius:var(--card-radius,12px);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.schedule-list-item:hover{background:#f1f5f9}.schedule-list-item.selected{background:#f8fafc;border-color:#07326a40;box-shadow:0 8px 18px #0f172a0f}.schedule-list-item.selected .schedule-list-item-label,.schedule-list-item.selected .schedule-list-item-time,.schedule-list-item.selected .schedule-list-item-type{color:inherit}.schedule-list-item-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin-bottom:4px}.schedule-list-item-label.schedule-list-item-title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.schedule-list-item-meta{align-items:baseline;color:#475569;color:var(--text-secondary,#475569);display:flex;flex-wrap:wrap;font-size:13px;font-size:var(--small-text-size,13px);gap:8px}.schedule-list-item-meta .schedule-list-item-time,.schedule-list-item-meta .schedule-list-item-type{margin-bottom:0}.schedule-list-item-type{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);margin-bottom:4px}.schedule-list-item-time{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-size:var(--small-text-size,12px)}.schedule-details-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:70%;z-index:1}.schedule-details-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.schedule-details-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;min-height:72px;padding:24px;padding:var(--spacing-lg,24px)}.schedule-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.new-schedule-form{box-sizing:border-box;height:100%;margin:0 auto;max-width:600px;overflow-y:auto;padding:0 0 32px;padding:0 0 var(--spacing-xl,32px) 0;width:100%}.new-schedule-header{margin-bottom:12px;margin-top:0;padding-top:0}.new-schedule-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 4px}.new-schedule-subtitle,.new-schedule-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.new-schedule-subtitle{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);margin:0}.schedule-edit-form{flex:1 1;overflow-y:auto;padding:24px}.no-schedule-selected{align-items:flex-start;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow-y:auto;padding:0 32px 32px;padding:0 var(--spacing-xl,32px) var(--spacing-xl,32px) var(--spacing-xl,32px);padding-bottom:32px;padding-bottom:var(--spacing-xl,32px);padding-top:0}.empty-schedule-state{max-width:400px;text-align:center}.empty-schedule-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.empty-schedule-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.empty-schedule-message{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);line-height:1.6;margin:0 0 32px;margin:0 0 var(--spacing-xl,32px) 0}.empty-state-add-schedule-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;color:#fff!important;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:700;gap:8px;padding:14px 24px;transition:all .2s ease}.empty-state-add-schedule-button,.empty-state-add-schedule-button *{color:#fff!important}.empty-state-add-schedule-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.empty-state-add-schedule-button:hover:not(:disabled),.empty-state-add-schedule-button:hover:not(:disabled) *{color:#fff!important}.empty-state-add-schedule-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.empty-state-add-schedule-button:active:not(:disabled),.empty-state-add-schedule-button:active:not(:disabled) *{color:#fff!important}.empty-state-add-schedule-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.empty-state-add-schedule-button:focus{outline:2px solid #07326a;outline-offset:2px}.new-schedule-form .form-group,.schedule-edit-form .form-group{margin-bottom:16px}.new-schedule-form .form-group:first-of-type{margin-top:0}.new-schedule-form .form-group:last-of-type{margin-bottom:20px}.new-schedule-form .form-group label{color:#1e293b;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;margin-bottom:6px;margin-top:0}.new-schedule-form .form-group:first-of-type label{margin-top:0}.delete-button{flex:1 1;font-weight:600;margin-left:auto}.form-field-warning{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;color:#b45309;display:block;font-size:13px;font-size:var(--small-text-size,13px);margin-top:6px;padding:8px 10px}.form-field-hint{color:#64748b;font-size:12px;line-height:1.4;margin:0 0 8px}.days-of-week-label{display:block}.days-of-week-container{gap:12px;margin-top:8px}.day-checkbox-label{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;padding:8px 12px;transition:all .2s ease}.day-checkbox-label:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef)}.day-checkbox-label input[type=checkbox]:checked+.day-checkbox-text{color:#37b7ef;color:var(--primary,#37b7ef);font-weight:600}.day-checkbox-label:has(input[type=checkbox]:checked){background:#e8f4f8;border-color:#37b7ef;border-color:var(--primary,#37b7ef)}.day-checkbox-text{font-size:14px;font-size:var(--small-text-size,14px);-webkit-user-select:none;user-select:none}.new-schedule-form .app-input,.new-schedule-form .form-input,.new-schedule-form .form-select,.new-schedule-form .form-textarea{background-color:#fff;border:1px solid #37b7ef33;border-radius:8px;box-shadow:0 2px 8px #0000001f;box-sizing:border-box;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;height:auto;min-height:44px;padding:10px 14px;transition:all .2s ease;width:100%}.schedule-edit-form .app-input{background-color:#fff;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001f;font-size:14px;height:auto;min-height:44px;padding:12px 14px;transition:all .2s ease}.new-schedule-form .app-input:focus,.schedule-edit-form .app-input:focus{background-color:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26,0 6px 16px #37b7ef26,0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.new-schedule-form .app-input:hover:not(:disabled):not(:focus),.new-schedule-form .form-input:hover:not(:disabled):not(:focus),.new-schedule-form .form-select:hover:not(:disabled):not(:focus),.new-schedule-form .form-textarea:hover:not(:disabled):not(:focus),.schedule-edit-form .app-input:hover:not(:disabled):not(:focus){background-color:#fff;border-color:#37b7ef4d;box-shadow:0 4px 12px #00000026}.new-schedule-form .app-input::placeholder,.new-schedule-form .form-input::placeholder,.new-schedule-form .form-textarea::placeholder,.schedule-edit-form .app-input::placeholder{color:#475569;font-weight:400}.new-schedule-form select.app-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.schedules-content{margin:0 auto;max-width:1600px}.schedules-top-bar{align-items:center;background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.schedules-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.schedules-table-wrapper{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);overflow-x:auto}.schedules-table{border-collapse:collapse;width:100%}.schedules-table thead{background:#f8fafc}.schedules-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;padding:16px;text-align:left}.schedules-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);transition:background .2s ease}.schedules-table tbody tr:hover{background:#f1f5f9}.schedules-table tbody tr:last-child{border-bottom:none}.schedules-table td{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:16px}.schedule-label-cell{font-weight:500;min-width:150px}.schedule-type-cell{min-width:100px}.schedule-end-cell,.schedule-start-cell,.schedule-tolerance-cell{min-width:80px}.schedule-frequency-cell{min-width:100px}.schedule-actions-cell{min-width:150px}.schedule-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.schedule-action-btn{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.schedule-action-btn:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.schedule-edit-btn:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.schedule-delete-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.schedule-action-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.no-schedules-cell{color:#475569;color:var(--text-secondary,#475569);padding:32px!important;padding:var(--spacing-xl,32px)!important;text-align:center}@media (max-width:768px){.schedules-top-bar{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.add-schedule-button{width:100%}.schedules-list-header-row{align-items:flex-start;flex-direction:column}.details-grid{grid-template-columns:1fr}.schedules-table-wrapper{overflow-x:auto}.schedules-table{min-width:700px}}.schedule-list-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:all .2s ease}.schedule-list-item:hover{background:#fafbfc;background:var(--card-hover,#fafbfc)}.schedule-list-item.selected{background:#37b7ef1a;border-left:3px solid #37b7ef;border-left:3px solid var(--primary,#37b7ef)}.schedule-list-item-content{cursor:pointer;flex:1 1}.schedule-list-item-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.schedule-list-item:hover .schedule-list-item-actions{opacity:1}.schedule-action-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.schedule-action-button:hover{background:#fff;background:var(--card-background,#fff);box-shadow:0 2px 4px #0000001a}.schedule-edit-button:hover{color:#37b7ef;color:var(--primary,#37b7ef)}.schedule-delete-button:hover{color:#ef4444}.schedule-action-button svg{height:16px;width:16px}.success-message-schedules{background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;color:#059669;font-size:14px;font-size:var(--small-text-size,14px);margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0;padding:12px 16px}@media (max-width:768px){.schedule-list-item-actions{opacity:1}.schedule-list-item{padding:16px}.schedule-action-button{height:36px;width:36px}}.add-schedule-container{background:#f8fafc;background:var(--background,#f8fafc);box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important}.add-schedule-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.add-schedule-content{margin:0 auto;max-width:800px}.add-schedule-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:32px;padding:var(--spacing-xl,32px)}.add-schedule-header{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.add-schedule-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.add-schedule-form{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}@media (max-width:768px){.add-schedule-card{padding:24px;padding:var(--spacing-lg,24px)}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}.days-of-week-container{justify-content:space-between}}.edit-schedule-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.edit-schedule-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.edit-schedule-content{margin:0 auto;max-width:800px}.edit-schedule-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:32px;padding:var(--spacing-xl,32px)}.edit-schedule-header{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.edit-schedule-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.edit-schedule-form{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.days-of-week-container{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px)}.day-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.day-checkbox{accent-color:#37b7ef;accent-color:var(--primary,#37b7ef);cursor:pointer;height:18px;width:18px}.day-checkbox-text{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500}.day-checkbox-label:hover .day-checkbox-text{color:#37b7ef;color:var(--primary,#37b7ef)}.save-button{background:#37b7ef;background:var(--primary,#37b7ef);border-radius:8px;color:#fff;font-weight:500}.save-button:hover:not(:disabled){background:#2a9fd4;box-shadow:0 4px 12px #37b7ef4d}.delete-button{border-radius:8px;padding:10px 20px}.delete-button:hover:not(:disabled){box-shadow:0 4px 12px #dc26264d}.delete-button:active:not(:disabled){transform:translateY(0)}.cancel-button:focus,.delete-button:focus,.save-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}@media (max-width:768px){.edit-schedule-card{padding:24px;padding:var(--spacing-lg,24px)}.form-actions{flex-direction:column}.cancel-button,.delete-button,.save-button{width:100%}.days-of-week-container{justify-content:space-between}}.alerts-container{background:linear-gradient(180deg,#f8fafc,#fff);box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow:hidden;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important;position:relative}.alerts-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.alerts-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.alerts-split-view{display:flex;gap:24px;gap:var(--spacing-lg,24px);height:calc(100vh - 120px);margin:0 auto;max-width:1600px}.alerts-list-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:30%;z-index:1}.alerts-list-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.alerts-list-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg,24px)}.alerts-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.add-alert-rule-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;box-sizing:border-box;color:#fff!important;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-size:var(--small-text-size,14px);font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.add-alert-rule-button,.add-alert-rule-button *{color:#fff!important}.add-alert-rule-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.add-alert-rule-button:hover:not(:disabled),.add-alert-rule-button:hover:not(:disabled) *{color:#fff!important}.add-alert-rule-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.add-alert-rule-button:active:not(:disabled),.add-alert-rule-button:active:not(:disabled) *{color:#fff!important}.add-alert-rule-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.add-alert-rule-button:focus{outline:2px solid #07326a;outline-offset:2px}.alerts-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px)}.filter-group{gap:6px}.filter-label{margin-bottom:0}.filter-date-input,.filter-select{background-color:#e8f4f8;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001f;box-sizing:border-box;font-size:14px;min-height:44px;padding:12px 14px}.filter-date-input:hover,.filter-select:hover{background-color:#d8eaf5;border-color:#37b7ef4d;box-shadow:0 4px 12px #00000026}.filter-date-input:focus,.filter-select:focus{background-color:#d8eaf5;box-shadow:0 0 0 3px #37b7ef26,0 6px 16px #0ea5e926,0 4px 12px #00000026;transform:translateY(-1px)}.filter-date-input::placeholder{color:#475569}.alerts-list{flex:1 1;overflow-y:auto;padding:8px;padding:var(--spacing-sm,8px)}.alert-list-item{background:#fff;background:var(--card-background,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);cursor:pointer;padding:16px;padding:var(--spacing-md,16px);transition:all .2s ease}.alert-list-item:hover{background:#f1f5f9}.alert-list-item.selected{background:#e8f4f8;border-left:3px solid #37b7ef;border-left:3px solid var(--primary,#37b7ef)}.alert-list-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.alert-list-item-time{font-weight:600}.alert-list-item-activity,.alert-list-item-time{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px)}.alert-list-item-activity{font-weight:500;margin-bottom:4px}.alert-list-item-status{margin-bottom:4px}.alert-list-item-message,.alert-list-item-status{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px)}.alert-list-item-message{line-height:1.4}.empty-message{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);padding:32px;padding:var(--spacing-xl,32px);text-align:center}.alert-details-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:70%;z-index:1}.alert-details-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.alert-details-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;min-height:72px;padding:24px;padding:var(--spacing-lg,24px)}.alert-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.alert-details-content{flex:1 1;overflow-y:auto;padding:24px;padding:var(--spacing-lg,24px)}.alert-info-group{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.alert-info-label{color:#1e293b;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.alert-info-value{background:#e8f4f8;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001f;padding:12px 14px}.alert-severity-display{padding:10px 0}.alert-message-display{background:#e8f4f8;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001f;color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);line-height:1.5;padding:12px 14px}.no-alert-selected{align-items:flex-start;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow-y:auto;padding:0 32px 32px;padding:0 var(--spacing-xl,32px) var(--spacing-xl,32px) var(--spacing-xl,32px);padding-bottom:32px;padding-bottom:var(--spacing-xl,32px);padding-top:0}.no-alert-selected .new-alert-form{margin:0 auto;max-width:600px;width:100%}.empty-state-message{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);text-align:center}.empty-state-message p{margin:0}.empty-alert-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;padding:32px;padding:var(--spacing-xl,32px);text-align:center}.empty-alert-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);opacity:.6}.empty-alert-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.empty-alert-message,.empty-alert-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.empty-alert-message{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);line-height:1.5;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0;max-width:400px}.empty-state-add-alert-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;box-sizing:border-box;color:#fff!important;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-size:var(--small-text-size,14px);font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.empty-state-add-alert-button,.empty-state-add-alert-button *{color:#fff!important}.empty-state-add-alert-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.empty-state-add-alert-button:hover:not(:disabled),.empty-state-add-alert-button:hover:not(:disabled) *{color:#fff!important}.empty-state-add-alert-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.empty-state-add-alert-button:active:not(:disabled),.empty-state-add-alert-button:active:not(:disabled) *{color:#fff!important}.empty-state-add-alert-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.empty-state-add-alert-button:focus{outline:2px solid #07326a;outline-offset:2px}.new-alert-form{box-sizing:border-box;height:100%;margin:0 auto;max-width:600px;overflow-y:auto;padding:0 0 32px;padding:0 0 var(--spacing-xl,32px) 0;width:100%}.new-alert-header{margin-bottom:12px;margin-top:0;padding-top:0}.new-alert-title{color:#1e293b;color:var(--text-primary,#1e293b);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 4px}.new-alert-subtitle{color:#475569;color:var(--text-secondary,#475569);margin:0}.error-message-alerts,.new-alert-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px)}.error-message-alerts{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626}.error-message-alerts,.success-message-alerts{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:12px 16px}.success-message-alerts{background:#d1fae5;border:1px solid #86efac;border-radius:8px;color:#16a34a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px)}.new-alert-form .form-group{margin-bottom:16px}.new-alert-form .form-group:first-of-type{margin-top:0}.new-alert-form .form-group:last-of-type{margin-bottom:20px}.new-alert-form .form-group label{color:#1e293b;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;margin-bottom:6px;margin-top:0}.new-alert-form .form-group:first-of-type label{margin-top:0}.new-alert-form .app-input,.new-alert-form .form-input,.new-alert-form .form-select,.new-alert-form .form-textarea{background-color:#fff;border:1px solid #37b7ef33;border-radius:8px;box-shadow:0 2px 8px #0000001f;box-sizing:border-box;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;height:auto;min-height:44px;padding:10px 14px;transition:all .2s ease;width:100%}.new-alert-form .app-input:focus,.new-alert-form .form-input:focus,.new-alert-form .form-select:focus,.new-alert-form .form-textarea:focus{background-color:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26,0 6px 16px #37b7ef26,0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.new-alert-form .app-input:hover:not(:disabled):not(:focus),.new-alert-form .form-input:hover:not(:disabled):not(:focus),.new-alert-form .form-select:hover:not(:disabled):not(:focus),.new-alert-form .form-textarea:hover:not(:disabled):not(:focus){background-color:#fff;border-color:#37b7ef4d;box-shadow:0 4px 12px #00000026}.new-alert-form .app-input::placeholder,.new-alert-form .form-input::placeholder,.new-alert-form .form-textarea::placeholder{color:#475569;font-weight:400}.new-alert-form .app-input:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}.new-alert-form .app-input.input-error{border-color:#dc2626}.new-alert-form .condition-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:80px;padding:10px 14px;resize:vertical}.new-alert-form textarea.app-input{font-size:15px;line-height:1.5;min-height:80px;padding:10px 14px}.new-alert-form select.app-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.new-alert-form .condition-hint{color:#475569;color:var(--text-secondary,#475569);display:block;font-size:12px;font-style:italic;margin-top:6px}.new-alert-form .input-error-message{color:#dc2626;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;margin-top:6px}.new-alert-form .is-active-checkbox{accent-color:#37b7ef;accent-color:var(--primary,#37b7ef);cursor:pointer;height:18px;width:18px}.new-alert-form .form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end;margin-bottom:0;margin-top:16px;padding-bottom:0;padding-top:12px}.new-alert-form .save-button{background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;color:#fff!important;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:700;padding:10px 20px;transition:all .2s ease}.new-alert-form .save-button,.new-alert-form .save-button *{color:#fff!important}.new-alert-form .save-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.new-alert-form .save-button:hover:not(:disabled),.new-alert-form .save-button:hover:not(:disabled) *{color:#fff!important}.new-alert-form .save-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.new-alert-form .save-button:active:not(:disabled),.new-alert-form .save-button:active:not(:disabled) *{color:#fff!important}.new-alert-form .save-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.new-alert-form .save-button:focus{outline:2px solid #07326a;outline-offset:2px}.new-alert-form .cancel-button{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 20px;transition:all .2s ease}.new-alert-form .cancel-button:hover:not(:disabled){background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.new-alert-form .cancel-button:disabled{cursor:not-allowed;opacity:.6}.new-alert-form .cancel-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}@media (max-width:1024px){.alerts-split-view{flex-direction:column;height:auto}.alerts-list-panel{height:400px;width:100%}.alert-details-panel{height:500px;width:100%}}.add-alert-rule-container{background:#f8fafc;background:var(--background,#f8fafc);box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important}.add-alert-rule-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.add-alert-rule-content{margin:0 auto;max-width:800px}.add-alert-rule-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:32px;padding:var(--spacing-xl,32px)}.add-alert-rule-header{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.add-alert-rule-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.add-alert-rule-form{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.device-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.device-form-group:last-child{margin-bottom:0}.device-form-label{align-items:center;color:#475569;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;gap:4px;line-height:1.4;margin-bottom:0}.device-form-label .required{color:#ef4444}.device-form-label .optional{color:#94a3b8;font-weight:400}.condition-textarea{font-family:Courier New,monospace;min-height:120px;resize:vertical}.condition-hint{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-style:italic;margin-top:4px}.channel-checkboxes-container{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px)}.channel-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.channel-checkbox{accent-color:#37b7ef;accent-color:var(--primary,#37b7ef);cursor:pointer;height:18px;width:18px}.channel-checkbox-text{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500}.channel-checkbox-label:hover .channel-checkbox-text{color:#37b7ef;color:var(--primary,#37b7ef)}.is-active-checkbox{accent-color:#37b7ef;accent-color:var(--primary,#37b7ef);cursor:pointer;height:18px;width:18px}.submit-error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:14px;font-size:var(--small-text-size,14px);padding:12px}.input-error-message{color:#dc2626;font-size:12px;margin-top:4px}.form-actions{margin-top:16px;margin-top:var(--spacing-md,16px)}.cancel-button{border-radius:8px;padding:10px 20px}.save-button{align-items:center;box-sizing:border-box;display:inline-flex;font-size:14px;font-size:var(--small-text-size,14px);gap:8px;padding:8px 16px}.cancel-button:focus,.save-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}@media (max-width:768px){.add-alert-rule-card{padding:24px;padding:var(--spacing-lg,24px)}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}.channel-checkboxes-container{justify-content:space-between}}.device-alerts-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.device-alerts-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.device-alerts-content{margin:0 auto;max-width:1600px}.device-alerts-top-bar{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.device-alerts-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.device-alerts-filters{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.filter-date-input,.filter-select{color:#1e293b}.device-alerts-table-wrapper{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);overflow-x:auto}.device-alerts-table{border-collapse:collapse;width:100%}.device-alerts-table thead{background:#f8fafc}.device-alerts-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;padding:16px;text-align:left}.device-alerts-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);transition:background .2s ease}.device-alerts-table tbody tr:hover{background:#f1f5f9}.device-alerts-table tbody tr:last-child{border-bottom:none}.device-alerts-table td{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:16px}.alert-device-cell{font-weight:500;min-width:120px}.alert-last-seen-cell{color:#475569;color:var(--text-secondary,#475569);min-width:120px}.alert-type-cell{min-width:150px}.alert-severity-cell{min-width:120px}.severity-badge{border-radius:12px;display:inline-block;font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:4px 12px;text-transform:uppercase}.severity-info{background:#e2e8f0;color:#6b7280}.severity-warning{background:#fef3c7;color:#f59e0b}.severity-high{background:#fee2e2;color:#dc2626}.severity-critical{background:#7f1d1d;color:#fff}.alert-status-cell{min-width:100px}.status-sent{background:#d1fae5;color:#16a34a}.status-pending{background:#fef3c7;color:#f59e0b}.status-resolved{background:#e2e8f0;color:#6b7280}.alert-actions-cell{min-width:100px}.view-alert-btn{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:6px 16px;transition:all .2s ease}.view-alert-btn:hover{background:#37b7ef;background:var(--primary,#37b7ef);border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#fff}.view-alert-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.no-alerts-cell{color:#475569;color:var(--text-secondary,#475569);padding:32px!important;padding:var(--spacing-xl,32px)!important;text-align:center}.alert-info-value{background:#f8fafc;border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 12px}.alert-severity-display,.alert-status-display{padding:10px 0}.alert-details-display{background:#f8fafc;border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);line-height:1.5;padding:10px 12px}@media (max-width:768px){.device-alerts-filters{flex-direction:column}.filter-group{width:100%}.device-alerts-table-wrapper{overflow-x:auto}.device-alerts-table{min-width:800px}}.activity-timeline-container{background:#fff;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.activity-timeline-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.activity-timeline-content{margin:0 auto;max-width:1600px}.activity-timeline-top-bar{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.activity-timeline-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.activity-timeline-filters{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.filter-label{color:var(--text-primary,#1e293b);font-size:14px;font-size:var(--small-text-size,14px)}.filter-date-input,.filter-select{background:var(--card-background,#fff);padding:8px 12px;transition:all .2s ease}.filter-date-input:focus,.filter-select:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:0}.filter-date-input:hover,.filter-select:hover{border-color:#37b7ef;border-color:var(--primary,#37b7ef)}.timeline-wrapper{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);overflow-x:auto;padding:32px;padding:var(--spacing-xl,32px)}.timeline-axis{display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);min-width:1200px;padding:0 8px;padding:0 var(--spacing-sm,8px);position:relative}.timeline-tick{flex:1 1;position:relative;text-align:center}.timeline-tick-label{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);font-weight:500}.timeline-tick:after{content:"";height:8px;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:1px}.timeline-tick:after,.timeline-track{background:#e2e8f0;background:var(--border,#e2e8f0)}.timeline-track{border-radius:8px;height:200px;margin-top:16px;margin-top:var(--spacing-md,16px);min-width:1200px;position:relative}.activity-block{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:60px;padding:0 8px;padding:0 var(--spacing-sm,8px);position:absolute;top:20px;transition:all .2s ease;z-index:1}.activity-block:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px);z-index:2}.activity-block-missed{background:#0000!important;border:2px dashed #7f1d1d}.activity-block-content{color:#fff;font-size:14px;font-size:var(--small-text-size,14px);width:100%}.activity-block-missed .activity-block-content{color:#7f1d1d}.activity-block-label{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-block-times{font-size:11px;margin-bottom:2px;opacity:.9}.activity-block-status{font-size:11px;font-weight:500;text-transform:uppercase}.activity-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;font-size:var(--small-text-size,14px);margin-top:-8px;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);pointer-events:none;position:fixed;transform:translate(-50%,-100%);z-index:1000}.tooltip-label{color:#fff;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.tooltip-row{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:space-between;margin-bottom:4px}.tooltip-row:last-child{margin-bottom:0}.tooltip-row span:first-child{opacity:.8}.activity-info-value{background:#f8fafc;border-radius:8px;color:#0f172a;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 12px}.activity-status-display{padding:10px 0}.activity-status-badge{border-radius:12px;color:#fff;display:inline-block;font-weight:500;padding:4px 12px;text-transform:uppercase}.activity-json-display,.activity-status-badge{font-size:14px;font-size:var(--small-text-size,14px)}.activity-json-display{background:#1e293b;border-radius:8px;color:#0f172a;color:var(--text-primary,#1e293b);color:#e2e8f0;font-family:Monaco,Courier New,monospace;line-height:1.5;margin:0;overflow-x:auto;padding:12px}@media (max-width:768px){.activity-timeline-filters{flex-direction:column}.filter-group{width:100%}.timeline-wrapper{padding:16px;padding:var(--spacing-md,16px)}.timeline-axis,.timeline-track{min-width:800px}}.farm-analytics-container{background:#fff;box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important}.farm-analytics-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.farm-analytics-content{margin:0 auto;max-width:1600px}.farm-analytics-top-bar{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.farm-analytics-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.kpi-cards-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-grid,.kpi-cards-row{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.charts-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-container{min-height:200px}.bar-chart,.line-chart{display:block;margin:0 auto}.device-health-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:24px;padding:var(--spacing-lg,24px)}.device-health-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0}.device-health-content{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg,24px)}.device-health-item{align-items:center;display:flex;gap:16px;gap:var(--spacing-md,16px)}.device-health-label{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:500}.device-health-badge,.device-health-label{font-size:16px;font-size:var(--base-text-size,16px)}.device-health-badge{border-radius:20px;color:#fff;display:inline-block;font-weight:600;padding:6px 16px}.device-health-online{background:#16a34a}.device-health-offline{background:#6b7280}.device-health-alert{background:#dc2626}@media (max-width:768px){.charts-grid,.kpi-cards-row{grid-template-columns:1fr}.chart-container{overflow-x:auto}.device-health-content{flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}}.live-monitor-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.live-monitor-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.live-monitor-content{margin:0 auto;max-width:1600px}.live-monitor-top-bar{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.live-monitor-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.camera-switcher-wrapper,.live-monitor-main-layout{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.live-monitor-main-layout{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:2fr 1fr}.camera-feed-section{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:24px;padding:var(--spacing-lg,24px)}.camera-feed-container{width:100%}.camera-feed-placeholder{align-items:center;aspect-ratio:16/9;background:#1e293b;border:2px solid #e2e8f0;border:2px solid var(--border,#e2e8f0);border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.camera-feed-placeholder-content{color:#fff;text-align:center}.camera-feed-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.camera-feed-text{font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.camera-feed-subtext{font-size:14px;font-size:var(--small-text-size,14px);opacity:.8}.camera-feed-label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;margin-top:16px;margin-top:var(--spacing-md,16px)}.activity-status-section{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:24px;padding:var(--spacing-lg,24px)}.activity-status-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;letter-spacing:.5px;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0;text-transform:uppercase}.activity-status-cards{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.activity-log-section{padding:24px;padding:var(--spacing-lg,24px)}.activity-log-section,.camera-switcher{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f)}.camera-switcher{align-items:center;display:flex;gap:16px;gap:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px)}.camera-switcher-label{font-weight:500}.camera-switcher-label,.camera-switcher-select{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px)}.camera-switcher-select{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);padding:8px 12px;transition:all .2s ease}.camera-switcher-select:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:0}.camera-switcher-select:focus,.camera-switcher-select:hover{border-color:#37b7ef;border-color:var(--primary,#37b7ef)}.activity-status-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px;padding:var(--spacing-md,16px);transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-status-card:hover{border-color:#25b7ef4d;box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.activity-status-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.activity-status-card-label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600}.activity-status-card-badge{border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 6px #00000026;display:inline-block;font-size:12px;font-size:var(--small-text-size,12px);font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.activity-status-card-badge:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.activity-status-card-time{margin-bottom:4px}.activity-status-card-camera,.activity-status-card-time{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px)}.activity-status-card-camera{margin-top:8px;margin-top:var(--spacing-sm,8px)}.live-activity-log-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.live-activity-log-container{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;max-height:300px;overflow-y:auto;padding:16px;padding:var(--spacing-md,16px)}.live-activity-log-empty{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);padding:24px;padding:var(--spacing-lg,24px);text-align:center}.live-activity-log-entry{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;font-size:14px;font-size:var(--small-text-size,14px);gap:16px;gap:var(--spacing-md,16px);padding:8px 0;padding:var(--spacing-sm,8px) 0}.live-activity-log-entry:last-child{border-bottom:none}.log-time{color:#0f172a;color:var(--text-primary,#0f172a);font-family:Monaco,Courier New,monospace;font-weight:600;min-width:80px}.log-status-badge{border-radius:8px;display:inline-block;font-size:11px;font-weight:500;min-width:80px;padding:2px 8px;text-align:center;text-transform:uppercase}.log-activity{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:500;min-width:100px}.log-message{color:#475569;color:var(--text-secondary,#475569);flex:1 1}@media (max-width:1024px){.live-monitor-main-layout{grid-template-columns:1fr}}@media (max-width:768px){.live-monitor-container{padding:16px;padding:var(--spacing-md,16px)}.camera-feed-placeholder{aspect-ratio:4/3}.camera-switcher{align-items:flex-start;flex-direction:column}.camera-switcher-select{width:100%}.live-activity-log-entry{flex-wrap:wrap;gap:8px;gap:var(--spacing-sm,8px)}}.camera-health-container{background:#fff;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.camera-health-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.farm-tab:hover{color:#0f172a;color:var(--text-primary,#0f172a)}.camera-health-content{margin:0 auto;max-width:1600px}.camera-health-top-bar{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.camera-health-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.camera-health-kpi-row{grid-gap:24px;grid-gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.camera-health-grid,.camera-health-kpi-row{display:grid;gap:24px;gap:var(--spacing-lg,24px)}.camera-health-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);grid-template-columns:repeat(3,1fr)}.camera-health-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:24px;padding:var(--spacing-lg,24px);transition:all .2s ease}.camera-health-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.camera-health-card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding-bottom:16px;padding-bottom:var(--spacing-md,16px)}.camera-health-card-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0}.camera-health-card-body{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.camera-health-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.camera-health-row:last-child{margin-bottom:0}.camera-health-label{color:#475569;color:var(--text-secondary,#475569)}.camera-health-label,.camera-health-value{font-size:16px;font-size:var(--base-text-size,16px);font-weight:500}.camera-health-value{color:#0f172a;color:var(--text-primary,#0f172a)}.camera-health-quality-badge,.camera-health-status-badge{border-radius:12px;display:inline-block;font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:4px 12px;text-transform:uppercase}.camera-health-quality-badge{background:#0000;border:1px solid}.camera-health-card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);padding-top:16px;padding-top:var(--spacing-md,16px)}.view-details-btn{padding:10px 20px;transition:all .2s ease}.view-details-btn:hover{background:#2a9fd4;box-shadow:0 4px 12px #37b7ef4d;transform:translateY(-1px)}.view-details-btn:active{transform:translateY(0)}.view-details-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}@media (max-width:1024px){.camera-health-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.camera-health-container{padding:16px;padding:var(--spacing-md,16px)}.camera-health-grid,.camera-health-kpi-row{grid-template-columns:1fr}}.camera-activity-zones-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.camera-activity-zones-tabs-wrapper{margin:0 auto 24px;max-width:1600px}.farm-tab{padding:12px 20px}.camera-activity-zones-content{margin:0 auto;max-width:1600px}.camera-activity-zones-top-bar{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px}.camera-activity-zones-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;margin:0}.camera-activity-zones-add-btn{background:#37b7ef;background:var(--primary,#37b7ef);border:1px solid #37b7ef;border:1px solid var(--primary,#37b7ef);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 16px}.camera-activity-zones-add-btn:hover{filter:brightness(.95)}.camera-activity-zones-add-btn:disabled{cursor:not-allowed;filter:none;opacity:.65}.camera-activity-zones-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:16px;padding:12px 14px}.camera-activity-zones-table-wrapper{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);overflow-x:auto}.camera-activity-zones-table{border-collapse:collapse;min-width:860px;width:100%}.camera-activity-zones-table thead{background:#f8fafc}.camera-activity-zones-table td,.camera-activity-zones-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;padding:14px 16px;text-align:left}.camera-activity-zones-table th{font-weight:600;white-space:nowrap}.camera-activity-zones-table tbody tr:last-child td{border-bottom:none}.camera-activity-zones-row-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:13px;height:32px;padding:0 10px}.camera-activity-zones-row-btn:hover{border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.camera-activity-zones-row-btn:disabled{cursor:not-allowed;opacity:.55}.camera-activity-zones-actions-cell{display:flex;gap:8px}.camera-activity-zones-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.camera-activity-zones-modal{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);max-height:90vh;max-width:640px;overflow:auto;width:100%}.camera-activity-zones-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:16px}.camera-activity-zones-modal-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;margin:0}.camera-activity-zones-modal-close{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;cursor:pointer;height:32px;width:32px}.camera-activity-zones-modal-form{grid-gap:12px;display:grid;gap:12px;padding:16px}.camera-activity-zones-field{grid-gap:6px;display:grid;gap:6px}.camera-activity-zones-field>span{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.camera-activity-zones-field select,.camera-activity-zones-field textarea{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.camera-activity-zones-field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;resize:vertical}.camera-activity-zones-checkbox{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:inline-flex;font-size:14px;gap:8px}.camera-activity-zones-field-error{color:#b91c1c;font-size:12px}.camera-activity-zones-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;padding:10px 12px}.camera-activity-zones-modal-actions{display:flex;gap:8px;justify-content:flex-end}.camera-activity-zones-empty-state{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;padding:28px 16px;text-align:center}@media (max-width:768px){.camera-activity-zones-container{padding:16px}.camera-activity-zones-top-bar{align-items:flex-start;flex-direction:column}}.admin-analytics-container{background:#fff;box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important}.admin-analytics-content{margin:0 auto;max-width:1600px}.admin-analytics-top-bar{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.admin-analytics-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.admin-kpi-row{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.kpi-card{animation:kpi-fade-in .45s ease forwards;background:#e8f4f8;border:1px solid #37b7ef33;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;opacity:0;transform:translateY(16px);transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:hover{background:#d8eaf5;border-color:#37b7ef66;box-shadow:0 8px 24px #0000001a,0 4px 8px #0000000f;transform:translateY(-4px)}.kpi-value{color:#0f172a;color:var(--text-primary,#0f172a)}.kpi-value-online{color:#16a34a}.kpi-value-offline{color:#dc2626}.kpi-value-warning{color:#f59e0b}.kpi-value-danger{color:#dc2626}.admin-charts-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.chart-card{animation:chart-fade-in .5s ease forwards;opacity:0;transform:translateY(18px)}.chart-container{align-items:center;display:flex;justify-content:center;min-height:250px}.pie-chart{display:block;margin:0 auto}.worst-farms-card{animation:chart-fade-in .55s ease forwards;background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);opacity:0;padding:24px;padding:var(--spacing-lg,24px);transform:translateY(20px)}.worst-farms-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0}.worst-farms-table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow-x:auto}.chart-empty{color:#475569;color:var(--text-secondary,#64748b);font-size:14px}.admin-error-banner{background:#dc26260f;border:1px solid #dc262640;border-radius:8px;color:#b91c1c;font-size:14px;margin:12px 0 20px;padding:10px 14px}.admin-kpi-row .kpi-card:first-child{animation-delay:.05s}.admin-kpi-row .kpi-card:nth-child(2){animation-delay:.12s}.admin-kpi-row .kpi-card:nth-child(3){animation-delay:.19s}.admin-kpi-row .kpi-card:nth-child(4){animation-delay:.26s}.admin-charts-grid .chart-card:first-child{animation-delay:.18s}.admin-charts-grid .chart-card:nth-child(2){animation-delay:.24s}.admin-charts-grid .chart-card:nth-child(3){animation-delay:.3s}@keyframes kpi-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.worst-farms-table{border-collapse:collapse;width:100%}.worst-farms-table thead{background:#f8fafc}.worst-farms-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;padding:16px;text-align:left}.worst-farms-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);transition:background .2s ease}.worst-farms-table tbody tr:hover{background:#f1f5f9}.worst-farms-table tbody tr:last-child{border-bottom:none}.worst-farms-table td{color:#0f172a;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:16px}.farm-name-cell{font-weight:500}.farm-ontime-cell{color:#475569;color:var(--text-secondary,#475569)}.farm-late-cell{color:#f59e0b;font-weight:500}.farm-missed-cell{color:#dc2626;font-weight:500}@media (max-width:1024px){.admin-charts-grid{grid-template-columns:1fr}.admin-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-analytics-container{padding:16px;padding:var(--spacing-md,16px)}.admin-kpi-row{grid-template-columns:1fr}.chart-container,.worst-farms-table-wrapper{overflow-x:auto}.worst-farms-table{min-width:500px}}.wizard-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.wizard-content{margin:0 auto;max-width:1000px}.wizard-header{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);text-align:center}.wizard-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.wizard-stepper{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.stepper-step,.wizard-stepper{align-items:center;display:flex}.stepper-step{flex:1 1;flex-direction:column;position:relative}.stepper-step-number{align-items:center;background:#e2e8f0;border:2px solid #0000;border-radius:50%;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.stepper-step.active .stepper-step-number{background:#37b7ef;background:var(--primary,#37b7ef);border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#fff}.stepper-step.completed .stepper-step-number{background:#16a34a;border-color:#16a34a;color:#fff}.stepper-step-label{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;margin-top:8px;margin-top:var(--spacing-sm,8px);text-align:center}.stepper-step.active .stepper-step-label{color:#37b7ef;color:var(--primary,#37b7ef);font-weight:600}.stepper-step.completed .stepper-step-label{color:#16a34a}.stepper-connector{background:#e2e8f0;flex:1 1;height:2px;margin:0 16px;margin:0 var(--spacing-md,16px);transition:background .3s ease}.stepper-connector.completed{background:#16a34a}.wizard-step-content{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);min-height:400px;padding:32px;padding:var(--spacing-xl,32px)}.step-form{gap:24px;gap:var(--spacing-lg,24px)}.form-group,.step-form{display:flex;flex-direction:column}.form-group{gap:8px;gap:var(--spacing-sm,8px)}.form-label{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:500}.form-input,.form-label,.form-select{font-size:16px;font-size:var(--base-text-size,16px)}.form-input,.form-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--text-primary,#1e293b);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);padding:12px 16px;transition:border-color .2s ease;width:100%}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;cursor:pointer;display:block;padding-right:42px;width:100%}.form-select option{padding:8px 12px}.form-input:focus,.form-select:focus{border-color:#37b7ef;border-color:var(--primary,#37b7ef);box-shadow:0 0 0 3px #37b7ef1a;outline:none}.form-select:hover{border-color:#cbd5e1}.form-input::placeholder{color:#94a3b8}.step-actions{justify-content:space-between}.step-actions,.step-actions-single{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;margin-top:32px;margin-top:var(--spacing-xl,32px);padding-top:24px;padding-top:var(--spacing-lg,24px)}.step-actions-single{justify-content:flex-end}.btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#2a9fd9}.btn-primary:disabled{opacity:.5}.btn-secondary{background:#0000;border:1px solid #37b7ef;border:1px solid var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.btn-secondary:hover{background:#37b7ef1a}.btn-danger{background:#0000;border:1px solid #dc2626;color:#dc2626}.btn-danger:hover{background:#dc26261a}.list-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px)}.list-item-content{flex:1 1}.list-item-actions{display:flex;gap:8px;gap:var(--spacing-sm,8px)}.step-table{border-collapse:collapse;margin-top:24px;margin-top:var(--spacing-lg,24px);width:100%}.step-table thead{background:#f8fafc}.step-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;padding:12px 16px;text-align:left}.step-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:12px 16px}.step-table tbody tr:hover{background:#f8fafc}.btn-add{align-items:center;background:#37b7ef;background:var(--primary,#37b7ef);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;gap:8px;margin-top:16px;margin-top:var(--spacing-md,16px);padding:10px 20px;transition:background .2s ease}.btn-add:hover{background:#2a9fd9}.form-actions-inline{display:flex;gap:16px;gap:var(--spacing-md,16px);margin-top:16px;margin-top:var(--spacing-md,16px)}.zones-list{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.add-camera-form,.add-device-form,.add-zone-form{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;margin-top:24px;margin-top:var(--spacing-lg,24px);padding:24px;padding:var(--spacing-lg,24px)}.review-section{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.review-section-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding-bottom:8px;padding-bottom:var(--spacing-sm,8px)}.review-item{background:#f8fafc;border-radius:8px;display:flex;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px);padding:16px;padding:var(--spacing-md,16px)}.review-item-label{color:#475569;color:var(--text-secondary,#475569);font-weight:500;min-width:150px}.review-item-value{color:#0f172a;color:var(--text-primary,#1e293b)}@media (max-width:768px){.wizard-stepper{flex-wrap:wrap;gap:8px;gap:var(--spacing-sm,8px)}.stepper-connector{display:none}.wizard-step-content{padding:24px;padding:var(--spacing-lg,24px)}.step-actions{flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.btn{width:100%}}.farm-comparison-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.farm-comparison-content{margin:0 auto;max-width:1600px}.comparison-header{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.comparison-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.comparison-filters{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg,24px);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.filter-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#1e293b);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);padding:10px 12px}.filter-select:focus{border-color:#37b7ef;border-color:var(--primary,#37b7ef);box-shadow:0 0 0 3px #37b7ef1a;outline:none}.farm-checkboxes{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.kpi-cards-row{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.kpi-comparison-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:24px;padding:var(--spacing-lg,24px)}.kpi-farm-name{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0;padding-bottom:8px;padding-bottom:var(--spacing-sm,8px)}.kpi-metric{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.kpi-metric:last-child{margin-bottom:0}.kpi-value{font-size:20px}.kpi-ontime{color:#16a34a}.kpi-late{color:#dc2626}.kpi-missed{color:#7f1d1d}.chart-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.pie-charts-container{grid-gap:32px;grid-gap:var(--spacing-xl,32px);display:grid;gap:32px;gap:var(--spacing-xl,32px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.pie-chart-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.pie-chart-farm-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0}.duration-chart-container{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl,32px)}.duration-farm-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);padding-bottom:24px;padding-bottom:var(--spacing-lg,24px)}.duration-farm-section:last-child{border-bottom:none;padding-bottom:0}.duration-farm-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.duration-bars{flex-direction:column}.duration-bar-item,.duration-bars{display:flex;gap:16px;gap:var(--spacing-md,16px)}.duration-bar-item{align-items:center}.duration-label{color:#0f172a;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;min-width:100px}.duration-bar-wrapper{background:#f1f5f9;border-radius:8px;flex:1 1;height:32px;overflow:hidden;position:relative}.duration-bar{align-items:center;border-radius:8px;display:flex;height:100%;justify-content:flex-end;min-width:80px;padding-right:12px;transition:width .3s ease}.milking-bar{background:#37b7ef;background:var(--primary,#37b7ef)}.feeding-bar{background:#16a34a}.scraping-bar{background:#8b5cf6}.duration-value{color:#fff;font-size:14px;font-size:var(--small-text-size,14px);font-weight:600}.no-selection-message{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);padding:32px;padding:var(--spacing-xl,32px);text-align:center}.bar-chart-container{display:flex;justify-content:center;overflow-x:auto}.comparison-bar-chart{display:block}.line-chart-container{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);overflow-x:auto}.comparison-line-chart{display:block}.line-chart-legend{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg,24px);justify-content:center;margin-top:16px;margin-top:var(--spacing-md,16px)}.pie-chart-container{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.comparison-pie-chart{display:block}.pie-legend,.status-legend{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px);margin-top:16px;margin-top:var(--spacing-md,16px)}.status-legend{width:100%}.legend-color{flex-shrink:0;height:16px;width:16px}.legend-label{color:#0f172a;color:var(--text-primary,#0f172a);flex:1 1;font-weight:500}.legend-value{color:#475569;color:var(--text-secondary,#475569);font-weight:600}.comparison-table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-table thead{background:#f8fafc}.comparison-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;padding:12px 16px;text-align:left}.comparison-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:12px 16px}.comparison-table tbody tr:hover{background:#f8fafc}.comparison-table tbody tr:last-child td{border-bottom:none}.table-farm-cell{font-weight:500}.table-activity-cell{text-transform:capitalize}.table-ontime-cell{color:#16a34a;font-weight:600}.table-late-cell{color:#dc2626;font-weight:500}.table-missed-cell{color:#7f1d1d;font-weight:500}.table-duration-cell,.table-empty-message{color:#475569;color:var(--text-secondary,#475569)}.table-empty-message{font-size:16px;font-size:var(--base-text-size,16px);padding:32px;padding:var(--spacing-xl,32px);text-align:center}@media (max-width:1024px){.pie-charts-container{grid-template-columns:1fr}}@media (max-width:768px){.farm-comparison-container{padding:16px;padding:var(--spacing-md,16px)}.comparison-filters{flex-direction:column}.filter-group{min-width:100%}.kpi-cards-row{grid-template-columns:1fr}.duration-bar-item{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.duration-label{min-width:auto}}.multi-camera-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.multi-camera-content{margin:0 auto;max-width:1800px}.camera-grid-header{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.camera-grid-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.camera-grid-controls{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.layout-controls{align-items:center;display:flex;gap:16px;gap:var(--spacing-md,16px)}.control-label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;min-width:120px}.layout-buttons{display:flex;gap:8px;gap:var(--spacing-sm,8px)}.layout-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#1e293b);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 20px;transition:all .2s ease}.layout-btn:hover{background:#f8fafc}.layout-btn.active,.layout-btn:hover{border-color:#37b7ef;border-color:var(--primary,#37b7ef)}.layout-btn.active{background:#37b7ef;background:var(--primary,#37b7ef);color:#fff}.camera-selector{align-items:flex-start}.camera-checkboxes,.camera-selector{display:flex;gap:16px;gap:var(--spacing-md,16px)}.camera-checkboxes{flex:1 1;flex-wrap:wrap}.checkbox-label{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#0f172a;padding:6px 12px}.checkbox-label:hover{background:#f8fafc;border-color:#37b7ef;border-color:var(--primary,#37b7ef)}.checkbox-label input[type=checkbox]{accent-color:#37b7ef;accent-color:var(--primary,#37b7ef);cursor:pointer;height:18px;width:18px}.checkbox-label input[type=checkbox]:checked+span{color:#37b7ef;color:var(--primary,#37b7ef);font-weight:500}.camera-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.camera-grid.grid-4{grid-template-columns:repeat(2,1fr)}.camera-grid.grid-6,.camera-grid.grid-9{grid-template-columns:repeat(3,1fr)}.camera-tile{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.camera-tile:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.camera-tile-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md,16px)}.camera-tile-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0}.camera-tile-indicators{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm,8px)}.live-indicator{align-items:center;color:#dc2626;display:flex;font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;gap:4px}.live-dot{animation:pulse 2s infinite;font-size:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-online{background:#d1fae5;color:#16a34a}.status-offline{background:#fee2e2;color:#dc2626}.camera-tile-video{background:#1e293b;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-placeholder{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.placeholder-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.placeholder-content.offline{color:#94a3b8}.placeholder-icon{font-size:48px;opacity:.7}.placeholder-text{font-size:16px;font-size:var(--base-text-size,16px);font-weight:500}.placeholder-fps{color:#60a5fa;font-size:14px;font-size:var(--small-text-size,14px);font-weight:600}.camera-tile-footer{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);padding:16px;padding:var(--spacing-md,16px)}.view-details-btn{background:#37b7ef;background:var(--primary,#37b7ef);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 16px;transition:background .2s ease;width:100%}.view-details-btn:hover{background:#2a9fd9}.no-cameras-message{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);padding:32px;padding:var(--spacing-xl,32px);text-align:center}@media (max-width:1200px){.camera-grid.grid-6,.camera-grid.grid-9{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.camera-grid-controls,.multi-camera-container{padding:16px;padding:var(--spacing-md,16px)}.layout-controls{align-items:flex-start}.camera-checkboxes,.camera-selector,.layout-controls{flex-direction:column}.camera-grid.grid-4,.camera-grid.grid-6,.camera-grid.grid-9{grid-template-columns:1fr}}.forecast-container{background:#fff;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh}.forecast-tabs{background:#fff;background:var(--card-background,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;gap:8px;gap:var(--spacing-sm,8px);overflow-x:auto;padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px)}.forecast-tab{background:#0000;border:none;border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.forecast-tab:hover{background:#f8fafc;color:#0f172a;color:var(--text-primary,#0f172a)}.forecast-tab.active{background:#37b7ef;background:var(--primary,#37b7ef);color:#fff}.forecast-content{margin:0 auto;max-width:1600px;padding:24px;padding:var(--spacing-lg,24px)}.forecast-header{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.forecast-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.forecast-kpi-row{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.kpi-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:24px;padding:var(--spacing-lg,24px);text-align:center}.kpi-label{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.kpi-value{font-size:32px;font-weight:600}.kpi-primary{color:#37b7ef;color:var(--primary,#37b7ef)}.kpi-warning{color:#f59e0b}.kpi-danger{color:#dc2626}.forecast-chart-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.chart-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0}.forecast-risk-cards{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.section-title{margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0}.risk-cards-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.forecast-line-chart-container,.risk-bar-chart-container{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.forecast-line-chart,.risk-bar-chart{display:block}.chart-legend{display:flex;gap:24px;gap:var(--spacing-lg,24px);margin-top:16px;margin-top:var(--spacing-md,16px)}.legend-item{color:var(--text-primary,#0f172a)}.legend-line{border-radius:2px;height:3px;width:30px}.legend-line.actual-line{background:#16a34a}.legend-line.predicted-line{background:#37b7ef;background-image:repeating-linear-gradient(90deg,#37b7ef 0,#37b7ef 8px,#0000 0,#0000 12px)}.activity-prediction-card{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:24px;padding:var(--spacing-lg,24px);transition:transform .2s ease,box-shadow .2s ease}.activity-prediction-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.card-content{align-items:center;display:flex;justify-content:space-between}.activity-name{color:#0f172a;color:var(--text-primary,#0f172a);margin:0}.activity-name,.risk-badge{font-size:16px;font-size:var(--base-text-size,16px);font-weight:600}.risk-badge{text-transform:uppercase}@media (max-width:768px){.forecast-content{padding:16px;padding:var(--spacing-md,16px)}.forecast-kpi-row,.risk-cards-grid{grid-template-columns:1fr}.forecast-line-chart-container,.risk-bar-chart-container{overflow-x:auto}.forecast-line-chart,.risk-bar-chart{min-width:600px}}.heatmap-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh}.heatmap-tabs{background:#fff;background:var(--card-background,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;gap:8px;gap:var(--spacing-sm,8px);overflow-x:auto;padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px)}.heatmap-tab{background:#0000;border:none;border-radius:8px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.heatmap-tab:hover{background:#f8fafc;color:#0f172a;color:var(--text-primary,#0f172a)}.heatmap-tab.active{background:#37b7ef;background:var(--primary,#37b7ef);color:#fff}.heatmap-content{margin:0 auto;max-width:1800px;padding:24px;padding:var(--spacing-lg,24px)}.heatmap-header{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.heatmap-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.heatmap-filters{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;gap:24px;gap:var(--spacing-lg,24px);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.filter-date-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#1e293b);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);padding:10px 12px}.filter-date-input:focus{border-color:#37b7ef;border-color:var(--primary,#37b7ef);box-shadow:0 0 0 3px #37b7ef1a;outline:none}.heatmap-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);overflow-x:auto;padding:24px;padding:var(--spacing-lg,24px)}.heatmap-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:120px repeat(24,1fr);margin-bottom:4px}.heatmap-grid:last-child{margin-bottom:0}.heatmap-cell{align-items:center;border-radius:4px;display:flex;justify-content:center;min-height:40px;transition:all .2s ease}.heatmap-header-cell{font-size:14px;font-size:var(--small-text-size,14px)}.heatmap-activity-cell,.heatmap-header-cell{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a);font-weight:600}.heatmap-activity-cell{font-size:16px;font-size:var(--base-text-size,16px);justify-content:flex-start;padding-left:16px;padding-left:var(--spacing-md,16px)}.heatmap-data-cell{border:2px solid #0000;cursor:pointer}.heatmap-data-cell:hover{border-color:#0f172a;border-color:var(--text-primary,#0f172a);box-shadow:0 4px 12px #00000026;position:relative;transform:scale(1.1);z-index:10}.heatmap-legend{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);padding:24px;padding:var(--spacing-lg,24px)}.legend-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.legend-items{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg,24px)}.legend-item{align-items:center;color:#0f172a;color:var(--text-primary,#1e293b);display:flex;font-size:16px;font-size:var(--base-text-size,16px);gap:8px;gap:var(--spacing-sm,8px)}.legend-color{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:4px;height:24px;width:24px}.heatmap-tooltip{background:#0f172a;background:var(--text-primary,#0f172a);border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:14px;font-size:var(--small-text-size,14px);margin-top:-8px;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);pointer-events:none;position:fixed;transform:translateX(-50%) translateY(-100%);z-index:1000}.heatmap-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #0f172a;border-top:6px solid var(--text-primary,#0f172a);bottom:-6px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tooltip-activity{font-weight:600;margin-bottom:4px}.tooltip-hour{color:#cbd5e1;margin-bottom:2px}.tooltip-status{color:#f1f5f9;font-weight:500}@media (max-width:1200px){.heatmap-grid{grid-template-columns:100px repeat(24,30px)}}@media (max-width:768px){.heatmap-card,.heatmap-content{padding:16px;padding:var(--spacing-md,16px)}.heatmap-grid{gap:2px;grid-template-columns:80px repeat(24,25px)}.heatmap-cell{font-size:10px;min-height:30px}.heatmap-activity-cell{font-size:14px;font-size:var(--small-text-size,14px);padding-left:8px;padding-left:var(--spacing-sm,8px)}.legend-items{flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}}:root{--text-primary:#0f172a}.attendance-container{background:#fff;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.attendance-content{margin:0 auto;max-width:1400px}.attendance-header{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.attendance-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.attendance-filters{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;gap:24px;gap:var(--spacing-lg,24px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:24px;padding:var(--spacing-lg,24px)}.filter-group{gap:var(--spacing-sm,8px)}.filter-label{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:500}.filter-date-input,.filter-label,.filter-select{font-size:16px;font-size:var(--base-text-size,16px)}.filter-date-input,.filter-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#1e293b);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);padding:10px 12px}.filter-date-input:focus,.filter-select:focus{border-color:#37b7ef;border-color:var(--primary,#37b7ef);box-shadow:0 0 0 3px #37b7ef1a;outline:none}.attendance-summary{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;gap:32px;gap:var(--spacing-xl,32px);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.summary-item{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.summary-label{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px)}.summary-value{color:var(--text-primary,#0f172a);font-size:28px;font-weight:600}.summary-present{color:#16a34a}.summary-absent{color:#dc2626}.attendance-list{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.staff-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);cursor:pointer;padding:24px;padding:var(--spacing-lg,24px);transition:all .2s ease}.staff-card:hover{border-color:#37b7ef;border-color:var(--primary,#37b7ef);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.staff-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding-bottom:16px;padding-bottom:var(--spacing-md,16px)}.staff-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0}.staff-card-body{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.staff-info-row{align-items:center;display:flex;justify-content:space-between}.info-value{color:#0f172a}.staff-timeline-section{align-items:center;display:flex;gap:16px;gap:var(--spacing-md,16px)}.attendance-timeline-container{display:flex;flex:1 1;justify-content:flex-end}.attendance-timeline{display:block}.no-staff-message{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);padding:32px;padding:var(--spacing-xl,32px);text-align:center}@media (max-width:768px){.attendance-container{padding:16px;padding:var(--spacing-md,16px)}.attendance-filters,.attendance-summary{flex-direction:column}.attendance-summary{gap:24px;gap:var(--spacing-lg,24px)}.attendance-list{grid-template-columns:1fr}}.drawer-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.attendance-drawer{animation:slideIn .3s ease;background:#fff;background:var(--card-background,#fff);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:500px;z-index:1001}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-lg,24px)}.drawer-title{color:#0f172a;color:var(--text-primary,#0f172a);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.drawer-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background .2s ease;width:32px}.drawer-close-btn:hover{background:#e2e8f0}.drawer-content{flex:1 1;overflow-y:auto;padding:24px;padding:var(--spacing-lg,24px)}.drawer-section{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.drawer-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0;padding-bottom:8px;padding-bottom:var(--spacing-sm,8px)}.staff-photo-container{align-items:center;display:flex;justify-content:center;margin-top:16px;margin-top:var(--spacing-md,16px)}.staff-photo{object-fit:cover}.staff-photo,.staff-photo-placeholder{border:3px solid #e2e8f0;border:3px solid var(--border,#e2e8f0);border-radius:50%;height:150px;width:150px}.staff-photo-placeholder{align-items:center;background:#f8fafc;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px);justify-content:center}.photo-icon{font-size:48px;opacity:.5}.photo-text{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px)}.info-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px);padding:16px;padding:var(--spacing-md,16px)}.info-label{color:#475569;color:var(--text-secondary,#475569)}.info-label,.info-value{font-size:16px;font-size:var(--base-text-size,16px);font-weight:500}.info-value{color:#1e293b;color:var(--text-primary,#1e293b)}.status-present{background:#d1fae5;color:#16a34a}.status-absent{background:#fee2e2;color:#dc2626}.entries-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.entry-item{align-items:center;background:#f8fafc;border-left:3px solid #37b7ef;border-left:3px solid var(--primary,#37b7ef);border-radius:8px;display:flex;gap:16px;gap:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px)}.entry-time{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;min-width:60px}.entry-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.entry-camera,.entry-device{font-size:14px;font-size:var(--small-text-size,14px)}.entry-camera,.entry-device,.no-entries{color:#475569;color:var(--text-secondary,#475569)}.no-entries{background:#f8fafc;border-radius:8px;font-size:16px;font-size:var(--base-text-size,16px);font-style:italic;padding:24px;padding:var(--spacing-lg,24px);text-align:center}.device-info-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.device-info-item{background:#f8fafc;border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:16px;padding:var(--spacing-md,16px)}.timeline-entries{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.timeline-entry{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:16px;gap:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px);padding-left:40px;position:relative}.timeline-entry:before{background:#37b7ef;background:var(--primary,#37b7ef);border-radius:50%;content:"";height:8px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.timeline-time{color:#0f172a;color:var(--text-primary,#0f172a);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;min-width:60px}.timeline-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.timeline-camera{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500}.timeline-device{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px)}@media (max-width:768px){.attendance-drawer{width:100%}}.users-container{background:linear-gradient(180deg,#f8fafc,#fff);box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);margin-top:-32px!important;min-height:100vh;overflow:hidden;overflow-x:hidden;padding:0 24px 24px;padding:0 var(--spacing-lg,24px) var(--spacing-lg,24px) var(--spacing-lg,24px);padding-top:0!important;position:relative}.users-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.users-container .farm-title-bar{border-radius:0;margin-bottom:0;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;position:relative;width:calc(100% + 48px);z-index:10}.users-tabs-wrapper{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);margin-left:auto;margin-right:auto;max-width:1600px}.farm-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);display:flex;gap:8px;gap:var(--spacing-sm,8px);overflow-x:auto}.farm-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#475569;color:var(--text-secondary,#475569);cursor:pointer;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.farm-tab:hover{background:#f1f5f9;color:#1e293b;color:var(--text-primary,#1e293b)}.farm-tab.active{border-bottom-color:#37b7ef;border-bottom-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef);font-weight:600}.farm-tab:focus{border-radius:4px;outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.users-split-view{display:flex;gap:24px;gap:var(--spacing-lg,24px);height:calc(100vh - 120px);margin:0 auto;max-width:1600px}.users-list-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:30%;z-index:1}.users-list-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.users-list-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;gap:12px;justify-content:space-between;padding:24px;padding:var(--spacing-lg,24px)}.refresh-users-button{align-items:center;background:#37b7ef1a;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#37b7ef;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.refresh-users-button:hover{background-color:#37b7ef33;border-color:#37b7ef66;box-shadow:0 4px 12px #37b7ef4d;color:#37b7ef;transform:translateY(-2px) rotate(90deg)}.refresh-users-button:active{background-color:#37b7ef4d;transform:translateY(0) scale(.95) rotate(90deg)}.refresh-users-button:focus{outline:2px solid #37b7ef80;outline-offset:2px}.refresh-users-button svg{flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.users-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.users-back-button{align-items:center;background:#37b7ef1a;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#37b7ef;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.users-back-button svg{flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.users-back-button:hover{background-color:#37b7ef33;border-color:#37b7ef66;box-shadow:0 4px 12px #37b7ef4d;color:#37b7ef;transform:translateY(-2px)}.users-back-button:hover svg{transform:scale(1.1)}.users-back-button:active{background-color:#37b7ef4d;transform:translateY(0) scale(.95)}.users-back-button:focus{outline:2px solid #37b7ef80;outline-offset:2px}.users-list{flex:1 1;overflow-y:auto}.user-list-item,.users-list{padding:16px;padding:var(--spacing-md,16px)}.user-list-item{border:1px solid #0000;border-radius:12px;border-radius:var(--card-radius,12px);cursor:pointer;margin-bottom:8px;margin-bottom:var(--spacing-sm,8px);transition:all .2s ease}.user-list-item:hover{background:#f1f5f9}.user-list-item.selected{background:#37b7ef;background:var(--primary,#37b7ef);border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#fff}.user-list-item.selected .user-list-item-name,.user-list-item.selected .user-list-item-role{color:#fff}.user-list-item-info{display:flex;flex-direction:column;gap:4px;width:100%}.user-list-item-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-list-item-role{color:#475569;color:var(--text-secondary,#475569);font-size:12px;font-size:var(--small-text-size,12px);font-weight:500}.user-list-item-status{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.user-list-item-status.status-active{background:#22c55e26;color:#16a34a}.user-list-item-status.status-pending{background:#fbbf2426;color:#d97706}.user-list-item-status.status-inactive{background:#6b728026;color:#6b7280}.user-list-item.invite-item{border-left:3px solid #f59e0b}.user-list-item.selected .user-list-item-status{background:#ffffff40;color:#fff}.status-badge{border-radius:16px;letter-spacing:.3px}.status-badge.status-active{background:#22c55e26}.status-badge.status-pending{background:#fbbf2426;color:#d97706}.status-badge.status-inactive{background:#6b728026;color:#6b7280}.invite-details,.member-details{padding:24px;padding:var(--spacing-lg,24px)}.invite-details .user-details-header,.member-details .user-details-header{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.read-only-value{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:12px 16px}.invite-link-container{align-items:stretch;display:flex;gap:8px}.invite-link-input{background:#f8fafc;color:#475569;color:var(--text-secondary,#475569);cursor:text;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis}.copy-link-button{background:linear-gradient(135deg,#37b7ef,#2da3d8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.copy-link-button:hover{background:linear-gradient(135deg,#2da3d8,#2590c0);transform:translateY(-1px)}.copy-link-button:active{transform:translateY(0)}.user-details-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;position:relative;width:70%;z-index:1}.user-details-panel:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.user-details-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);padding:24px;padding:var(--spacing-lg,24px)}.user-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.new-user-form{flex:1 1;overflow-y:auto;padding:24px}.new-user-header{margin-bottom:24px}.new-user-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 4px}.new-user-subtitle{color:#475569;color:var(--text-secondary,#475569);font-size:14px;font-size:var(--small-text-size,14px);margin:0}.user-edit-form{flex:1 1;overflow-y:auto;padding:24px}.no-user-selected{align-items:center;display:flex;flex:1 1;justify-content:center;padding:32px;padding:var(--spacing-xl,32px)}.empty-user-state{max-width:400px;text-align:center}.empty-user-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.empty-user-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0 0 8px;margin:0 0 var(--spacing-sm,8px) 0}.empty-user-message{color:#475569;color:var(--text-secondary,#475569);line-height:1.6;margin:0 0 32px;margin:0 0 var(--spacing-xl,32px) 0}.empty-state-add-user-button,.empty-user-message{font-size:16px;font-size:var(--base-text-size,16px)}.empty-state-add-user-button{align-items:center;background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;color:#fff!important;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;gap:8px;padding:14px 24px;transition:all .2s ease}.empty-state-add-user-button,.empty-state-add-user-button *{color:#fff!important}.empty-state-add-user-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.empty-state-add-user-button:hover:not(:disabled),.empty-state-add-user-button:hover:not(:disabled) *{color:#fff!important}.empty-state-add-user-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.empty-state-add-user-button:active:not(:disabled),.empty-state-add-user-button:active:not(:disabled) *{color:#fff!important}.empty-state-add-user-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.empty-state-add-user-button:focus{outline:2px solid #07326a;outline-offset:2px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.new-user-form .form-group,.user-edit-form .form-group{margin-bottom:16px}.form-group label{color:#1e293b;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-actions{margin-top:24px;margin-top:var(--spacing-lg,24px)}.save-button{background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:700;padding:10px 20px;transition:all .2s ease}.save-button,.save-button *{color:#fff!important}.save-button:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.save-button:hover:not(:disabled),.save-button:hover:not(:disabled) *{color:#fff!important}.save-button:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.save-button:active:not(:disabled),.save-button:active:not(:disabled) *{color:#fff!important}.save-button:disabled{color:#fff!important;cursor:not-allowed;opacity:.6}.save-button:focus{outline:2px solid #07326a;outline-offset:2px}.cancel-button{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:14px 24px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.delete-button{background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:14px 24px;transition:all .2s ease}.delete-button:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 8px #dc262666;transform:translateY(-1px)}.delete-button:disabled{cursor:not-allowed;opacity:.6}.error-message{display:block;font-size:14px;font-size:var(--small-text-size,14px);margin-top:4px}.inline-error{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:4px;margin-top:6px;padding:4px 0}.inline-error:before{content:"⚠";font-size:12px}.app-input.input-error{background-color:#dc262608;border-color:#dc2626}.app-input.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.farms-checkbox-list{border-radius:10px;gap:12px;margin-top:8px;max-height:200px;overflow-y:auto;padding:12px}.checkbox-label{border-radius:8px;gap:10px;padding:8px 12px;transition:all .2s ease}.checkbox-label:hover{background:#e8f4f8}.checkbox-label span{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-size:var(--small-text-size,14px);-webkit-user-select:none;user-select:none}.new-user-form .app-input,.user-edit-form .app-input{background-color:#fff;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001f;font-size:14px;height:auto;min-height:44px;padding:12px 14px;transition:all .2s ease}.new-user-form .app-input:focus,.user-edit-form .app-input:focus{background-color:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26,0 6px 16px #37b7ef26,0 4px 12px #00000026;outline:none;transform:translateY(-1px)}.new-user-form .app-input:hover:not(:disabled):not(:focus),.user-edit-form .app-input:hover:not(:disabled):not(:focus){background-color:#fff;border-color:#37b7ef4d;box-shadow:0 4px 12px #00000026}.new-user-form .app-input::placeholder,.user-edit-form .app-input::placeholder{color:#475569;font-weight:400}.toast-inline{animation:toastSlideInInline .3s ease-out;gap:12px;left:auto;margin-bottom:16px;max-width:100%;padding:16px 20px;position:relative;top:auto;transform:none;width:100%;z-index:1}.toast-inline.toast-success:after{top:16px}@keyframes toastSlideInInline{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-message,.loading-message{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);padding:32px;padding:var(--spacing-xl,32px);text-align:center}.users-content{margin:0 auto;max-width:1600px}.users-top-bar{align-items:center;background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.users-title{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.add-user-button{background:#37b7ef;background:var(--primary,#37b7ef);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 20px;transition:all .2s ease}.add-user-button:hover{background:#2a9fd4;box-shadow:0 4px 12px #37b7ef4d;transform:translateY(-1px)}.add-user-button:active{transform:translateY(0)}.add-user-button:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.users-table-wrapper{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f8fafc}.users-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-size:var(--small-text-size,14px);font-weight:600;padding:16px;text-align:left}.users-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);transition:background .2s ease}.users-table tbody tr:hover{background:#f1f5f9}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:16px}.user-name-cell{font-weight:500;min-width:150px}.user-role-cell{min-width:120px}.user-farms-cell{color:#475569;color:var(--text-secondary,#475569);min-width:120px}.user-status-cell{min-width:100px}.status-badge{font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:4px 12px}.status-active{background:#d1fae5;color:#16a34a}.status-inactive{background:#e2e8f0;color:#6b7280}.user-actions-cell{min-width:100px}.view-user-btn{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:14px;font-size:var(--small-text-size,14px);font-weight:500;padding:6px 16px;transition:all .2s ease}.view-user-btn:hover{background:#37b7ef;background:var(--primary,#37b7ef);border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#fff}.view-user-btn:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.no-users-cell{color:#475569;color:var(--text-secondary,#475569);padding:32px!important;padding:var(--spacing-xl,32px)!important;text-align:center}.user-info-value{background:#f8fafc;border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 12px}.user-farms-list{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px)}.user-farm-item{background:#f8fafc;border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-size:var(--base-text-size,16px);padding:8px 12px}.user-status-display{padding:10px 0}.drawer-btn-secondary{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.drawer-btn-secondary:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}@media (max-width:768px){.users-top-bar{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.add-user-button{width:100%}.users-table-wrapper{overflow-x:auto}.users-table{min-width:800px}.drawer-footer{flex-direction:column}.drawer-btn{width:100%}.toast{font-size:13px;gap:12px;max-width:90%;padding:20px 24px}.toast-success:after,.toast-success:before{height:40px;width:40px}.toast-success:after{font-size:24px;line-height:40px;top:20px}}.add-user-container{background:linear-gradient(180deg,#f8fafc,#fff);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;overflow:visible;padding:24px;padding:var(--spacing-lg,24px);position:relative}.add-user-container:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.add-user-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.add-user-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;display:flex;gap:16px;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);overflow:hidden;padding:16px;padding:var(--spacing-md,16px);position:relative}.add-user-header:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.add-user-back-button{align-items:center;background:#37b7ef1a;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#37b7ef;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.add-user-back-button svg{flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.add-user-back-button:hover{background-color:#37b7ef33;border-color:#37b7ef66;box-shadow:0 4px 12px #37b7ef4d;color:#37b7ef;transform:translateY(-2px)}.add-user-back-button:hover svg{transform:scale(1.1)}.add-user-back-button:active{background-color:#37b7ef4d;transform:translateY(0) scale(.95)}.add-user-back-button:focus{outline:2px solid #37b7ef80;outline-offset:2px}.add-user-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#37b7ef 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.add-user-form{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a;overflow:hidden;padding:32px;padding:var(--spacing-xl,32px);position:relative}.add-user-form:before{background:linear-gradient(90deg,#37b7ef,#8b5cf6);content:"";height:3px;left:0;opacity:.3;position:absolute;right:0;top:0}.submit-success{background:#d1fae5;border:1px solid #059669;border-radius:8px;color:#047857;font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:12px;text-align:center}.btn-cancel,.btn-primary{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-primary{background:#07326a;border-radius:12px;box-shadow:0 2px 4px #07326a4d;font-weight:700}.btn-primary,.btn-primary *{color:#fff!important}.btn-primary:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.btn-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled) *{color:#fff!important}.btn-primary:active:not(:disabled){background:#051f4a;color:#fff!important;transform:translateY(0)}.btn-primary:active:not(:disabled),.btn-primary:active:not(:disabled) *{color:#fff!important}.btn-primary:focus{outline:2px solid #07326a}.btn-primary:disabled{color:#fff!important}@media (max-width:768px){.add-user-container{padding:16px;padding:var(--spacing-md,16px)}.add-user-form{padding:24px;padding:var(--spacing-lg,24px)}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-primary{width:100%}}:root{--primary:#37b7ef;--background:#f8fafc;--card-background:#fff;--text-primary:#1e293b;--text-secondary:#475569;--border:#e2e8f0}.edit-user-container{background:#f8fafc;background:var(--background,#f8fafc);font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.edit-user-content{margin:0 auto;max-width:800px}.edit-user-header{background:#fff;background:var(--card-background,#fff);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.edit-user-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:22px;font-size:var(--heading-size,22px);font-weight:600;font-weight:var(--heading-weight,600);margin:0}.loading-message{color:#475569;color:var(--text-secondary,#475569);font-size:16px;font-size:var(--base-text-size,16px);text-align:center}.edit-user-form,.loading-message{padding:32px;padding:var(--spacing-xl,32px)}.edit-user-form{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--card-radius,12px);box-shadow:0 2px 10px #0000000f;box-shadow:var(--card-shadow,0 2px 10px #0000000f)}.form-group{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.farms-checkbox-list{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px)}.checkbox-label{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:16px;font-size:var(--base-text-size,16px);gap:8px;gap:var(--spacing-sm,8px);-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:#37b7ef;color:var(--primary,#37b7ef)}.checkbox-input{accent-color:#37b7ef;accent-color:var(--primary,#37b7ef);cursor:pointer;height:18px;width:18px}.checkbox-input:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.submit-error{background:#fee2e2;border:1px solid #dc2626;border-radius:8px;margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:12px;text-align:center}.form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end;margin-top:32px;margin-top:var(--spacing-xl,32px);padding-top:24px;padding-top:var(--spacing-lg,24px)}.btn-cancel,.btn-danger,.btn-primary{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:16px;font-size:var(--base-text-size,16px);font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-cancel{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.btn-cancel:hover{background:#f1f5f9;border-color:#37b7ef;border-color:var(--primary,#37b7ef);color:#37b7ef;color:var(--primary,#37b7ef)}.btn-cancel:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#37b7ef;background:var(--primary,#37b7ef);color:#fff}.btn-primary:hover{background:#2a9fd4;box-shadow:0 4px 12px #37b7ef4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:focus{outline:2px solid #37b7ef;outline:2px solid var(--primary,#37b7ef);outline-offset:2px}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-danger:focus{outline:2px solid #dc2626;outline-offset:2px}.btn-danger:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.edit-user-container{padding:16px;padding:var(--spacing-md,16px)}.edit-user-form{padding:24px;padding:var(--spacing-lg,24px)}.form-actions{flex-direction:column}.btn-cancel,.btn-danger,.btn-primary{width:100%}.btn-danger{order:-1}}.select-farm-container{background:var(--background);display:block;height:100vh;min-height:100vh;overflow:visible;padding:0;position:relative}body:has(.select-farm-container),html:has(.select-farm-container){overflow:hidden}.select-farm-sticky-header{background:var(--card-background)!important;border-bottom:2px solid var(--border);box-shadow:0 2px 8px #00000014;box-sizing:border-box;left:0!important;margin:0!important;overflow:visible!important;padding:16px var(--spacing-lg);pointer-events:auto;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;width:100vw!important;will-change:transform;z-index:9999!important}.sticky-header-content{justify-content:space-between;margin:0 auto;max-width:1200px;z-index:1001}.sticky-header-content,.sticky-header-left{align-items:center;display:flex;gap:16px;position:relative}.sticky-header-left{flex:1 1;z-index:1002}.sticky-header-label{color:var(--text-secondary);font-size:var(--small-text-size);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sticky-header-farm-name{color:var(--text-primary);font-size:1.5rem;font-weight:700;transition:color .3s ease;white-space:nowrap}.sticky-header-farm-name:empty:before{color:var(--text-secondary);content:"Select a farm";font-weight:400}.sticky-header-farm-code{background:var(--background);border-radius:6px;color:var(--text-secondary);font-size:var(--small-text-size);font-weight:500;padding:4px 12px}.sticky-header-view-history-btn{background:#37b7ef;background:var(--primary,#37b7ef);border:none;border-radius:8px;box-shadow:0 2px 4px #37b7ef4d;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:14px;font-weight:600;padding:10px 20px;position:relative;transition:all .2s ease;white-space:nowrap;z-index:1002}.sticky-header-view-history-btn:hover{background:#0ea5e9;box-shadow:0 4px 8px #37b7ef66;transform:translateY(-1px)}.sticky-header-view-history-btn:active{transform:translateY(0)}.select-farm-content{box-sizing:border-box;margin:72px auto 0;max-width:1200px;padding:var(--spacing-lg);padding-top:var(--spacing-lg);position:relative;width:100%;z-index:1}.select-farm-header{margin-bottom:var(--spacing-xl);text-align:center}.select-farm-title{color:var(--text-primary);font-size:var(--heading-size);font-weight:var(--heading-weight);margin-bottom:var(--spacing-sm)}.select-farm-subtitle{color:var(--text-secondary);font-size:var(--base-text-size)}.farms-list-container{-webkit-overflow-scrolling:touch;margin-top:var(--spacing-xl);max-height:calc(100vh - 200px);overflow-y:auto;padding-right:8px}.farms-list-container::-webkit-scrollbar{width:8px}.farms-list-container::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.farms-list-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.farms-list-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.farms-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.farm-card{background:var(--card-background);border:2px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);cursor:pointer;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.farm-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.farm-card-selected{background:linear-gradient(135deg,var(--card-background) 0,#37b7ef0d 100%);border-color:var(--primary);box-shadow:0 4px 16px #37b7ef33}.farm-card-selected:hover{border-color:var(--primary);box-shadow:0 8px 24px #37b7ef4d}.farm-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.farm-card-name{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.farm-status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.farm-status-badge.status-active{background-color:#10b981;color:#fff}.farm-status-badge.status-inactive{background-color:#6b7280;color:#fff}.farm-card-code{color:var(--text-secondary);font-size:var(--small-text-size);margin-bottom:var(--spacing-sm)}.farm-card-location{color:var(--text-secondary);font-size:var(--base-text-size);margin-bottom:var(--spacing-md)}.farm-card-arrow{bottom:var(--spacing-lg);color:var(--primary);font-size:1.5rem;position:absolute;right:var(--spacing-lg);transition:transform .3s ease}.farm-card:hover .farm-card-arrow{transform:translateX(4px)}.no-access-container{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.no-access-content{background:var(--card-background);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);max-width:500px;padding:var(--spacing-xl);text-align:center}.no-access-icon{color:var(--text-secondary);display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.no-access-title{color:var(--text-primary);font-size:var(--heading-size);font-weight:var(--heading-weight);margin-bottom:var(--spacing-md)}.no-access-message{color:var(--text-secondary);font-size:var(--base-text-size);line-height:1.6;margin-bottom:var(--spacing-xl)}.no-access-button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:var(--base-text-size);font-weight:600;padding:12px 24px;transition:all .3s ease}.no-access-button:hover{opacity:.9;transform:translateY(-2px)}.email-verification-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.email-verification-icon{color:#667eea;display:flex;justify-content:center;margin-bottom:24px}.email-verification-title{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:16px}.email-verification-description{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:24px}.email-verification-message{border-radius:8px;font-size:14px;margin-bottom:24px;padding:12px 16px}.email-verification-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.email-verification-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.email-verification-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.email-verification-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.email-verification-button.primary{background-color:#667eea;color:#fff}.email-verification-button.primary:hover:not(:disabled){background-color:#5568d3}.email-verification-button.secondary{background-color:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.email-verification-button.secondary:hover:not(:disabled){background-color:#edf2f7}.email-verification-button:disabled{cursor:not-allowed;opacity:.6}.email-verification-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;padding:8px;text-decoration:underline}.email-verification-link:hover{color:#5568d3}.reports-container{background:#0000;box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:calc(100vh - 72px);overflow-x:hidden;padding:20px;width:100%}.reports-content{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0;width:100%}.reports-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.reports-title{color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.reports-subtitle{color:#475569;font-size:14px;font-weight:500;margin:0}.reports-actions{display:flex;flex-wrap:wrap;gap:12px}.download-btn{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.download-btn:disabled{cursor:not-allowed;opacity:.6}.csv-btn{background:#16a34a;box-shadow:0 2px 4px #16a34a33;color:#fff}.csv-btn:hover:not(:disabled){background:#15803d;box-shadow:0 4px 8px #16a34a4d;transform:translateY(-1px)}.pdf-btn{background:#ef4444;box-shadow:0 2px 4px #ef444433;color:#fff}.pdf-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.report-filters{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:20px}.filter-group{max-width:100%}.filter-group:first-child{flex:0 0 auto;max-width:-webkit-fit-content;max-width:fit-content;min-width:auto}.filter-label{color:#1e293b}.report-type-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;width:100%}.report-filters .report-type-buttons button,.report-filters .report-type-buttons button *,.report-type-buttons button,.report-type-buttons button *,.report-type-buttons button.type-btn,.report-type-buttons button.type-btn *,.type-btn{color:#fff!important}.type-btn{background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;height:40px;min-width:80px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.type-btn,.type-btn *,.type-btn:hover{color:#fff!important}.type-btn:hover{background:#06285a;box-shadow:0 4px 8px #07326a66;transform:translateY(-1px)}.type-btn.active,.type-btn:hover,.type-btn:hover *{color:#fff!important}.type-btn.active{background:#07326a;border:none;box-shadow:0 2px 4px #07326a4d;opacity:1}.type-btn.active,.type-btn.active *{color:#fff!important}.filter-input,.generate-btn{box-sizing:border-box;min-width:180px;width:180px}.generate-btn{background:#07326a;border:none;border-radius:12px;box-shadow:0 2px 4px #07326a4d;cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;height:40px;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.generate-btn,.generate-btn *{color:#fff!important}.generate-btn:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a66;color:#fff!important;transform:translateY(-1px)}.generate-btn:hover:not(:disabled),.generate-btn:hover:not(:disabled) *{color:#fff!important}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.report-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px;text-align:center;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.summary-value{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px}.summary-value.success{color:#16a34a}.summary-value.info{color:#0ea5e9}.summary-value.warning{color:#f59e0b}.summary-value.error{color:#ef4444}.summary-label{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500}.report-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;overflow-x:auto}.report-table{border-collapse:collapse;width:100%}.report-table thead{background:#f8fafc}.report-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.08em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.report-table td,.report-table th{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.report-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;padding:14px 16px}.report-table tbody tr:hover{background:#f8fafc}.report-table tbody tr:last-child td{border-bottom:none}.status-badge.status-on_time{background:#16a34a1a;color:#16a34a}.status-badge.status-early{background:#0ea5e91a;color:#0ea5e9}.status-badge.status-late{background:#f59e0b1a;color:#f59e0b}.status-badge.status-missed{background:#ef44441a;color:#ef4444}@media (max-width:768px){.reports-container{padding:16px}.reports-header{align-items:stretch;flex-direction:column}.reports-actions{width:100%}.download-btn{flex:1 1;justify-content:center}.report-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.report-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.report-summary{grid-template-columns:1fr}.report-type-buttons{width:100%}.type-btn{flex:1 1}}.workers-container{background:#0000;box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:calc(100vh - 72px);overflow-x:hidden;padding:20px;width:100%}.workers-content{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0;width:100%}.workers-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.workers-title{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.workers-subtitle{margin:0}.workers-count,.workers-subtitle{color:#64748b;font-size:14px;font-weight:500}.workers-count{background:#f8fafc;border-radius:8px;padding:8px 16px}.workers-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.filter-group{min-width:200px}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:40px;padding:0 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef1a;outline:none}.search-input::placeholder{color:#94a3b8}.farm-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;height:40px;padding:0 16px;transition:all .2s ease;width:100%}.farm-filter-select:focus{border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef1a;outline:none}.workers-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;overflow-x:auto}.workers-table{border-collapse:collapse;width:100%}.workers-table thead{background:#f8fafc}.workers-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.08em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.workers-table td,.workers-table th{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.workers-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;padding:14px 16px;vertical-align:middle}.workers-table tbody tr:hover{background:#f8fafc}.workers-table tbody tr:last-child td{border-bottom:none}.worker-name-cell{align-items:center;display:flex;gap:12px}.worker-avatar{align-items:center;background:linear-gradient(135deg,#37b7ef,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.role-badge{background:#37b7ef1a;border-radius:12px;color:#37b7ef;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.farms-list{display:flex;flex-wrap:wrap;gap:6px}.farm-tag{background:#f1f5f9;color:#334155;font-weight:500}.farm-tag,.status-badge{border-radius:12px;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;padding:4px 10px}.status-badge{font-weight:600;text-transform:uppercase}.status-badge.status-active{background:#16a34a1a;color:#16a34a}.status-badge.status-inactive{background:#94a3b81a;color:#94a3b8}.toast{align-items:center;animation:toastSlideIn .3s ease-out;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:16px;left:50%;max-width:400px;min-width:auto;padding:24px 28px;position:fixed;text-align:center;top:24px;transform:translateX(-50%);width:auto;z-index:10000}.toast-success{background:#d1fae5;border:1px solid #a7f3d0;color:#059669;position:relative}.toast-success:before{background:#059669;border-radius:50%;content:"";display:block;flex-shrink:0;height:48px;margin:0 auto;position:relative;width:48px}.toast-success:after{align-items:center;color:#fff;content:"✓";display:flex;font-size:28px;font-weight:700;height:48px;justify-content:center;left:50%;line-height:48px;pointer-events:none;position:absolute;top:24px;transform:translateX(-50%);width:48px}.toast-error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@media (max-width:768px){.workers-container{padding:16px}.workers-header{align-items:stretch}.workers-filters,.workers-header{flex-direction:column}.filter-group{min-width:100%}.workers-table-wrapper{overflow-x:scroll}}.activity-history-container{background:#0000;box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);min-height:calc(100vh - 72px);overflow-x:hidden;padding:20px;width:100%}.activity-history-content{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0;width:100%}.activity-history-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.activity-history-title{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.activity-history-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.history-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-value{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px}.stat-value.success{color:#16a34a}.stat-value.info{color:#0ea5e9}.stat-value.warning{color:#f59e0b}.stat-value.error{color:#ef4444}.stat-label{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500}.history-filters{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:150px}.filter-label{color:#475569;font-size:13px;font-weight:600}.filter-input,.filter-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.filter-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:14px;height:40px;padding:0 12px;transition:all .2s ease}.filter-input:focus{border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef1a;outline:none}.apply-filters-btn{background:#07326a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;height:40px;padding:0 24px;transition:all .2s ease;white-space:nowrap}.apply-filters-btn:hover:not(:disabled){background:#06285a;box-shadow:0 4px 8px #07326a4d;transform:translateY(-1px)}.apply-filters-btn:disabled{cursor:not-allowed;opacity:.6}.activity-history-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;overflow:hidden;overflow-x:auto}.activity-history-table{border-collapse:collapse;width:100%}.activity-history-table thead{background:#f8fafc}.activity-history-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.08em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.activity-history-table td,.activity-history-table th{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.activity-history-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;padding:14px 16px}.activity-history-table tbody tr:hover{background:#f8fafc}.activity-history-table tbody tr:last-child td{border-bottom:none}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{font-weight:500}.empty-message,.error-message,.loading-message,.pagination-info{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.empty-message,.error-message,.loading-message{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.error-message{background:#dc26260f;border-color:#dc26262e;color:#dc2626}@media (max-width:768px){.activity-history-container{padding:16px}.history-filters{flex-direction:column}.filter-group{min-width:100%}.apply-filters-btn{width:100%}.history-stats{grid-template-columns:repeat(2,1fr)}.activity-history-table-wrapper{overflow-x:scroll}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid #e2e8f0cc;border-radius:0 0 12px 12px;box-shadow:0 2px 12px #00000014,0 1px 4px #0000000f;box-sizing:border-box;display:flex;height:72px;justify-content:space-between;left:0;margin:0 auto;max-width:100%;overflow:visible;padding:0 40px;position:fixed;right:0;top:0;width:100%;z-index:1000}.header-left{align-items:center;display:flex;gap:20px;max-height:72px;overflow:hidden}.header-logo-group{align-items:center;display:flex;gap:45px;white-space:nowrap}.header-logo{display:block;flex-shrink:0;height:60px;max-height:100%;object-fit:contain;opacity:1;transition:opacity .2s ease;width:auto}.header-logo:hover{opacity:.85}.company-name-wrapper{display:flex;flex-direction:column;gap:4px;position:relative}.company-name{color:#0f172a;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;text-shadow:0 1px 2px #00000005;white-space:nowrap}.company-name .heading-accent{color:#37b7ef;font-weight:800;letter-spacing:-.01em}.company-name-underline{background:linear-gradient(90deg,#37b7ef,#37b7efcc 50%,#37b7ef66);border-radius:2px;box-shadow:0 1px 3px #37b7ef4d;height:3px;margin-top:4px;width:100%}.header-center{align-items:center;display:none;flex:1 1;justify-content:center;margin:0 auto;max-width:520px;position:relative;z-index:101}.header-search{align-items:center;background:#f5f5f5;border:1px solid #e2e8f0;border-radius:10px;box-shadow:none;display:flex;height:44px;max-width:420px;padding:0 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.header-search:focus-within{background:#fff;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef26}.search-icon{color:#64748b;flex-shrink:0;height:16px;margin-right:10px;width:16px}.search-input{background:#0000;border:none;color:#0f172a;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.5;outline:none}.search-input::placeholder{color:#64748b;font-weight:400}.header-right{align-items:center;display:flex;flex-shrink:0;gap:12px;overflow:visible;position:relative;z-index:101}.farm-selector-wrapper{display:inline-block;margin-right:8px;overflow:visible;position:relative;z-index:1001}.farm-selector-wrapper:after{background:#0000;content:"";height:8px;left:0;pointer-events:auto;position:absolute;right:0;top:100%;z-index:10000}.farm-selector{align-items:center;background:#37b7ef1a;border:1px solid #37b7ef33;border-radius:10px;box-shadow:0 1px 2px #37b7ef1a;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:space-between;min-width:160px;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.farm-selector:hover{background:#37b7ef26;border-color:#37b7ef4d;box-shadow:0 2px 4px #37b7ef26}.farm-selector:focus{border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef14;outline:none}.farm-selector-text{color:#37b7ef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;line-height:1.5}.farm-display-static{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;display:flex;height:38px;padding:8px 14px}.farm-selector-arrow{color:#6b7280;font-size:11px;margin-left:8px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.farm-selector-arrow.arrow-up,.farm-selector-wrapper.dropdown-open .farm-selector-arrow{transform:rotate(0deg)}.farm-dropdown{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;box-sizing:border-box;left:0;margin-top:4px;max-height:240px;min-width:160px;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:absolute;top:100%;width:100%;z-index:10001}.farm-dropdown-item{align-items:center;background:#0000;box-sizing:border-box;color:#334155;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;justify-content:space-between;min-height:40px;padding:10px 14px;position:relative;transition:background-color .15s ease;white-space:nowrap;width:100%;z-index:1}.farm-dropdown-item:hover{background-color:#37b7ef1a;color:#37b7ef}.farm-dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.farm-dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.farm-dropdown-item:focus{background-color:#f8fafc;outline:none}.farm-dropdown-item.selected{background-color:#37b7ef14;color:#37b7ef;font-weight:500}.selected-indicator{color:#37b7ef;flex-shrink:0;font-size:14px;font-weight:600;margin-left:12px}.farm-dropdown-item span:first-child{flex:1 1;overflow:hidden;text-overflow:ellipsis}.header-icon-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:50%;color:#111827;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.header-icon-btn:hover{background-color:#37b7ef0d;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef1a}.header-icon-btn:hover .header-icon{color:#37b7ef}.header-icon-btn:focus{background-color:#f3f4f6;box-shadow:0 0 0 3px #37b7ef14;outline:none}.header-icon{color:#6b7280;height:20px;position:relative;transition:color .2s ease;width:20px;z-index:1}.mobile-menu-toggle{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:none;height:44px;justify-content:center;margin-right:12px;padding:0;transition:all .2s ease;width:44px}.mobile-menu-toggle:hover{background-color:#37b7ef0d;border-color:#37b7ef}.mobile-menu-toggle svg{color:#0f172a;height:24px;width:24px}@media (max-width:768px){.header{border-radius:0;height:64px;padding:0 16px}.mobile-menu-toggle{display:flex}.header-left{flex:1 1}.header-left,.header-logo-group{gap:12px;min-width:0}.header-logo{flex-shrink:0;height:48px;width:auto}.company-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-name-wrapper{flex:1 1;min-width:0}.header-center{display:none}.header-right{flex-shrink:0;gap:8px}.farm-selector{font-size:12px;height:40px;min-width:120px;padding:8px 12px}.farm-selector-text{font-size:12px}.header-icon-btn{height:40px;min-width:40px;width:40px}.header-icon{height:20px;width:20px}.farm-dropdown{left:auto;max-width:calc(100vw - 32px);min-width:200px;right:0}.farm-selector-wrapper{margin-right:4px}}@media (max-width:480px){.header{height:60px;padding:0 12px}.mobile-menu-toggle{height:40px;margin-right:8px;width:40px}.header-logo{height:44px;width:auto}.company-name{font-size:12px}.header-logo-group{gap:8px}.farm-selector{display:none;height:36px;min-width:100px;padding:6px 10px}.farm-selector-text{font-size:11px}.header-icon-btn{height:36px;min-width:36px;width:36px}.header-icon{height:18px;width:18px}.header-right{gap:6px}}.user-menu-wrapper{display:inline-block;position:relative;z-index:10002}.user-menu-trigger{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:50%;color:#111827;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.user-menu-trigger:focus{background-color:#37b7ef0d;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef1a;outline:none}.user-icon{color:#6b7280;height:20px;transition:color .2s ease;width:20px}.user-menu-dropdown{animation:dropdownOpen .18s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f,0 2px 4px #00000014;box-sizing:border-box;display:block;min-width:180px;opacity:1;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);visibility:visible;width:180px;z-index:10003}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu-email{border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{background:#e2e8f0;height:1px;margin:4px 0}.user-menu-item{align-items:center;color:#0f172a;cursor:pointer;display:flex;font-size:16px;gap:12px;padding:10px 16px;position:relative;transition:background-color .18s ease}.user-menu-item:focus,.user-menu-item:hover{background-color:#f1f5f9}.user-menu-item:focus{outline:none}.user-menu-item:active{background-color:#e2e8f0}.user-menu-icon{color:#0f172a;flex-shrink:0;height:16px;width:16px}.user-menu-item span{flex:1 1;white-space:nowrap}.user-menu-item-logout{color:#dc2626}.user-menu-item-logout:hover{background-color:#fef2f2;color:#dc2626}.user-menu-item-logout .user-menu-icon{color:#dc2626}.user-menu-item-logout:focus{background-color:#fef2f2}@media (max-width:768px){.user-menu-trigger{height:36px;width:36px}.user-icon{height:18px;width:18px}.user-menu-dropdown{right:0;width:160px}.user-menu-email,.user-menu-item{font-size:14px;padding:8px 12px}}@media (max-width:480px){.user-menu-dropdown{width:150px}}.notification-bell-wrapper{display:inline-block;position:relative}.notification-bell-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:50%;color:#111827;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.notification-bell-btn:hover{background-color:#37b7ef0d;border-color:#37b7ef;box-shadow:0 0 0 3px #37b7ef1a}.notification-bell-btn:hover .notification-bell-icon{color:#37b7ef}.notification-bell-btn:focus{background-color:#f3f4f6;box-shadow:0 0 0 3px #37b7ef14;outline:none}.notification-bell-icon{color:#6b7280;height:20px;position:relative;transition:color .2s ease;width:20px;z-index:1}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:9px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:-2px;top:-2px;z-index:2}.notification-dropdown{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;display:flex;flex-direction:column;max-height:500px;max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:10002}.notification-dropdown-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.notification-dropdown-title{color:#0f172a;font-size:16px;margin:0}.notification-dropdown-title,.notification-unseen-count{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.notification-unseen-count{background:#ef44441a;border-radius:12px;color:#ef4444;font-size:12px;padding:4px 8px}.notification-dropdown-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.notification-empty,.notification-loading{color:#64748b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;padding:24px 20px;text-align:center}.notification-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:16px 20px;position:relative;transition:background-color .15s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f9fafb}.notification-item.unseen{background-color:#eff6ff;border-left:3px solid #37b7ef}.notification-item.unseen:hover{background-color:#dbeafe}.notification-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notification-item-title{color:#0f172a;font-size:14px;font-weight:600}.notification-item-time,.notification-item-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notification-item-time{color:#64748b;font-size:12px}.notification-item-details{word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:6px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.notification-item-channel,.notification-item-details{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notification-item-channel{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.notification-dropdown{right:0;width:320px}}@media (max-width:480px){.notification-bell-btn{height:36px;width:36px}.notification-bell-icon{height:18px;width:18px}.notification-badge{border-radius:8px;font-size:10px;height:16px;min-width:16px;padding:0 4px}.notification-dropdown{right:-12px;width:calc(100vw - 24px)}}.sidebar{background:#07326a;border-bottom-right-radius:20px;border-right:1px solid #ffffff1a;bottom:0;box-shadow:2px 0 16px #0003;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:72px;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:999}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.sidebar-collapsed{border-bottom-right-radius:24px;width:72px}.sidebar-collapsed.sidebar-hover-expanded{border-bottom-right-radius:20px;width:260px}.sidebar-collapsed .sidebar-toggle{bottom:12px;height:32px;right:12px;width:32px}.sidebar-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;bottom:16px;box-shadow:0 2px 8px #0003;color:#ffffffe6;cursor:pointer;display:flex;height:36px;justify-content:center;margin-top:auto;padding:0;position:absolute;right:16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.sidebar-toggle svg{flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.sidebar-toggle:hover{background:linear-gradient(135deg,#37b7ef40,#37b7ef26);border-color:#37b7ef80;box-shadow:0 6px 20px #37b7ef66,0 0 0 2px #37b7ef33;color:#37b7ef;transform:translateY(-3px) scale(1.05)}.sidebar-toggle:hover svg{filter:drop-shadow(0 0 4px rgba(55,183,239,.6));transform:scale(1.15) rotate(5deg)}.sidebar-toggle:active{background-color:#37b7ef4d;transform:translateY(0) scale(.95)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;padding:20px 12px 80px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;gap:14px;min-height:48px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-item:after{background:radial-gradient(circle,#37b7ef26 0,#37b7ef00 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1);width:0;z-index:0}@keyframes slideInItem{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.sidebar-item:before{background:#37b7ef;border-radius:0 3px 3px 0;content:"";height:0;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%) scaleY(0);transition:all .2s cubic-bezier(.4,0,.2,1);width:4px}.sidebar-item:hover{background:linear-gradient(90deg,#37b7ef1f,#ffffff14);box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff1a;color:#fff;transform:translateX(4px)}.sidebar-item:hover:after{height:200px;width:200px}.sidebar-item:hover:before{box-shadow:0 0 12px #37b7ef99;height:28px;opacity:1;transform:translateY(-50%) scaleY(1)}.sidebar-item:active{transform:translateX(2px) scale(.98);transition:all .15s cubic-bezier(.4,0,.2,1)}.sidebar-item-active{background:linear-gradient(90deg,#37b7ef40,#37b7ef26);box-shadow:inset 0 0 0 1px #37b7ef4d,0 2px 8px #37b7ef33;color:#fff;font-weight:700;transform:translateX(4px)}.sidebar-item-active:hover{background:linear-gradient(90deg,#37b7ef4d,#37b7ef33);box-shadow:inset 0 0 0 1px #37b7ef66,0 4px 16px #37b7ef4d}.sidebar-item-active:before{background:#37b7ef;border-radius:0 3px 3px 0;box-shadow:0 0 8px #37b7ef80;content:"";height:32px;left:0;opacity:1;position:absolute;top:50%;transform:translateY(-50%) scaleY(1);width:4px}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:22px;justify-content:center;position:relative;text-align:center;width:22px;z-index:1}.sidebar-icon,.sidebar-item .sidebar-icon svg{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sidebar-item .sidebar-icon svg{stroke:currentColor;stroke-width:2;filter:drop-shadow(0 0 0 rgba(55,183,239,0))}.sidebar-item-active .sidebar-icon{transform:scale(1.1)}.sidebar-item-active .sidebar-icon svg{stroke:#37b7ef;stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(55,183,239,.5))}.sidebar-item:hover .sidebar-icon{transform:scale(1.15) translateX(2px)}.sidebar-item:hover .sidebar-icon svg{stroke:#37b7ef;filter:drop-shadow(0 0 6px rgba(55,183,239,.6))}.sidebar-item:active .sidebar-icon{transform:scale(1.05) translateX(1px);transition:all .15s cubic-bezier(.4,0,.2,1)}.sidebar-label{flex:1 1;font-weight:600;letter-spacing:.01em;opacity:1;overflow:hidden;position:relative;text-overflow:ellipsis;transform:translateX(0);transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;z-index:1}.sidebar-item:hover .sidebar-label{color:#37b7ef;font-weight:700;text-shadow:0 0 8px #37b7ef4d;transform:translateX(2px)}.sidebar-item-active .sidebar-label{color:#37b7ef;font-weight:700}.sidebar-collapsed .sidebar-label{display:none;opacity:0;overflow:hidden;transform:translateX(-10px);width:0}.sidebar-collapsed.sidebar-hover-expanded .sidebar-label{display:block;opacity:1;overflow:visible;transform:translateX(0);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:auto}.sidebar-collapsed .sidebar-item{animation:collapseItem .3s cubic-bezier(.34,1.56,.64,1);gap:0;justify-content:center;padding:14px}.sidebar-collapsed.sidebar-hover-expanded .sidebar-item{gap:14px;justify-content:flex-start;padding:12px 16px}@keyframes collapseItem{0%{transform:translateX(0) scale(1)}to{transform:translateX(0) scale(1)}}.sidebar-collapsed .sidebar-item:hover{background:linear-gradient(135deg,#37b7ef33,#ffffff1f);box-shadow:0 6px 20px #37b7ef66,0 0 0 2px #37b7ef33;transform:scale(1.15) translateY(-3px)}.sidebar-collapsed .sidebar-item:hover .sidebar-icon{transform:scale(1.2) rotate(5deg)}.sidebar-collapsed .sidebar-item:hover .sidebar-icon svg{stroke:#37b7ef;filter:drop-shadow(0 0 8px rgba(55,183,239,.8))}.sidebar-collapsed .sidebar-item-active{background:#37b7ef40;transform:scale(1)}.sidebar-collapsed .sidebar-item-active:before{background:#37b7ef;border-radius:0;box-shadow:0 0 8px #37b7ef80;height:100%;left:0;top:0;transform:none;width:4px}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:998}.sidebar-overlay.active{opacity:1}@media (max-width:768px){.sidebar-overlay{display:block}.sidebar{box-shadow:4px 0 24px #0000004d;top:0;transform:translateX(-100%);width:280px;z-index:999}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-nav{padding:20px 12px 100px}.sidebar-item{font-size:15px;min-height:52px;padding:14px 16px}.sidebar-toggle{bottom:20px;box-shadow:0 4px 12px #0000004d;height:48px;position:fixed;right:20px;width:48px;z-index:1000}}@media (max-width:480px){.sidebar{width:260px}.sidebar-item{font-size:14px;min-height:48px;padding:12px 14px}.sidebar-toggle{bottom:16px;height:44px;right:16px;width:44px}}.admin-layout{background:#fff;display:flex;flex-direction:column;min-height:100vh}.admin-layout-body{display:flex;flex:1 1;margin-top:72px;min-height:calc(100vh - 72px);position:relative;z-index:1}.admin-layout-content{background:#fff;border-radius:20px 0 0 0;box-sizing:border-box;flex:1 1;margin:8px 8px 8px 260px;max-width:1600px;min-height:calc(100vh - 72px);padding:24px;padding:var(--spacing-lg,24px);transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:100%}.admin-layout-content.sidebar-collapsed{border-radius:20px 0 0 0;margin-left:72px}@media (max-width:768px){.admin-layout-body{margin-top:72px}.admin-layout-content{border-radius:0;margin:0;padding:16px;padding:var(--spacing-md,16px)}.admin-layout-content.sidebar-collapsed{border-radius:0;margin-left:0}}@media (max-width:480px){.admin-layout-content{padding:12px;padding:var(--spacing-sm,12px)}}.main-layout{background:#fff;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.main-layout-body{display:flex;margin-top:72px;z-index:1}.main-layout-body,.main-layout-content{flex:1 1;min-height:calc(100vh - 72px);position:relative}.main-layout-content{background:linear-gradient(180deg,#f8fafc,#fff);border-radius:20px 0 0 0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;margin:8px 8px 8px 260px;max-width:1600px;padding:32px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:100%}.main-layout-content:before{background:linear-gradient(135deg,#25b7ef08,#8b5cf605);border-radius:20px 0 0 0;content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.main-layout-content,.main-layout-content :not(button):not(input):not(textarea):not(select):not(svg):not(path){color:#0f172a}.main-layout-content .heading-1,.main-layout-content .heading-2,.main-layout-content .heading-3,.main-layout-content h1,.main-layout-content h2,.main-layout-content h3,.main-layout-content h4,.main-layout-content h5,.main-layout-content h6{color:#0f172a!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}.main-layout-content div:not(.card):not(.modal):not(.drawer),.main-layout-content label,.main-layout-content li,.main-layout-content p,.main-layout-content span:not(.status-badge):not(.badge),.main-layout-content td,.main-layout-content th{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.main-layout-content table{color:#0f172a}.main-layout-content a,.main-layout-content table td,.main-layout-content table th{color:#0f172a;font-weight:500}.main-layout-content a:hover{color:#37b7ef;font-weight:600}.main-layout-content button:not(.action-btn-delete):not(.delete-btn),.main-layout-content input:not([type=checkbox]):not([type=radio]),.main-layout-content select,.main-layout-content textarea{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.main-layout-content input::placeholder,.main-layout-content textarea::placeholder{color:#94a3b8;font-weight:400}.main-layout-content.sidebar-collapsed{border-radius:20px 0 0 0;margin-left:72px}.main-layout-content>*{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-layout-body{margin-top:64px}.main-layout-content{border-radius:0;margin:0;min-height:calc(100vh - 64px);padding:16px}.main-layout-content.sidebar-collapsed{border-radius:0;margin-left:0}.main-layout-content table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}.main-layout-content a,.main-layout-content button{min-height:44px;min-width:44px;padding:12px 16px}.main-layout-content input,.main-layout-content select,.main-layout-content textarea{font-size:16px;min-height:44px;padding:12px}}@media (max-width:480px){.main-layout-body{margin-top:60px}.main-layout-content{min-height:calc(100vh - 60px);padding:12px}.main-layout-content a,.main-layout-content button{font-size:14px;min-height:40px;padding:10px 14px}.main-layout-content input,.main-layout-content select,.main-layout-content textarea{font-size:16px;min-height:40px;padding:10px}}
/*# sourceMappingURL=main.afe5ee56.css.map*/