@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf)format("truetype");font-style:normal;font-weight:100 900}:root{--font-primary:"Inter", Arial, sans-serif;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:900;--primary:#1e5b8e;--secondary:#459fa2;--pure-white:#fff;--off-white:#f2f0eb;--text-primary:#1f2933;--text-muted:#6b7280;--border-color:#d9e0e5;--hover-background:#edf4f8;--nav-border:#1f2933;--success:#2e7d32;--success-background:#edf7ee;--error:#c62828;--error-background:#fbeeee;--info:#1e5b8e;--info-background:#edf4f8;--side-nav-width:240px;--mobile-nav-height:110px;--border-radius:6px;--card-border-radius:12px}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);color:var(--text-primary);background-color:var(--off-white);margin:0}button,input,select,textarea{font-family:var(--font-primary)}.app-background{min-height:100vh;margin-left:var(--side-nav-width);background-image:linear-gradient(#459fa2bf 0%,#1e5b8ef2 100%),url(/assets/zakha-background-DykAcIVh.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative}.app-background-content{z-index:1;min-height:100vh;display:flow-root;position:relative}.app-content{flex-direction:column;align-items:center;width:100%;padding:50px;display:flex}.page-header-card{width:100%;max-width:1200px;margin:0 auto 40px}.page-main-card{width:92%;max-width:1100px;margin:0 auto}.page-header-card h1{color:var(--primary);font-size:32px;font-weight:var(--font-weight-black);margin:0 0 8px}.page-header-card p{color:var(--text-muted);margin:0;font-size:16px;line-height:1.5}.page-main-card h2{color:var(--text-primary);font-size:22px;font-weight:var(--font-weight-bold);margin:0 0 16px}.page-main-card p{color:var(--text-primary);margin:0 0 12px;line-height:1.6}.page-main-card p:last-child{margin-bottom:0}.card{border-radius:var(--card-border-radius);border:1px solid #ffffff59;padding:24px}.card-white{background-color:#ffffffd9}.card-off-white{background-color:#f7f8f6cc}.secondary-nav{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.secondary-nav-item{color:var(--text-primary);background-color:var(--pure-white);font-size:14px;font-weight:var(--font-weight-bold);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px 16px;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;display:block}.secondary-nav-item:hover{color:var(--primary);background-color:var(--hover-background);border-color:var(--primary)}.secondary-nav-item.active{color:var(--pure-white);background-color:var(--primary);border-color:var(--primary)}.login-page,.auth-page{background-image:url(/assets/zakha-background-DykAcIVh.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative}.login-page:before,.auth-page:before{content:"";pointer-events:none;background:linear-gradient(#459fa2bf 0%,#1e5b8ef2 100%);position:absolute;inset:0}.login-card{z-index:1;background-color:#f7f8f6d9;width:100%;max-width:520px;position:relative}.login-logo{object-fit:contain;width:180px;height:auto;margin:0 auto 28px;display:block}.login-tabs{background-color:var(--pure-white);border:1px solid var(--border-color);border-radius:var(--border-radius);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;display:grid}.login-tab{color:var(--text-muted);font-size:15px;font-weight:var(--font-weight-bold);border-radius:var(--border-radius);cursor:pointer;background-color:#0000;border:none;padding:10px 16px;transition:color .2s,background-color .2s}.login-tab:hover{color:var(--primary);background-color:var(--hover-background)}.login-tab.active{color:var(--pure-white);background-color:var(--primary)}.login-page form,.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form-header{margin-bottom:4px}.auth-form-header h1{color:var(--primary);font-size:28px;font-weight:var(--font-weight-black);margin:0 0 8px}.auth-form-header p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.5}.auth-link-button{color:var(--primary);font-size:14px;font-weight:var(--font-weight-bold);cursor:pointer;background-color:#0000;border:none;align-self:flex-start;padding:0;transition:color .2s}.auth-link-button:hover{color:var(--secondary);text-decoration:underline}.form-field{flex-direction:column;gap:6px;width:100%;display:flex}.form-field label{color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-bold)}.form-field input{width:100%;color:var(--text-primary);background-color:var(--pure-white);font-size:16px;font-weight:var(--font-weight-regular);border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder{color:var(--text-muted)}.form-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e5b8e1f}.required-asterisk{color:var(--error)}.boolean-field-control{background-color:var(--pure-white);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.boolean-field-control:hover{border-color:var(--primary)}.boolean-field-control input[type=checkbox]{appearance:none;background-color:var(--border-color);cursor:pointer;border:none;border-radius:999px;outline:none;flex-shrink:0;width:44px;height:24px;margin:0;padding:0;transition:background-color .2s;position:relative}.boolean-field-control input[type=checkbox]:before{content:"";background-color:var(--pure-white);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.boolean-field-control input[type=checkbox]:checked{background-color:var(--primary)}.boolean-field-control input[type=checkbox]:checked:before{transform:translate(20px)}.boolean-field-control input[type=checkbox]:focus{box-shadow:none}.boolean-field-control input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px #1e5b8e1f}.boolean-field-control:has(input[type=checkbox]:focus-visible){border-color:var(--primary)}.boolean-field-control:has(input[type=checkbox]:disabled){opacity:.5;cursor:not-allowed}.boolean-field-control input[type=checkbox]:disabled{cursor:not-allowed}.boolean-field-value{color:var(--text-primary);font-size:16px;font-weight:var(--font-weight-regular)}.autocomplete-field{position:relative}.autocomplete-wrapper{width:100%;position:relative}.autocomplete-options{z-index:30;background-color:var(--pure-white);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;max-height:120px;display:flex;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px #00000014,0 4px 6px #0000000d}.autocomplete-option{width:100%;color:var(--text-primary);background-color:var(--pure-white);font-size:12px;font-weight:var(--font-weight-regular);text-align:left;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;padding:8px 10px;transition:color .2s,background-color .2s}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover,.autocomplete-option.active{color:var(--primary);background-color:var(--hover-background)}.data-form{flex-direction:column;gap:32px;display:flex}.data-form-section{flex-direction:column;gap:16px;display:flex}.data-form-section+.data-form-section{border-top:1px solid var(--border-color);padding-top:24px}.data-form-section h2{color:var(--primary);font-size:20px;font-weight:var(--font-weight-bold);margin:0}.data-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.form-field input[type=date].date-input-empty{color:var(--text-muted)}.form-field input[type=date].date-input-empty::-webkit-datetime-edit{color:var(--text-muted)}.staff-view,.staff-view-record{flex-direction:column;gap:32px;display:flex}.staff-view-record>.data-form-section{border-top:1px solid var(--border-color);padding-top:24px}.staff-view-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.staff-view-heading h2{margin:0}.staff-view-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;display:grid}.staff-view-detail{background-color:var(--pure-white);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:0;padding:14px 16px}.staff-view-detail dt{color:var(--text-muted);font-size:12px;font-weight:var(--font-weight-bold);margin:0 0 5px}.staff-view-detail dd{color:var(--text-primary);font-size:15px;font-weight:var(--font-weight-regular);overflow-wrap:anywhere;margin:0}.status-badge{font-size:13px;font-weight:var(--font-weight-bold);border:1px solid;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 12px;display:inline-flex}.status-badge-active{color:var(--success);background-color:var(--success-background);border-color:var(--success)}.status-badge-inactive{color:var(--error);background-color:var(--error-background);border-color:var(--error)}.document-download-button{color:var(--pure-white);background-color:var(--primary);font-size:14px;font-weight:var(--font-weight-bold);border:1px solid var(--primary);border-radius:var(--border-radius);cursor:pointer;align-self:flex-start;padding:10px 18px;transition:background-color .2s,border-color .2s,opacity .2s}.document-download-button:hover:not(:disabled){background-color:var(--secondary);border-color:var(--secondary)}.document-download-button:disabled{opacity:.5;cursor:not-allowed}.document-unavailable{color:var(--text-muted);font-size:14px}.file-upload-field{width:100%}.file-upload-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.file-upload-control{align-items:center;gap:12px;width:100%;display:flex}.file-upload-button{color:var(--pure-white);background-color:var(--primary);font-size:15px;font-weight:var(--font-weight-bold);border:1px solid var(--primary);border-radius:var(--border-radius);cursor:pointer;flex-shrink:0;padding:10px 24px;transition:background-color .2s,border-color .2s,opacity .2s}.file-upload-button:hover:not(:disabled){background-color:var(--secondary);border-color:var(--secondary)}.file-upload-button:disabled{opacity:.5;cursor:not-allowed}.file-upload-filename{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.file-upload-selected{align-items:center;display:flex}.file-upload-remove{color:var(--error);font-size:13px;font-weight:var(--font-weight-bold);cursor:pointer;background-color:#0000;border:none;padding:0;transition:color .2s,opacity .2s}.file-upload-remove:hover:not(:disabled){text-decoration:underline}.file-upload-remove:disabled{opacity:.5;cursor:not-allowed}.file-upload-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.file-upload-error{color:var(--error);font-size:12px;line-height:1.4}.form-button{width:100%;color:var(--pure-white);background-color:var(--primary);font-size:16px;font-weight:var(--font-weight-bold);border:1px solid var(--primary);border-radius:var(--border-radius);cursor:pointer;padding:12px 16px;transition:background-color .2s,border-color .2s,opacity .2s}.form-button:hover:not(:disabled){background-color:var(--secondary);border-color:var(--secondary)}.form-button:disabled{opacity:.5;cursor:not-allowed}.form-message{border-radius:var(--border-radius);border:1px solid #0000;width:100%;padding:10px 12px;font-size:14px}.form-message-success{color:var(--success);background-color:var(--success-background);border-color:var(--success)}.form-message-error{color:var(--error);background-color:var(--error-background);border-color:var(--error)}.form-message-info{color:var(--info);background-color:var(--info-background);border-color:var(--info)}.side-nav{z-index:10;width:var(--side-nav-width);background-color:var(--off-white);border-right:5px solid var(--nav-border);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.side-nav-header{justify-content:center;margin-bottom:32px;display:flex}.side-nav-logo{border-bottom:1px solid var(--border-color);object-fit:contain;width:150px;height:auto;padding-bottom:25px;display:block}.side-nav nav,.mobile-nav-menu nav{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text-primary);font-weight:var(--font-weight-regular);border-radius:var(--border-radius);padding:12px 16px;text-decoration:none;transition:background-color .2s,color .2s;display:block}.nav-item:hover{color:var(--primary);background-color:var(--hover-background)}.nav-item.active{color:var(--pure-white);background-color:var(--primary);font-weight:var(--font-weight-bold)}.side-nav-footer{margin-top:auto}.logout-button{width:100%;color:var(--primary);font-family:var(--font-primary);font-size:inherit;font-weight:var(--font-weight-bold);border:1px solid var(--primary);border-radius:var(--border-radius);cursor:pointer;background-color:#0000;padding:12px 16px;transition:background-color .2s,color .2s}.logout-button:hover{color:var(--pure-white);background-color:var(--primary)}.mobile-nav{display:none}@media (width<=768px){.side-nav{display:none}.mobile-nav{z-index:10;display:block;position:fixed;top:0;left:0;right:0}.app-background{padding-top:var(--mobile-nav-height);margin-left:0}.mobile-nav-header{height:var(--mobile-nav-height);background-color:var(--off-white);border-bottom:5px solid var(--nav-border);justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.mobile-nav-logo{object-fit:contain;width:300px;height:auto;display:block}.mobile-nav-button{color:var(--primary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background-color:#0000;padding:6px 10px;font-size:28px;position:absolute;right:16px}.mobile-nav-menu{z-index:20;background-color:var(--off-white);border-bottom:1px solid var(--border-color);padding:16px;position:absolute;top:100%;left:0;right:0}.mobile-nav-footer{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.login-page,.auth-page{padding-left:20px;padding-right:20px}.app-content{padding-left:16px;padding-right:16px}.page-main-card{width:94%;margin:0 auto}.card{padding-left:20px;padding-right:20px}.secondary-nav{flex-direction:column}.secondary-nav-item{width:100%}.data-form-grid{grid-template-columns:1fr;gap:16px}.staff-view-details{grid-template-columns:1fr}.staff-view-heading{flex-direction:column;align-items:flex-start}.document-download-button{width:100%}}