.login-container{max-width:400px;margin:100px auto;padding:4rem 3rem 5rem 2rem;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.login-container h1{text-align:center;color:var(--app-color);margin-bottom:1rem}.login-form label{color:var(--app-color);display:block;margin-bottom:.5rem;font-weight:700}.login-form input[type=email],.login-form input[type=password]{width:100%;padding:.6rem;margin-bottom:1.5rem;margin-right:1.5rem;border:1px solid #ccc;border-radius:4px}.login-form .error{color:red;margin-bottom:.5rem}.password-toggle{cursor:pointer;position:absolute;right:10px;top:38px}.remember-me{display:flex;align-items:center;margin-bottom:1rem}.login-form button{width:100%;margin-top:.1rem;padding:.8rem;background-color:var(--app-color);color:#fff;border:none;font-weight:700;border-radius:4px;cursor:pointer;margin-right:15rem;box-sizing:border-box}.sidebar{width:200px;max-width:200px;background-color:#ecf0f1;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid #ccc;height:calc(100vh - 70px)}.employees-container{padding:2rem;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;box-sizing:border-box}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.employees-search-input{flex:1;min-width:250px;max-width:700px;padding:.75rem 1.2rem;font-size:1rem;border:1px solid #ccc;border-radius:30px;background-color:#f7f9fc;transition:all .3s ease}.employees-search-input:focus{outline:none;border-color:var(--app-color);box-shadow:0 0 0 4px #05173b26;background-color:#fff}.employees-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.filter-label{font-size:.8rem;font-weight:600;color:#05173b;text-transform:uppercase;letter-spacing:.03em}.filter-select{padding:.55rem .75rem;border-radius:.75rem;border:1px solid #ccd1dd;background-color:#fff;font-size:.9rem;cursor:pointer;min-width:150px;max-width:220px}.filter-select:focus{outline:none;border-color:var(--app-color);box-shadow:0 0 0 3px #05173b1f}.filter-actions{display:flex;gap:.5rem;margin-left:auto}.secondary-btn{background-color:#fff;color:#05173b;border:1px solid #d1d5db}.secondary-btn:hover{background-color:#f3f4f6}@media (max-width: 768px){.employees-header{flex-direction:column;align-items:stretch}.employees-header .app-btn{width:100%}.employees-filters{align-items:stretch}.filter-actions{width:100%;justify-content:flex-start;margin-left:0}.filter-actions .app-btn,.filter-actions .secondary-btn{flex:1}}.modal-content h3{margin-top:0;margin-bottom:1rem;background-color:var(--app-color);color:#ddd;text-align:center}.modal-content form{display:flex;flex-direction:column;gap:12px}.modal-content input,.modal-content select{padding:10px;font-size:1rem;border:1px solid #aaa;border-radius:6px;outline:none}.modal-buttons button[type=button]{background-color:#ccc;color:#000;transition:background-color .2s ease,transform .1s ease}.modal-buttons button[type=button]:hover{background-color:#fd0606;color:#f5f2f2}.modal-buttons button[type=button]:active{transform:scale(.98)}.error{color:red;font-size:.9rem;margin-top:-8px;margin-bottom:-5px}.roles-lablel{padding-top:20px}.inline-checks{display:flex;gap:16px;align-items:center;margin:6px 0 8px}.inline-checks .field-label{font-weight:600;margin-right:6px}.grid{display:grid;gap:12px;margin-bottom:6px}@media (max-width: 900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}:root{--bp-md: 900px;--bp-sm: 700px;--bp-xs: 480px;--app-color: #05173b;--app-color-dark: #0d2e57;--text-color: #ddd;--button-border-color: #618b8e;--button-hover-bg: #0d2e57;--button-hover-text: #fffacd;--button-hover-border: #ecc61d;--sidebar-selected-button-color: #ecc61d;--sidebar-selected-button-text-color: #07213c;--success: #16a34a;--holiday: #FFF3BF;--danger: #ef4444;--bg-color: #f4f6f7;--card-bg: #ffffff;--border-color: #e5e7eb}body{margin:0;font-family:Arial,sans-serif;background-color:var(--bg-color)}.highlight-general{color:#2b3a23;font-weight:700}.highlight-success{color:var(--success);font-weight:700}.highlight-red{color:#dc3545;font-weight:700}.blinking-alert{animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.truncate{max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-right{text-align:right}.text-center{text-align:center}.section-divider{margin:3rem 0;border:none;border-top:2px dashed #ccc}input[type=checkbox]{accent-color:var(--app-color)}.badge{padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600;color:#fff}.badge-success{background:var(--success)}.badge-danger{background:var(--danger)}.badge-assigned{background:var(--app-color)}.badge-unassigned{background:var(--danger)}.badge-completed{background:var(--success)}.badge-holiday{background:var(--holiday);color:#212529}.badge-checkedin,.badge-checkedIn{background:#ffc107;color:#212529}button.app-btn{white-space:nowrap;padding:.5rem 1rem;font-size:1rem;font-weight:600;margin-left:.5rem;margin-bottom:.5rem;background:#fff;color:#001f54;border:2px solid var(--app-color);border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}button.app-btn:hover{background:var(--button-hover-bg);color:var(--button-hover-text);border-color:var(--button-hover-border);transform:scale(1.05)}button.app-btn.ghost{background:#fff;border-style:dashed;color:#0f172a}button.app-btn-sidebar{white-space:nowrap;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;margin-bottom:.5rem;background:var(--app-color);color:#ddd;border:2px solid var(--app-color);border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}button.app-btn-sidebar:hover{background:var(--button-hover-border);color:var(--app-color);border-color:var(--app-color);transform:scale(1.05)}.app-btn-sidebar.active{background:var(--button-hover-border);color:var(--app-color);border:3px solid var(--app-color);transform:scale(1.05)}.modal-actions{display:flex;gap:18px;width:100%;padding:20px;box-sizing:border-box}.modal-actions button{flex:1;padding:.75rem 1.5rem;font-weight:500;font-size:15px;border:2px solid var(--app-color);border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s ease,transform .2s ease;white-space:nowrap;min-width:0}.save-button{background:var(--app-color);color:#ddd}.save-button:hover{transform:scale(1.06)}.cancel-button:hover{transform:scale(1.06)}.icon-container{display:flex;justify-content:center;align-items:center;gap:10px}.icon-btn{background:none;border:none;cursor:pointer;padding:6px;font-size:18px;border-radius:6px;color:#0a1128;transition:transform .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{transform:scale(1.2);background-color:#00000014}.icon-btn.delete{color:#b3002d}.icon-btn.delete:hover{background:var(--app-color);color:#f1003c}.icon-btn.edit{color:var(--app-color)}.icon-btn.edit:hover{color:var(--button-hover-border);background:var(--app-color)}.special{margin-right:.2rem;font-size:.8rem;padding:.2rem .8rem}.title-wrapper{display:flex;justify-content:center;align-items:center;position:relative}.title{padding:16px;background:var(--app-color);border-radius:12px;color:var(--text-color);width:fit-content;font-weight:700;font-size:1.2rem}.roles-wrapper{display:flex;flex-direction:column;gap:6px}.role-badges{display:flex;flex-wrap:wrap;gap:8px}.role-badge{padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;color:#fff;text-transform:capitalize}.badge-dog-handler{background:#a16207}.badge-cctv-operator{background:#577103}.badge-door-supervisor{background:#0e7490}.role-checkbox-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.role-checkbox-group>label:first-child{width:100%;font-weight:700;margin-bottom:4px}.role-checkbox-group label:not(:first-child){display:inline-flex;align-items:center;gap:6px;background:#f1f1f1;padding:6px 12px;border-radius:6px;font-size:.9rem;border:1px solid #ccc;white-space:nowrap;height:34px;line-height:1}.role-checkbox-group input[type=checkbox]{transform:translateY(1px);margin:0}.section{margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:8px;background:#fff;box-shadow:0 0 10px #0000001a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;background:#07213c;padding:1rem;font-weight:700;color:var(--text-color);cursor:pointer;transition:background-color .3s ease;border-bottom:1px solid var(--border-color)}.section-header:hover{background:var(--app-color-dark)}.table-wrapper{overflow-x:auto;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 0 10px #0000001a}.table-scroller{overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch;touch-action:pan-x}.table{width:100%;border-collapse:collapse;min-width:1200px}.table th,.table td{padding:.75rem 1rem;text-align:left;border:1px solid #ddd;vertical-align:middle}.table th{background:var(--app-color);color:#fff;position:sticky;top:0;z-index:1}.table tr:nth-child(2n){background:#f6f8fb}.table tr:hover{background:#eef3ff}.hover-row{position:relative;transition:.3s ease}.clickable-row:hover{background:#f0f4ff}.col-post{width:120px}.table-wrapper[data-scrolled=true] .table thead th{box-shadow:0 2px #0000000f,0 4px 12px #00000014}.table .hide-md,.table .hide-sm{display:table-cell!important}@media (max-width: var(--bp-sm)){.table-wrapper.stacked-sm .table,.table-wrapper.stacked-sm .table thead,.table-wrapper.stacked-sm .table tbody,.table-wrapper.stacked-sm .table th,.table-wrapper.stacked-sm .table td,.table-wrapper.stacked-sm .table tr{display:block;width:100%}.table-wrapper.stacked-sm .table thead tr{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}.table-wrapper.stacked-sm .table tr{margin:0 0 12px;border:1px solid #ddd;border-radius:10px;background:#fff;padding:8px 10px;border-left:4px solid var(--app-color)}.table-wrapper.stacked-sm .table td{border:none!important;border-bottom:1px solid #eee!important;position:relative;padding:12px 12px 12px 46%;min-height:44px;white-space:normal}.table-wrapper.stacked-sm .table td:last-child{border-bottom:none!important}.table-wrapper.stacked-sm .table td:before{content:attr(data-label);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:40%;font-weight:700;color:#475569;text-wrap:balance}.table-wrapper.stacked-sm .table td[data-header]:not([data-label]):before{content:attr(data-header)}.table-wrapper.stacked-sm .table tr>td:last-child,.table-wrapper.stacked-sm .table td.cell-actions{display:flex!important;align-items:center;gap:8px;white-space:nowrap;overflow:visible;padding-top:6px}.table-wrapper.stacked-sm .table td.cell-actions .link{display:inline-block;padding:4px 8px;border:1px solid var(--border-color);border-radius:8px;background:#fff;font-weight:700;color:var(--app-color)}}@media (max-width: var(--bp-xs)){.table-toolbar,.employees-header,.clients-header,.sites-header{display:flex;flex-direction:column;gap:8px}}.documents-btn-wrapper{text-align:center;margin-top:2rem}.documents-btn{padding:.8rem 1.4rem;font-size:1rem;font-weight:700;background:#0a1128;color:#ffc400;border:none;border-radius:8px;cursor:pointer;transition:.2s ease-in-out}.documents-btn:hover{background:#001f54}@media (max-width: var(--bp-md)){.day-drawer{position:fixed;left:0;right:0;bottom:-100%;height:min(70vh,560px);background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #0003;transition:bottom .25s ease-out;z-index:1001;display:flex;flex-direction:column;padding:10px 12px 14px}.day-drawer.open{bottom:0}.day-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px 8px;border-bottom:1px solid #eef2f6}.day-drawer__title{font-weight:700;font-size:1rem;color:#0f172a}.day-drawer__close{border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#334155}.day-drawer__body{overflow-y:auto;padding:10px 2px 0}.day-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000}.day-scrim.show{display:block}}.count-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--card-bg);border:1px solid var(--border-color);margin-right:8px;font-weight:600}.badge-vetting{background:#edf3ff;color:#174ea6;border-color:#c3d4ff}.badge-vetting-completed{background:var(--app-color);color:#fff;border-color:#b7e4c2}.badge-vetting-ongoing{background:var(--button-hover-border);color:#000;border-color:var(--app-color)}.badge-vetting-rejected{background:#4b0400;color:#fff;border-color:var(--app-color)}.badge-vetting-expired{background:#881d18;color:#fff;border-color:#000}.toast{position:fixed;top:-60px;left:50%;transform:translate(-50%);background-color:#cb3232;color:#fff;padding:10px 20px;border-radius:5px;font-size:16px;box-shadow:0 4px 8px #0003;z-index:1000;transition:top .3s ease-in-out}.toast.show{top:20px}.bouncing-loader-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}.projects-loader-wrapper{padding:3rem;display:flex;justify-content:center;align-items:center}.bouncing-loader{display:flex;gap:10px}.bouncing-loader div{width:12px;height:12px;background-color:#05173b;border-radius:50%;animation:bounce .6s infinite ease-in-out}.bouncing-loader div:nth-child(2){animation-delay:.1s}.bouncing-loader div:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}:root{--modal-bg: #ffffff;--header-bg: #05173b;--overlay-bg: rgba(0, 0, 0, .4);--btn-radius: 6px;--btn-padding: .75rem 1.5rem;--btn-primary-bg: #05173b;--btn-primary-fg: #fff;--btn-secondary-bg: #900c3f;--btn-secondary-fg: #fff;--btn-hover-scale: 1.05;--modal-enter-dur: .25s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:var(--modal-bg);border-radius:12px;width:360px;max-width:90%;box-shadow:0 10px 30px #00000026;animation:modalEnter var(--modal-enter-dur) ease-out;display:flex;flex-direction:column;overflow:hidden}.modal-header{position:relative;display:flex;justify-content:center;align-items:center;background:var(--header‑bg);padding:1rem}.modal-title{align-items:center;margin:0;font-size:1.125rem}.modal-close{background:transparent;border:none;font-size:1.5rem;line-height:1;color:#fff;cursor:pointer;padding:0;transition:transform .15s}.modal-close:hover{transform:scale(1.2)}.modal-body{padding:1.5rem 1rem;font-size:1rem;color:#333;text-align:center}@keyframes modalEnter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.dashboard-container{padding:2rem;background-color:#f4f6f8}.dashboard-header{font-size:1.8rem;margin-bottom:2rem;font-weight:700;color:#1f2937}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.card{min-height:110px;padding:1rem;border-radius:10px;color:#fff;box-shadow:0 4px 8px #0000001a;text-align:center;position:relative}.card-title{font-size:1rem;margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;gap:.3rem}.card-title .tooltip-icon{background:#fff;color:#000;border-radius:50%;font-size:.75rem;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;cursor:help;position:relative}.card-title .tooltip-icon:hover:after{content:attr(data-tooltip);position:absolute;background:#333;color:#fff;padding:5px 10px;border-radius:6px;top:110%;font-size:.75rem;white-space:nowrap;z-index:10}.card-value{font-size:1.5rem;font-weight:700}.card.card-clickable{cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.card.card-clickable:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000040}.card.danger-pulse{box-shadow:0 0 #c0392b99;animation:pulseDanger 1.4s ease-out infinite;border:2px solid rgba(255,255,255,.35)}@keyframes pulseDanger{0%{box-shadow:0 0 #c0392b99}to{box-shadow:0 0 0 16px #c0392b00}}.chart-section{display:block;margin-top:3rem}.chart-box{width:100%;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.client-payments h3{margin-bottom:1rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid #e5e7eb;white-space:nowrap}.filter-bar{display:flex;gap:1rem;margin:2rem 0;align-items:center;flex-wrap:wrap}.filter-bar label{font-weight:500;color:#333}@media (max-width: 1024px){.dashboard-container{padding:1.5rem}}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header{font-size:1.4rem;margin-bottom:1rem}.card{min-height:96px;padding:.85rem}.card-title{font-size:.95rem}.card-value{font-size:1.3rem}}@media (max-width: 480px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card{min-height:90px}.card-value{font-size:1.15rem}}@media (prefers-reduced-motion: reduce){.card.card-clickable:hover{transform:none}.card.danger-pulse{animation:none}}.sites-container{padding:2rem;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;box-sizing:border-box}.sites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.sites-search-input{flex:1;min-width:250px;max-width:700px;padding:.75rem 1.2rem;font-size:1rem;border:1px solid #ccc;border-radius:30px;background-color:#f7f9fc;transition:all .3s ease}.sites-search-input:focus{outline:none;border-color:var(--app-color);box-shadow:0 0 0 4px #05173b26;background-color:#fff}@media (max-width: var(--bp-xs)){.sites-header{flex-direction:column;align-items:stretch}.sites-header .app-btn{width:100%}}.sites-container .filters-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:12px 0 16px}.sites-container .filters-grid{display:grid;gap:10px;align-items:end;flex:1}.sites-container .sites-filters-3col{grid-template-columns:repeat(3,minmax(220px,1fr))}.sites-container .filter-item{display:grid;gap:6px}.sites-container .filter-item>label{font-size:.9rem;color:#334155}.sites-container .filter-item input[type=text],.sites-container .filter-item select{padding:.6rem .75rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.95rem;outline:none}.sites-container .filter-item input[type=text]:focus,.sites-container .filter-item select:focus{border-color:var(--app-color, #05173b);box-shadow:0 0 0 4px #05173b1f}.sites-container .filter-actions{display:flex;gap:8px}.sites-container .apply-btn,.sites-container .reset-btn{padding:.6rem .95rem;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.sites-container .apply-btn{background:var(--app-color, #0f172a);color:#fff;border-color:var(--app-color, #0f172a)}@media (max-width: 1000px){.sites-container .sites-filters-3col{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.sites-container .filters-bar{flex-direction:column;align-items:stretch}.sites-container .sites-filters-3col{grid-template-columns:1fr}.sites-container .filter-actions{justify-content:flex-end}}.modal-content{background:#fff;padding:25px;border-radius:10px;width:780px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000040}.modal-content.wide{width:780px}form{padding-right:6px}.modal-content input,.modal-content select{padding:10px;font-size:1rem;border:1px solid #aaa;border-radius:6px;outline:none;background:#fff}.modal-content input:focus,.modal-content select:focus{border-color:#44ab57}.error{color:#c0392b;font-size:.9rem;margin-top:4px}@media (max-width: 980px){.modal-content,.modal-content.wide{width:92vw}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.grid-3,.grid-2{grid-template-columns:1fr}}.clients-container{padding:2rem;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;box-sizing:border-box}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.clients-search-input{flex:1;min-width:250px;max-width:700px;padding:.75rem 1.2rem;font-size:1rem;border:1px solid #ccc;border-radius:30px;background-color:#f7f9fc;transition:all .3s ease}.clients-search-input:focus{outline:none;border-color:var(--app-color);box-shadow:0 0 0 4px #05173b26;background-color:#fff}@media (max-width: var(--bp-xs)){.clients-header{flex-direction:column;align-items:stretch}.clients-header .app-btn{width:100%}}.filters-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:12px 0 16px}.filters-grid{display:grid;gap:10px;align-items:end}.cl-filters-4col{grid-template-columns:repeat(4,minmax(180px,1fr))}.cl-filters-5col{grid-template-columns:repeat(5,minmax(180px,1fr))}.filter-item{display:grid;gap:6px}.filter-item>label{font-size:.9rem;color:#334155}.filter-item input[type=text],.filter-item select{padding:.55rem .75rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.95rem;outline:none}.filter-item input[type=text]:focus,.filter-item select:focus{border-color:var(--app-color, #05173b);box-shadow:0 0 0 4px #05173b1f}.filter-actions{display:flex;gap:8px}.apply-btn,.reset-btn{padding:.55rem .9rem;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}@media (max-width: 1100px){.cl-filters-5col{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 640px){.cl-filters-5col{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.cl-filters-4col{grid-template-columns:1fr}.filter-actions{justify-content:flex-end}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content h3{background-color:var(--app-color);margin-top:0;margin-bottom:1rem;color:#ddd;text-align:center}.modal-content form{display:flex;padding-right:15px;flex-direction:column;gap:12px}.cm-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.link-btn{background:none;border:none;padding:0;font-size:.9rem;color:#2563eb;cursor:pointer}.shifts-container{padding:2rem;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;box-sizing:border-box}.shifts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.shifts-search-input{flex:1;min-width:250px;max-width:700px;padding:.75rem 1.2rem;font-size:1rem;border:1px solid #ccc;border-radius:30px;background-color:#f7f9fc;transition:all .3s ease}.shifts-search-input:focus{outline:none;border-color:var(--app-color);box-shadow:0 0 0 4px #05173b26;background-color:#fff}.truncate{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: var(--bp-xs)){.shifts-header{flex-direction:column;align-items:stretch}.shifts-header .app-btn{width:100%}}.shifts-calendar-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}.calendar-main{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:12px}.calendar-side{position:sticky;top:80px;max-height:calc(100vh - 120px);overflow:auto;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:12px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cal-nav{border:1px solid var(--border, #e5e7eb);background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-weekday{text-align:center;font-weight:600;color:#334155}.calendar-cell{border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:8px;background:#fafafa;cursor:pointer;min-height:76px}.calendar-cell.selected{outline:2px solid var(--app-color, #0f172a);background:#fff}.calendar-cell.empty{background:transparent;border:none}.cal-day-num{font-weight:700;margin-bottom:6px}.cal-status-row{display:flex;gap:4px;align-items:center}.cal-status{width:10px;height:10px;border-radius:999px;display:inline-block}.cal-unassigned{background:#ef4444}.cal-assigned{background:#f59e0b}.cal-checkedin{background:#3b82f6}.cal-completed{background:#10b981}.cal-other{background:#94a3b8}.cal-more{font-size:11px;color:#64748b;margin-left:6px}.day-title{margin:2px 0 8px}.day-shifts-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.day-shift-card{border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:10px;background:#fff}.day-shift-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.badge-inline{font-size:12px;padding:2px 8px;border-radius:999px;background:#eef2f7;color:#111827}.day-shift-time{font-size:13px;color:#334155}.day-shift-site{font-weight:600;margin:6px 0}.day-shift-roles{display:flex;flex-wrap:wrap;gap:6px}.day-shift-role{font-size:12px;padding:2px 8px;border-radius:999px;background:#f1f5f9}.day-shift-view-btn{margin-top:8px;padding:6px 10px;border-radius:8px;border:1px solid var(--border, #e5e7eb);background:#fff;cursor:pointer}.no-day-shifts{color:#64748b}@media (max-width: 1150px){.shifts-calendar-wrapper{grid-template-columns:1fr}.calendar-side{position:static;max-height:none}}.clickable-row{cursor:pointer}.col-id{width:72px}.hide-sm,.hide-md{display:table-cell}@media (max-width: 1150px){.hide-md{display:none}}@media (max-width: 890px){.hide-sm{display:none}}.icon-container{display:flex;gap:8px}.icon-btn{border:none;background:#fff;padding:6px;border-radius:8px;border:1px solid var(--border, #e5e7eb);cursor:pointer}.icon-btn.delete{color:#b91c1c}.icon-btn.edit{color:#0f172a}.filters-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;flex:1;min-width:280px}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label{font-size:.9rem;color:#334155}.filter-item select,.filter-item input[type=date]{height:40px;border-radius:10px;border:1px solid #d9dde3;padding:0 10px;background:#fff;font-size:.95rem}.filter-actions{display:flex;gap:10px}.apply-btn,.reset-btn{height:40px;min-width:90px;border-radius:10px;border:1px solid #d9dde3;background:#fff;cursor:pointer;padding:0 14px;font-weight:600}.apply-btn{background:var(--app-color, #0f172a);color:#fff;border-color:var(--app-color, #0f172a)}.reset-btn{background:#fff;color:#0f172a}.apply-btn:hover{opacity:.95}.reset-btn:hover{background:#f3f4f6}@media (max-width: 1160px){.filters-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width: 520px){.filters-grid{grid-template-columns:1fr}.filter-actions{width:100%;justify-content:flex-start}}.quantity{max-width:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:24px;width:600px;max-width:95%;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:20px}.weekday-toggle{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.weekday-toggle label{font-weight:500;cursor:pointer}.shift-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.shift-row input[type=datetime-local],.shift-row input[type=number]{padding:8px;font-size:.9rem;border:1px solid #ccc;border-radius:6px}.shift-row span{font-weight:500;min-width:60px}.action-btn{padding:4px 8px;font-size:1rem;border-radius:6px;border:none;background-color:#0e1b3f;color:#fff;cursor:pointer}.action-btn.remove{background-color:#c62828}.modal-actions{display:flex;justify-content:space-between;margin-top:16px}.error-text{color:#d32f2f;font-size:.75rem;margin-top:.2rem;display:block}.range-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.site-dropdown-wrapper{display:flex;background-color:beige;align-items:center;gap:6px}.site-dropdown-wrapper label{font-weight:500;font-size:1rem;padding-bottom:20px;min-width:30px}.site-dropdown-wrapper select{flex:1;padding:8px;max-width:300px;border-radius:6px;border:1px solid #ccc;font-size:1rem}.readonly-field{padding:8px;font-size:.9rem;border:1px solid #ccc;border-radius:6px;background-color:#f9f9f9;min-width:80px}.sr-roles-row{display:flex;align-items:center;gap:16px;margin:12px 0 8px;flex-wrap:nowrap}.sr-roles-label{font-size:19px;font-weight:700;white-space:nowrap;margin:0}.sr-role-list{display:flex;align-items:center;gap:12px;overflow-x:auto;padding-bottom:4px;flex:1;min-width:0}.sr-role-list label{width:auto!important;display:inline-flex!important;flex:0 0 auto!important}.sr-role-pill{box-sizing:border-box;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d7dbe3;border-radius:10px;background:#f7f8fb;white-space:nowrap;overflow:visible}.sr-role-checkbox{margin:0!important;vertical-align:middle;accent-color:#0B5AA2}.sr-role-text{display:inline-block!important;position:static!important;margin:0!important;line-height:1;font-weight:600}.sr-role-pill.sr-checked{border-color:#0b5aa2;background:#eef5ff;box-shadow:0 0 0 2px #0b5aa20f inset}.checkbox-inline{display:flex;flex-wrap:wrap;gap:12px;margin:0}.field{display:flex;align-items:center;gap:8px}.field label{font-size:19px;font-weight:700;margin-bottom:20px}.field-group{margin-top:-30px;margin-right:20px;display:flex-in;flex-direction:column;min-width:150px}.field-group{margin-top:-30px;margin-right:20px;display:flex;flex-direction:column;min-width:150px}.field-group label{font-size:.85rem;font-weight:500}.field-group input{border-radius:6px;border:1px solid #ccc;font-size:.9rem}.range-row input,.recurring{margin-left:0;margin-right:10px}.field--site{display:flex;align-items:center;gap:8px}.field--site label{margin:0;min-width:48px;font-weight:700;font-size:1rem}.field--site select{max-width:360px;width:100%;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:.95rem}.recurring select{padding:8px;font-size:.9rem;border:1px solid #ccc;border-radius:6px}.check-calls-select{min-width:90px}.range-row{row-gap:12px}.training-row{margin:4px 0 16px;padding-bottom:0;display:flex;align-items:center}.training-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#0e1b3f}.training-checkbox span{margin-left:10px}.training-checkbox input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer}.accounts-container{padding:2rem;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;box-sizing:border-box}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.accounts-search-input{flex:1;min-width:250px;max-width:700px;padding:.75rem 1.2rem;font-size:1rem;border:1px solid #ccc;border-radius:30px;background-color:#f7f9fc;transition:all .3s ease}.accounts-search-input:focus{outline:none;border-color:var(--app-color);box-shadow:0 0 0 4px #05173b26;background-color:#fff}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.payment-history-section{margin:.9rem;padding:1rem;background-color:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;box-shadow:0 2px 6px #0000000d}@media (max-width: var(--bp-xs)){.accounts-header{flex-direction:column;align-items:stretch}.accounts-header .app-btn{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.pay-modal{background-color:#fff;padding:2rem;border-radius:8px;width:400px;max-width:95%;box-shadow:0 4px 12px #00000026}.modal-input-group{margin:2rem 0 1rem}.modal-input-group label{display:block;margin-bottom:.5rem}.modal-input-group input{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.modal-error{color:red;margin-top:.5rem}.modal-info-group{margin-bottom:1rem;background-color:#f5f5f5;padding:.75rem;border-radius:8px;font-size:.95rem}.modal-info-group p{margin:.25rem 0}.assign-shift-container{padding:1rem;box-sizing:border-box}.assign-header-bar{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap}.view-toggle{display:flex;gap:.5rem}.view-btn{padding:.35rem 1rem;border-radius:999px;border:1px solid var(--border-color);background:#fff;font-weight:500;cursor:pointer}.view-btn.active{background:var(--app-color);color:var(--text-color);border-color:var(--app-color)}.search-bar{width:min(420px,100%)}.search-bar input{width:100%}.role-badges{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.overlap-disabled{opacity:.6;pointer-events:none}.bulk-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:10px 0 14px;border:1px solid var(--border-color);background:var(--card-bg);border-radius:10px;flex-wrap:wrap}.bulk-count{font-weight:600}.bulk-actions{margin-left:auto;display:flex;gap:8px}.save-button:disabled,.special:disabled{cursor:not-allowed!important;opacity:.7}.pre-start-60{background:#fff7e6}.pre-start-30{background:#ffe0b2}.start-overdue{background:#ffb3b3;animation:start-overdue-pulse 1.1s infinite}.checkout-overdue{background:#ffe0e0;animation:checkout-overdue-pulse 1.2s infinite}@keyframes start-overdue-pulse{0%{background-color:#ffb3b3}50%{background-color:#ff4b4b}to{background-color:#ffb3b3}}@keyframes checkout-overdue-pulse{0%{background-color:#ffe0e0}50%{background-color:#ff9e9e}to{background-color:#ffe0e0}}.assign-calendar-wrapper{display:grid;grid-template-columns:1.1fr .6fr;gap:1.25rem;min-height:540px}.calendar-main{background:var(--card-bg);border-radius:12px;padding:1rem;display:flex;flex-direction:column}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.cal-nav{width:32px;height:32px;border-radius:999px;border:none;background:var(--app-color);color:var(--text-color);cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:.65rem}.calendar-weekday{text-align:center;font-weight:600;color:#4a5568}.calendar-cell{background:#f1f5f9;border-radius:14px;min-height:82px;padding:.4rem .4rem .6rem;cursor:pointer;display:flex;flex-direction:column;gap:.35rem}.calendar-cell.empty{background:transparent;cursor:default}.calendar-cell.selected{border:2px solid var(--app-color);background:var(--card-bg)}.cal-day-num{font-weight:600;font-size:.9rem;color:#1f2937}.cal-status-row{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.cal-status{width:14px;height:6px;border-radius:999px;display:inline-block}.cal-unassigned{background:#e53e3e}.cal-assigned{background:#3182ce}.cal-checkedin{background:#38a169}.cal-completed{background:#718096}.cal-other{background:#a0aec0}.cal-more{font-size:.65rem;background:var(--app-color);color:var(--text-color);border-radius:999px;padding:0 4px}.calendar-side{background:var(--card-bg);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto}.day-title{font-weight:700;font-size:1.05rem;margin-bottom:.25rem}.no-day-shifts{opacity:.7}.day-shifts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.day-shift-card{background:#f8fafc;border-radius:10px;padding:.65rem .7rem .75rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.35rem}.day-shift-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.day-shift-id-site{display:flex;gap:.4rem;align-items:center}.day-shift-id{background:var(--app-color);color:var(--text-color);padding:2px 6px;border-radius:6px;font-size:.7rem;font-weight:600}.day-shift-site{font-weight:600;font-size:.85rem;color:#0f172a}.badge-inline{padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff}.badge-inline.unassigned{background:#f43f5e}.badge-inline.assigned{background:#0ea5e9}.badge-inline.checkedin{background:#22c55e}.badge-inline.completed{background:#94a3b8}.day-shift-time{font-size:.8rem;color:#1f2937}.day-shift-roles{display:flex;flex-wrap:wrap;gap:4px}.day-shift-role{background:#d1fae5;color:#065f46;font-size:.7rem;padding:2px 6px;border-radius:999px}.day-shift-employee-block{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:4px 6px}.employee-title{font-size:.7rem;font-weight:600;color:#64748b;margin-bottom:2px}.employee-line{font-size:.72rem;margin:1px 0;color:#0f172a}.employee-line.muted{color:#94a3b8}.day-shift-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.day-shift-btn{border:none;border-radius:7px;font-size:.7rem;padding:4px 8px;display:inline-flex;align-items:center;gap:3px;cursor:pointer;color:#fff}.day-shift-btn.primary{background:var(--app-color);color:var(--text-color)}.day-shift-btn.success{background:#22c55e}.day-shift-btn.info{background:#0ea5e9}.day-shift-btn.danger{background:#f43f5e}@media (max-width: 1250px){.assign-calendar-wrapper{grid-template-columns:1fr}.calendar-side{max-height:280px}}@media (max-width: 1000px){.calendar-grid{grid-template-columns:repeat(7,minmax(46px,1fr));gap:.5rem}.calendar-cell{min-height:64px}}.filters-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.filters-grid{display:flex;flex:1;align-items:flex-end;gap:.75rem;flex-wrap:nowrap}.filter-item{flex:1 1 0;min-width:0}.filter-actions{display:flex;gap:.5rem;flex-shrink:0}.filter-item.filter-checkbox{display:flex;flex-direction:column;align-items:flex-start;padding-top:0}.filter-item.filter-checkbox .filter-label{font-size:.8rem;font-weight:600;color:#4a5568;margin-bottom:.25rem}.checkbox-inline{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;cursor:pointer}.checkbox-inline input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media (max-width: 900px){.filters-grid{flex-wrap:wrap}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:1.5rem;border-radius:8px;width:75%!important;max-width:1200px!important;box-shadow:0 0 15px #0000004d;position:relative}.modal-header{position:relative;background-color:#fff;padding:20px 24px;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center}.modal-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.modal-header .close-button{position:absolute;top:16px;right:20px;background:transparent;border:none;color:var(--app-color);font-size:40px;cursor:pointer}.status-message{text-align:center;margin-top:1rem;color:#555}.employee-table-wrapper{overflow-x:auto}.employee-table{width:100%;border-collapse:collapse}.employee-table th,.employee-table td{padding:12px 16px;border-bottom:1px solid #ddd;text-align:left}.employee-table tr:hover{background-color:#f5f5f5}.status-message.error{color:red;font-weight:700}.modal-header .title-wrapper{display:flex;flex-direction:column;align-items:center}.shift-roles-info{margin:8px auto 0;display:block;align-items:center;justify-content:center;padding:5px;background-color:#eef4ff;border:1px solid #ccc;border-radius:6px;max-width:100%;flex-wrap:wrap}.inline-roles{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-bar{display:flex;justify-content:center}.search-bar input{width:280px;padding:10px 14px;font-size:14px;border-radius:8px;border:1px solid #ccc;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #00000014}.search-bar input:focus{border-color:#0052cc;outline:none;box-shadow:0 0 0 3px #0052cc33}.checkout-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.checkout-modal-content{background:#fff;padding:2rem;width:90%;max-width:400px;border-radius:12px;box-shadow:0 6px 20px #0003;text-align:center}.checkout-modal-content h3{margin-bottom:1rem;font-size:1.5rem;color:#05173b}.checkout-modal-content p{margin-bottom:1rem;font-size:1rem;color:#333}.checkout-modal-content label{display:block;font-weight:600;margin-bottom:.5rem;color:#444}.checkout-modal-content input[type=number]{width:100%;padding:.6rem;font-size:1rem;border-radius:8px;border:1px solid #ccc;margin-bottom:1.5rem;box-sizing:border-box}.email-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:9;display:flex;justify-content:center;align-items:center}.email-modal-box{background-color:#fff;width:600px;max-height:90vh;overflow-y:auto;border-radius:12px;padding:2rem;box-shadow:0 8px 20px #0000004d;position:relative;z-index:999999}.email-modal-box h3{font-size:1.5rem;text-align:center;margin-bottom:1.5rem}.email-modal-box label{display:block;font-weight:700;margin-top:1rem;margin-bottom:.5rem}.email-modal-box select,.email-modal-box textarea{width:100%;padding:.7rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.email-modal-box select[multiple]{height:120px}.email-modal-box textarea{resize:vertical;min-height:100px}.notif-actions-right{display:flex;gap:.75rem;align-items:center}.app-btn.ghost{background:transparent;border:1px solid #cbd5e1;color:#0f172a}.notify-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 2px 10px #0000000f;border:1px solid var(--border-color, #e5e7eb)}.notify-row{display:grid;grid-template-columns:140px 1fr;gap:1rem;align-items:center;margin-bottom:.9rem}.notify-label{font-weight:600;color:#0f172a}.notify-input,.notify-textarea{width:80%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:12px;background-color:#f7f9fc;transition:all .2s ease;font-size:.95rem}.notify-input:focus,.notify-textarea:focus{outline:none;border-color:var(--app-color, #020a17);box-shadow:0 0 0 4px #020a171f;background-color:#fff}.notify-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.25rem;font-size:.95rem}.notify-selected b{font-weight:700}.notify-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;padding:.25rem .5rem;border-radius:8px}.notify-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;padding:.25rem .5rem;border-radius:8px}.notify-table-footer{display:flex;gap:1rem;padding:.75rem .25rem 0}.link-btn{background:transparent;border:none;color:var(--link-color, #0b5aa2);cursor:pointer;padding:0;font-weight:600}@media (max-width: 720px){.notify-row{grid-template-columns:1fr}.notify-label{margin-bottom:-.25rem}.notif-actions-right .app-btn{width:100%}}:root{--brand: #020a17;--brand-contrast: #ffc400;--field-bg: #f7f9fc;--field-border: #cfd6e4;--field-text: #0f172a;--field-muted: #8292a6;--radius: 12px;--focus-ring: 3px}.email-actions-right{display:flex;gap:.75rem;align-items:center}.app-btn.ghost{background:transparent;border:1px solid #ccc;color:#333}.app-btn.disabled-look{opacity:.55;cursor:not-allowed}.email-card{background:#fff;border-radius:16px;padding:1.25rem;margin-bottom:1.25rem;border:1px solid #e6ebf2;box-shadow:0 6px 24px #020a170d}.email-row{display:grid;grid-template-columns:140px 1fr;gap:1rem;align-items:start;margin-bottom:.9rem}.email-label{font-weight:600;color:var(--field-text);margin-bottom:4px}.email-input,.email-textarea,.email-card select{width:100%;height:46px;padding:.75rem 1rem;border:1px solid var(--field-border);border-radius:var(--radius);background-color:var(--field-bg);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;font-size:.95rem;color:var(--field-text);outline:none;box-sizing:border-box}.email-textarea{min-height:140px;height:auto;line-height:1.4;resize:vertical}.email-input::placeholder,.email-textarea::placeholder{color:var(--field-muted)}.email-input:focus,.email-textarea:focus,.email-card select:focus{border-color:var(--brand);box-shadow:0 0 0 var(--focus-ring) #020a171f;background-color:#fff}.email-input:hover,.email-textarea:hover,.email-card select:hover{border-color:#b9c4d4}.email-input:disabled,.email-textarea:disabled,.email-card select:disabled{opacity:.65;cursor:not-allowed}.email-input.is-invalid,.email-textarea.is-invalid,.email-card select.is-invalid{border-color:#d92d20;box-shadow:0 0 0 var(--focus-ring) #d92d2014}.email-card select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,currentColor 50%) no-repeat,linear-gradient(135deg,currentColor 50%,transparent 50%) no-repeat;background-size:6px 6px,6px 6px;background-position:right 18px center,right 12px center;padding-right:40px}.email-bodytype{display:flex;gap:1rem;align-items:center}.email-bodytype .radio{display:inline-flex;gap:6px;align-items:center;cursor:pointer}.email-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.5rem;font-size:.95rem}.email-selected b{font-weight:700}.email-success{color:#1b7f3b;background:#e9f7ef;border:1px solid #c7ead6;padding:.25rem .5rem;border-radius:8px}.email-error{color:#9b2c2c;background:#fde8e8;border:1px solid #f5c6c6;padding:.25rem .5rem;border-radius:8px}.email-warning{color:#8a6d3b;background:#fcf8e3;border:1px solid #faebcc;padding:.25rem .5rem;border-radius:8px}.email-table-footer{display:flex;gap:1rem;padding:.75rem .25rem 0}.link-btn{background:transparent;border:none;color:#0b5aa2;cursor:pointer;padding:0;font-weight:600}.link-btn:hover{text-decoration:underline}.email-result{margin-top:12px;border-top:1px dashed #eee;padding-top:10px}.email-result-row{font-size:13px;padding:4px 0}.email-result-email{font-family:monospace}.email-result-ok{color:#0a7f2e}.email-result-error{color:#b30000}.muted{opacity:.7}.email-card.compact .email-input,.email-card.compact select,.email-card.compact .email-card select{height:40px}.email-card.compact .email-textarea{min-height:110px}@media (max-width: 720px){.email-row{grid-template-columns:1fr}.email-label{margin-bottom:-.25rem}}.incidents-container{padding:1.25rem;background:var(--bg-color, #f4f6f7);min-height:100vh}.incidents-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;align-items:flex-start}.filters{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:8px;align-items:center}.filters .search,.filters select,.filters input[type=date]{padding:10px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:#fff}.actions .app-btn{white-space:nowrap}.count-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);margin-right:8px;font-weight:600}.cell-actions{display:flex;gap:10px}.cell-actions .link{border:0;background:transparent;color:var(--app-color, #020a17);cursor:pointer;padding:0;font-weight:700}.cell-actions .link.danger{color:#b91c1c}@media (max-width: 1100px){.filters{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.filters{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.filters{grid-template-columns:1fr}.actions{width:100%;display:flex;gap:8px;justify-content:space-between}.actions .app-btn{width:auto}}.cell-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 560px){.cell-actions .link{padding:4px 8px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:#fff;font-weight:700}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:16px 18px;border-radius:12px;width:760px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 30px #0003}.grid-form.compact{gap:12px 16px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 12px}label{font-weight:600;color:#334155;font-size:.85rem}input,select,textarea{padding:8px;border:1px solid #cfd6e4;border-radius:8px;outline:none;font-size:.9rem;background:#fff}input:focus,select:focus,textarea:focus{border-color:#007bff}.section-title{margin-top:2px;font-weight:800;color:#05173b}.error{color:#b91c1c;font-size:.82rem}.error.server{margin-top:-2px}@media (max-width: 980px){.modal-content{width:94vw}.row-2,.row-3{grid-template-columns:1fr}}.document-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.document-modal{background:#fff;border-radius:8px;padding:2rem;width:600px;max-height:80vh;overflow-y:auto;position:relative}.close-btn{position:absolute;top:1rem;right:1rem;background:transparent;font-size:1.2rem;border:none;cursor:pointer}.upload-btn{margin-top:1rem;padding:.5rem 1rem;background-color:var(--app-color);color:#ddd;border:none;border-radius:6px;cursor:pointer}.upload-btn:disabled{background-color:var(--app-color);opacity:.5;cursor:not-allowed}.document-list{margin-top:1.5rem}.document-item{display:flex;justify-content:space-between;align-items:center;background:#f1f1f1;border-radius:6px;margin-bottom:.5rem;padding:.6rem 1rem;border-bottom:2px solid var(--app-color)}.document-item button{background:#d90429;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer}.document-item span,.document-item a{text-decoration:underline;text-decoration-color:var(--app-color)}.upload-error{color:red;margin-top:.5rem;font-size:.9rem;text-align:center}.holidays-container{padding:2rem}.holidays-header{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.holidays-search-input{flex:1;min-width:260px;max-width:720px;padding:.75rem 1.2rem;border:1px solid var(--border-color);border-radius:30px;background:#f7f9fc;transition:all .3s ease}.holidays-search-input:focus{outline:none;border-color:var(--app-color);box-shadow:0 0 0 4px #05173b26;background:#fff}.toolbars{display:flex;gap:8px;align-items:center}.toolbars-select{padding:.6rem .8rem;border:1px solid var(--border-color);border-radius:10px;background:#fff}.days-chip{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-weight:700;font-size:.85rem}.col-id{width:64px;text-align:center}.holiday-cal{margin-top:8px;background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:12px;box-shadow:0 0 10px #0000000f}.holiday-cal__toolbar{display:flex;justify-content:space-between;align-items:center;margin:6px 0 10px}.holiday-cal__month{font-weight:800;color:var(--app-color)}.holiday-cal__legend{margin-top:6px;font-size:.9rem;color:#475569}.legend--row{display:flex;gap:14px;align-items:center;margin:2px 0 8px;flex-wrap:wrap}.legend-item{display:inline-flex;gap:6px;align-items:center;color:#475569;font-size:.9rem}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block;border:1px solid rgba(0,0,0,.1)}.dot-holiday{background:#f7d25c}.dot-completed{background:#22c55e}.dot-checkedin{background:#3b82f6}.dot-assigned{background:#f97316}.dot-generic{background:#94a3b8}.holiday-cal__head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.holiday-cal__headcell{text-align:center;font-weight:700;color:#475569}.holiday-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.holiday-cal__cell{background:#fff;border:1px solid #e5e7eb;border-radius:8px;text-align:center;padding:6px 0 4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background-color .12s ease,border-color .12s ease;min-height:52px;display:flex;flex-direction:column;justify-content:space-between}.holiday-cal__cell:hover{transform:scale(1.02);background:#f7fafc}.holiday-cal__cell--muted{opacity:.35;pointer-events:none;background:#f8fafc}.holiday-cal__cell--selected{outline:2px solid #501717;outline-offset:-2px;color:#fff;background:#787474}.holiday-cal__cell--today{border-color:var(--app-color)}.holiday-cal__cell--busy{background:#fafafa}.holiday-cal__cell--locked{position:relative;cursor:not-allowed;background:#fff9e6;border-color:#f7d25c}.holiday-cal__cell--locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(247,210,92,.25),rgba(247,210,92,.25) 6px,transparent 6px,transparent 12px);border-radius:8px;pointer-events:none}.holiday-cal__date{font-weight:600;color:#0f172a}.holiday-cal__dots{display:flex;gap:4px;justify-content:center;padding-bottom:4px}.holiday-cal__inputs{margin-top:10px}.holiday-cal__note{margin-top:6px;font-size:.9rem;color:#475569}.holiday-cal__loading{display:flex;flex-direction:column;align-items:center;margin:6px 0 10px}@media (max-width: 700px){.holiday-cal__grid,.holiday-cal__head{gap:4px}.holiday-cal__cell{padding:6px 0 4px;min-height:46px}}.holiday-cal__cell--locked-holiday{position:relative;cursor:not-allowed;background:#fff9e6;border-color:#f7d25c}.holiday-cal__cell--locked-holiday:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(247,210,92,.25),rgba(247,210,92,.25) 6px,transparent 6px,transparent 12px);border-radius:8px;pointer-events:none}.holiday-cal__cell--locked-shift{position:relative;cursor:not-allowed;background:#eef6ff;border-color:#93c5fd}.holiday-cal__cell--locked-shift:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(59,130,246,.18),rgba(59,130,246,.18) 6px,transparent 6px,transparent 12px);border-radius:8px;pointer-events:none}.status-modal{max-width:720px}.status-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:10px}.status-summary .chips{grid-column:1 / -1;display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.status-form{display:grid;gap:10px}.days-block{margin:10px 0 14px}.days-title{font-weight:800;color:#05173b;margin-bottom:6px}.days-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;background:#fafafa;border:1px solid var(--border-color);border-radius:8px;padding:8px 10px}.days-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:1px dashed #e5e7eb;border-radius:8px;background:#fff}.days-item .date{font-weight:600;color:#0f172a}.days-item .hrs{font-weight:700;color:#1e3a8a}.empty{color:#6b7280;font-size:.92rem}@media (max-width: 640px){.status-summary,.days-list{grid-template-columns:1fr}}.home-container{font-family:Arial,sans-serif;height:100vh;display:flex;flex-direction:column}.toolbar{display:flex;justify-content:space-between;padding:1rem;background-color:var(--app-color);color:#fff;align-items:center}.company-name{font-size:2.5rem;color:var(--text-color)}.toolbar-right{display:flex;align-items:center;gap:1rem}.user-name{font-size:1rem}.logout-btn{font-size:1rem;cursor:pointer;padding:.2rem .6rem;background-color:transparent;color:#fff;border:1px solid white;border-radius:5px;transition:background-color .3s}.logout-btn:hover{background-color:#ffffff1a}.settings-btn{font-size:1.5rem;cursor:pointer}.layout{display:flex;flex:1;overflow:hidden}.sidebar{width:250px;background-color:#ecf0f1;padding:1rem;transition:transform .3s ease-in-out}.content{flex-grow:1;padding:1rem;background-color:#f4f6f7;border:2px solid #ddd;border-radius:8px;margin-left:20px;overflow-y:auto;height:calc(100vh - 80px);box-sizing:border-box}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{position:fixed;top:0;left:-250px;height:100%;z-index:10}.sidebar.active{left:0}.content{margin-left:0;margin-top:80px;height:calc(100vh - 80px)}.toolbar-right{flex-direction:column;align-items:flex-end;gap:.4rem}}:root{--app-color: #05173b;--app-color-dark: #07213c;--text-color: #ffffff;--accent-color: #44ab57;--accent-hover: #36984b;--border-color: #ddd;--bg-light: #f9f9f9;--table-alt: #f2f2f2;--hover-row: #eaf3ff;--font-main: "Segoe UI", sans-serif}.settings-page{padding:1.5rem;font-family:var(--font-main);background-color:var(--bg-light);box-sizing:border-box}.permissions-content,.profile-content{padding:1rem}.profile-content p{color:#34495e;font-size:1.2rem;text-align:center}.styled-profile{background-color:#f9f9f9;border-radius:12px;padding:20px;margin-top:15px;box-shadow:0 4px 8px #0000000d;max-width:600px}.profile-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.profile-row:last-child{border-bottom:none}.label{font-weight:600;color:#333}.value{color:#555;text-align:right}.constants-content{overflow-x:auto;padding-top:1rem}.constants-content table{width:100%;border-collapse:collapse;background-color:#fff;color:#111}.constants-content th,.constants-content td{padding:10px 12px;border:1px solid #ccc;text-align:center;vertical-align:middle;white-space:nowrap}.constants-content input{width:100%;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}.table-scroll-wrapper{overflow-x:auto;width:100%}.table th.sticky-col,.table td.sticky-col{position:sticky;left:0;background:var(--app-color);color:#ddd;z-index:2;border-right:1px solid #ddd}.table td.sticky-col{z-index:1;background-color:#fff;color:var(--app-color)}.password-change-wrapper{background-color:#d5d7dc;display:flex;justify-content:center;align-items:center;padding:2rem}.password-change-form{display:flex;flex-direction:column;gap:.8rem;padding:1.5rem;border:1px solid #ccc;border-radius:10px;background:#f9f9f9;max-width:400px;width:100%;box-shadow:0 0 10px #0000001a}.password-change-form input{max-width:380px;border:1px solid #ccc;border-radius:6px}.password-change-form .error{color:#d32f2f}.password-change-form .success{color:#2e7d32}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{width:min(480px,92vw);background:#fff;border-radius:12px;box-shadow:0 12px 30px #00000040;padding:18px}.modal-field{margin-top:10px}.modal-label{display:block;font-size:.9rem;color:#334155;margin-bottom:6px}.modal-input{width:100%;height:42px;padding:0 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-input:focus{border-color:#020a17;box-shadow:0 0 0 3px #020a1726}.app-btn:disabled{opacity:.7;cursor:not-allowed}:root{--app-color: #05173b}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:24px;border-radius:12px;width:100%;max-width:450px;text-align:left;box-shadow:0 0 10px #0003;max-height:90vh;overflow-y:auto}h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:10px}.form-group input[type=text]{width:98%;border:1px solid #ccc;border-radius:6px}input[type=text]:focus{outline:2px solid var(--app-color)}.permission-list{padding:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:300px;overflow-y:auto;margin-bottom:20px}.checkbox-group{display:flex;align-items:center}.checkbox-wrapper{position:relative;padding-left:25px;margin-top:30px;cursor:pointer;font-size:10px;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;left:0;height:15px;width:15px;background-color:#fff;border:2px solid #aaa;border-radius:50%;transition:all .2s ease}.checkbox-wrapper input:checked~.checkmark{background-color:var(--app-color);border-color:var(--app-color)}.permission-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-top:1.5rem}.permission-group{padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.group-title{font-weight:600;font-size:1.1rem;color:#1f2937;margin-bottom:.75rem;border-bottom:1px solid #d1d5db;padding-bottom:.25rem}.checkbox-wrapper{display:flex;align-items:center;font-size:.95rem;gap:.5rem;color:#111827;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:#1d4ed8}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:500px;max-width:95%}.modal-content h3{margin-top:0;text-align:center}.modal-content label{display:block;margin-top:1rem}.modal-content input,.modal-content textarea{width:100%;padding:.5rem;margin-top:.25rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-window{background:#fff;padding:16px;border-radius:12px;width:min(420px,92vw);display:flex;flex-direction:column;gap:12px}.modal-window input{margin-right:10px;padding:10px;border:1px solid #ddd;border-radius:8px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-window input[type=email]{width:100%;padding:10px 14px;font-size:15px;border:1px solid #ccc;border-radius:8px;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.modal-window input[type=email]:focus{border-color:#020a17;box-shadow:0 0 0 2px #020a1726}.modal-actions{margin-top:14px}:root{--primary-bg: #f4f6f8;--card-bg: #ffffff;--accent: #05173b;--accent-light: #0f2557;--highlight: #ffc400;--info-bg: #eef6ff;--border: #dce3ea;--success: #28a745;--danger: #dc3545}.employee-detail-container{max-width:100%;margin:40px auto;padding:24px;font-family:Segoe UI,sans-serif;color:#333;background-color:var(--primary-bg);border-radius:12px}.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-30px}.employee-header h1{color:var(--accent);margin-left:1rem;font-size:2rem}.employee-card{background:linear-gradient(to bottom right,#fff,#f0f4f8);padding:24px;border-radius:12px;margin-bottom:0;margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;box-shadow:0 4px 12px #0000000d}.employee-card div{background:#fefefe;padding:12px 14px;border-radius:8px;border:1px solid var(--border);font-size:.95rem}.employee-card strong{display:block;font-weight:600;color:var(--accent);font-size:.75rem;margin-bottom:4px;text-transform:uppercase}.form-grid{margin-top:-100px;display:flex;margin:1rem;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.form-group{background:#fefefe;padding:12px 14px;border-radius:8px;border:1px solid var(--border);font-size:.95rem;flex:1;min-width:100px}.role-checkboxes{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.role-checkboxes label{display:flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap}p{align-items:center;margin-left:20px}.error-message{margin-left:20px;margin-top:10px}.roles-button{display:flex;justify-content:flex-end;margin-top:1rem;margin-right:1rem;margin-bottom:-1rem}.input-group{display:flex;flex-direction:column;margin-bottom:.8rem}.input-group label{font-size:.85rem;color:var(--accent);margin-bottom:.3rem}.input-group input{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;width:100%;max-width:300px}.expiry-input{max-width:220px}.info-box{display:flex;flex-direction:column}.status-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.switch{position:relative;display:inline-block;width:45px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(22px)}.employee-card .roles-wrapper{background:#fefefe;padding:12px 14px;border:1px solid var(--border);border-radius:8px;width:370px}.employee-card .roles-wrapper>strong{display:block;margin-bottom:-1.5rem}.employee-card .roles-wrapper .roles{display:flex;flex-wrap:nowrap;gap:.5rem;width:340px;overflow-x:auto}.rate-display-cell{display:flex;align-items:center;gap:.5rem}.rate-edit-cell{display:flex;flex-direction:column;gap:.35rem;min-width:180px}.rate-input,.rate-reason-input{width:100%;padding:.2rem .4rem;font-size:.85rem}.small-btn{white-space:nowrap;font-size:1rem;font-weight:600;background:#fff;color:#001f54;border:2px solid var(--app-color);border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}.small-btn:hover{background:var(--button-hover-bg);color:var(--button-hover-text);border-color:var(--button-hover-border);transform:scale(1.05)}.cancel-button{background:#3f040c;color:#ddd}.link-btn{background:none;border:none;padding:0;font-size:.8rem;text-decoration:underline;cursor:pointer}.two-pane{display:grid;grid-template-columns:450px 1fr;gap:16px;align-items:start}@media (max-width: 900px){.two-pane{grid-template-columns:1fr}}.calendar-pane{display:grid;place-items:center;background:#fff;border-radius:12px;padding:12px;min-height:360px;box-shadow:0 2px 10px #0000000f}.calendar-pane .react-calendar{width:100%;max-width:320px}.shift-dot{display:block;width:6px;height:6px;margin:2px auto 0;border-radius:50%}.dot-completed{background:var(--success)}.dot-assigned{background:var(--app-color)}.dot-checkin{background:#ffc107}.dot-unassigned{background:var(--danger)}.dot-generic{background:#0ea5e9}.details-pane{background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 10px #0000000f;min-height:320px}.details-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.details-header h4{margin:0}.count-pill{background:var(--app-color);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px}.empty{padding:24px;color:#64748b}.cards{display:grid;gap:12px}.shift-card{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fafafa}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.id-badge{font-weight:600;color:#334155}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px 24px;align-items:start}@media (max-width: 1100px){.card-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (max-width: 720px){.card-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}.stat label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.stat.wide{grid-column:span 2}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#fff;padding:22px;border-radius:10px;width:860px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000040}.modal-content.wide{width:860px}.error{color:#c0392b;margin-bottom:8px}.grid{display:grid;gap:12px;margin-bottom:8px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.field{display:flex;flex-direction:column}.field-label{font-size:.9rem;color:#374151;margin:6px 0 4px;display:inline-block}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.error-message{color:red;font-size:12px;margin-top:4px}.inline-checks{display:flex;gap:16px;align-items:center;margin-top:6px}.inline-checks .checkbox{display:inline-flex;align-items:center;gap:6px}.role-checkboxes{display:flex;flex-wrap:wrap;gap:12px 20px;padding:6px 2px 0}@media (max-width: 980px){.modal-content,.modal-content.wide{width:92vw}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}:root{--brand-bg: #020a17;--brand-ink: #0b1739;--brand-accent: #ffc400;--card-bg: #ffffff;--card-border: #e5e7eb;--muted: #6b7280;--ok: #0ea5a4;--no: #ef4444;--shadow: 0 10px 20px rgba(0,0,0,.06)}.hrck-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow);padding:16px}.hrck-head{display:grid;gap:8px;margin-bottom:12px}.hrck-title{font-weight:700;font-size:18px;color:var(--brand-ink)}.hrck-progress{height:8px;background:#f3f4f6;border-radius:999px;overflow:hidden}.hrck-progress-bar{height:100%;background:var(--brand-accent);transition:width .25s ease}.hrck-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.hrck-chip{background:#fef3c7;color:#92400e;border:1px solid #f59e0b33;padding:2px 8px;border-radius:999px;font-weight:600}.hrck-updated{margin-left:auto}.hrck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 900px){.hrck-grid{grid-template-columns:1fr}}.hrck-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;border:1px solid var(--card-border);border-radius:14px;padding:12px;background:#fff;text-align:left;transition:transform .08s ease,box-shadow .16s ease,border-color .16s ease;position:relative}.hrck-item:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.hrck-item:disabled{opacity:.6;cursor:not-allowed}.hrck-item.on{border-color:#10b98133;background:#f0fdf4}.hrck-item.off{border-color:#fecaca;background:#fff}.hrck-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f3f4f6;color:var(--brand-ink);font-size:18px}.hrck-item.on .hrck-icon{background:#ccfbf1;color:#065f46}.hrck-text{display:grid;gap:2px}.hrck-label{font-weight:700;color:var(--brand-ink);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.hrck-hint{font-size:12px;color:var(--muted)}.hrck-state{display:flex;align-items:center;gap:8px}.hrck-state .ok{color:var(--ok);font-size:18px}.hrck-state .no{color:var(--no);font-size:18px}.hrck-badge{padding:4px 8px;border-radius:999px;font-weight:700;font-size:12px;border:1px solid}.hrck-badge.yes{background:#ecfeff;color:#065f46;border-color:#10b98166}.hrck-badge.no{background:#fee2e2;color:#7f1d1d;border-color:#ef444444}.hrck-saving{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#fff9;animation:hrckPulse 1s infinite}@keyframes hrckPulse{0%,to{background:#fff9}50%{background:#fffc}}.hrck-footnote{margin-top:8px;color:var(--muted);font-size:12px}.client-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem;width:100%}.client-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;width:100%}.client-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow)}.client-grid{display:flex;width:100%;flex-direction:column;gap:.5rem}@media (max-width: 900px){.client-info-grid{grid-template-columns:1fr}}.site-revenue-list{margin-top:.5rem;padding-left:1.2rem;font-size:.95rem;color:#333}.site-revenue-list li{margin-bottom:.2rem}.chart-container{margin-top:1.5rem;background-color:#fff;padding:1.2rem;border-radius:12px;box-shadow:0 2px 8px #00000014;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.payment-header h3{margin:0 auto;font-size:1.5rem;color:#05173b}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background-color:#fff;padding:2rem;border-radius:8px;width:100%;max-width:500px;box-shadow:0 2px 10px #0003}.modal h3{margin-top:0;margin-bottom:1rem;font-size:1.5rem;color:var(--app-color, #05173b)}.modal input{width:100%;padding:.6rem .75rem;margin-bottom:1rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:25px;border-radius:10px;width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000040}.edit-form{display:flex;flex-direction:column;gap:12px;padding-right:8px}.field-label{font-size:.9rem;color:#374151;margin-top:4px}.modal-content input,.modal-content select,.modal-content textarea{padding:10px;font-size:1rem;border:1px solid #aaa;border-radius:6px;outline:none;width:100%;box-sizing:border-box;background:#fff}.modal-content textarea{min-height:72px;resize:vertical}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#44ab57}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:.85rem;color:#6b7280;margin-top:-4px}.error{color:red;font-size:.9rem;margin-top:-4px;margin-bottom:-2px}@media (max-width: 480px){.modal-content{width:92vw;padding:18px}.row-2{grid-template-columns:1fr}}.site-detail-container{padding:2rem;background-color:#f3f1f1;min-height:100vh;font-family:Arial,sans-serif;max-width:1200px;margin:0 auto}.site-detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem}h2{color:#05173b;margin:0 0 1rem;font-size:1.6rem;font-weight:700}.app-btn{display:inline-flex;align-items:center;gap:.5rem;border:0;border-radius:10px;padding:.6rem .95rem;background:var(--app-color, #05173b);color:var(--text-on-app, #fff);font-weight:600;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,opacity .15s ease;box-shadow:0 3px 10px #05173b2e}.app-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #05173b40}.app-btn:active{transform:translateY(0);opacity:.9}.site-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 6px #0000001a;margin-bottom:2rem}.info-card{background:#f7f9fc;border-radius:10px;padding:.9rem 1rem;display:flex;flex-direction:column;justify-content:center;border:1px solid #e6e9ef;min-height:78px}.info-card span.label{font-weight:700;font-size:.82rem;color:#6a778a;margin-bottom:.35rem;letter-spacing:.2px}.info-card span:last-child{font-size:1rem;color:#1e293b;line-height:1.35rem}.info-card.span-2{grid-column:span 2}.role-line{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-card.highlight{background-color:#e6f2ff;border:1px solid #007bff}.shift-title{color:#05173b;margin:1.25rem 0 .75rem;font-size:1.25rem}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 1px 6px #0000001a;background:#fff}.shifts-table{width:100%;border-collapse:collapse;min-width:720px}.shifts-table th,.shifts-table td{padding:.75rem 1rem;border-bottom:1px solid #eaecef;font-size:.95rem;text-align:center;color:#22304a}.shifts-table th{background-color:#05173b;color:#fff;position:sticky;top:0;z-index:1}.shifts-table tbody tr:hover{background:#f8fbff}.badge{display:inline-block;padding:.35rem .65rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.2px;white-space:nowrap}.badge-success{background:#eafaf1;color:#1e7e34;border:1px solid #bfe8cd}.badge-checkedIn{background:#eaf2fe;color:#1d60c2;border:1px solid #bed4fb}.badge-danger{background:#fdeeee;color:#b23a3a;border:1px solid #f7c5c5}.documents-btn-wrapper{display:flex;justify-content:flex-end;margin-top:1rem}.shifts-header-row{display:flex;justify-content:space-between;align-items:center;margin:1.25rem 0 .75rem}.view-toggle{display:inline-flex;background:#e9eef7;border-radius:999px;padding:4px;gap:4px}.toggle-btn{border:0;background:transparent;padding:.4rem .8rem;border-radius:999px;font-weight:700;color:#233355;cursor:pointer}.toggle-btn.active{background:#05173b;color:#fff}.calendar-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:1rem;align-items:start}.calendar-side-list{background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000001a;padding:1rem}.side-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.side-list-title{font-weight:800;color:#05173b}.side-empty{color:#6b7280;padding:.5rem 0}.mini-table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td{padding:.55rem .75rem;border-bottom:1px solid #eaecef;text-align:center;font-size:.92rem}.tile-dot{width:6px;height:6px;background:#05173b;border-radius:50%;margin:4px auto 0}.react-calendar{width:100%;background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000001a;border:0;padding:.5rem .75rem 1rem}.react-calendar__tile--now{background:#eaf2ff!important;border-radius:8px}.react-calendar__tile--active{background:#05173b!important;color:#fff!important;border-radius:8px}@media (max-width: 960px){.calendar-wrap{grid-template-columns:1fr}}.nowrap{white-space:nowrap}@media (max-width: 900px){.site-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card.span-2{grid-column:span 1}}@media (max-width: 600px){.site-detail-container{padding:1.25rem}h2{font-size:1.35rem}.info-card{min-height:auto}.shifts-table{min-width:640px}}.site-detail-container .filters-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:12px 0 16px}.site-detail-container .filters-grid{display:grid;gap:10px;align-items:end;flex:1}.site-detail-container .sd-filters-3col{grid-template-columns:repeat(3,minmax(220px,1fr))}.site-detail-container .filter-item{display:grid;gap:6px}.site-detail-container .filter-item>label{font-size:.9rem;color:#334155}.site-detail-container .filter-item input[type=date],.site-detail-container .filter-item select{padding:.6rem .75rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.95rem;outline:none}.site-detail-container .filter-item input[type=date]:focus,.site-detail-container .filter-item select:focus{border-color:var(--app-color, #05173b);box-shadow:0 0 0 4px #05173b1f}.site-detail-container .filter-actions{display:flex;gap:8px}.site-detail-container .apply-btn,.site-detail-container .reset-btn{padding:.6rem .95rem;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.site-detail-container .apply-btn{background:var(--app-color, #0f172a);color:#fff;border-color:var(--app-color, #0f172a)}@media (max-width: 960px){.site-detail-container .sd-filters-3col{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.site-detail-container .filters-bar{flex-direction:column;align-items:stretch}.site-detail-container .sd-filters-3col{grid-template-columns:1fr}.site-detail-container .filter-actions{justify-content:flex-end}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:25px;background-color:#0009;z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:28px 32px;border-radius:16px;width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 35px #0003;font-family:Segoe UI,sans-serif}.section-heading{margin:14px 0 6px;font-weight:800;color:#0d1b3f;font-size:.95rem;letter-spacing:.2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:10px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px 16px;margin-bottom:10px}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:6px;font-weight:700;color:var(--app-color, #05173b);font-size:.95rem}.input-group input,.input-group select{padding:10px 12px;font-size:1rem;border:1px solid #cfd6e4;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.input-group input:focus,.input-group select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1f}.error{background:#fdecec;border:1px solid #f3b3b3;color:#8f1d1d;padding:8px 10px;border-radius:8px;margin-bottom:10px;font-size:.92rem}.error+.grid-2,.error+.grid-3{margin-top:8px}@media (max-width: 860px){.modal-content{width:92vw}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.grid-2,.grid-3{grid-template-columns:1fr}}.account-details-container{padding:2rem;margin:auto}.summary-cards{display:flex;justify-content:space-evenly;margin-bottom:2rem;gap:1rem}.summary-card{flex:1;max-width:200px;padding:1.2rem;border-radius:10px;box-shadow:0 2px 6px #0000001a;text-align:center}.summary-card h4{margin-bottom:.5rem;font-size:1.2rem}.summary-card p{font-size:1.5rem;font-weight:700}.summary-card.earned{background-color:#e3f7e6;color:#0f7d0f}.summary-card.paid{background-color:#e6f0ff;color:#05c}.summary-card.remaining{background-color:#fff4e6;color:#c60}:root{--app-color: #05173b;--app-text-color: #ffffff;--accent-color: #ddd;--card-bg: #fff;--border-color: #e0e0e0;--shadow: 0 2px 8px rgba(0, 0, 0, .04);--bg-color: #f4f6f8;--font-main: "Segoe UI", sans-serif}.client-detail-container{padding:2rem;background:var(--bg-color);font-family:var(--font-main);color:#333}h2{text-align:center;color:var(--app-color);margin-bottom:2rem}.client-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.client-section h4{color:#04567f;margin-bottom:.5rem;font-size:1.1rem}.client-grid{display:flex;flex-direction:column;gap:.5rem}.client-item{padding:.7rem 1rem;background:#fafafa;border-radius:8px;border:1px solid var(--border-color);font-size:.95rem}.client-item strong{display:block;font-weight:600;color:#0678b0;font-size:.8rem;text-transform:uppercase;margin-bottom:.25rem}.highlight-general{color:#0d47a1;font-weight:700}.highlight-success{color:#2e7d32;font-weight:700}.section-divider{border:none;height:1px;background-color:var(--border-color);margin:2rem 0}.payment-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:1rem}.payment-header h3{margin:0 auto;font-size:1.5rem;color:var(--app-color)}.chart-container{margin-top:1.5rem;background-color:#fff;padding:1.2rem;border-radius:12px;box-shadow:var(--shadow);width:100%;max-width:800px;margin-left:auto;margin-right:auto}.chart-container canvas{width:100%!important;height:auto!important}.no-payments{text-align:center;color:#888;font-size:1rem;margin-top:2rem}@media (max-width: 900px){.client-card{grid-template-columns:1fr}}.cc-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}.sd-emp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-top:8px}.header{margin-top:-50px}.sd-emp-card{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sd-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-column:1 / -1}.sd-photo img{width:100%;height:auto;object-fit:cover;border-radius:10px;border:1px solid var(--border, #e5e7eb)}.sd-photo-placeholder{height:auto;border:1px dashed var(--border, #e5e7eb);border-radius:10px;display:grid;place-items:center;color:#6b7280;font-size:14px;background:#f8fafc}.sd-photo-caption{font-size:12px;color:#374151;margin-top:6px}.cc-table-wrap{overflow-x:auto}.cc-table{width:100%;border-collapse:collapse;font-size:14px}.cc-table th,.cc-table td{padding:8px 10px;border-bottom:1px solid var(--border, #e5e7eb);text-align:left;vertical-align:top}.cc-table th{background:#f8fafc;font-weight:600}.cc-comment{max-width:420px;white-space:break-spaces}.badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:12px;font-weight:600}.badge-success{background:#e9f8ee;color:#137a27}.badge-danger{background:#fde8e8;color:#b91c1c}.badge-warn{background:#fff5e6;color:#9a5a00}.badge-neutral{background:#eef2f7;color:#374151}.app-btn.disabled,.app-btn:disabled{opacity:.6;cursor:not-allowed}.hint{margin-top:10px;font-size:12px;color:#6b7280}.cc-table select,.cc-table input[type=text]{padding:6px;font-size:13px;border:1px solid var(--border, #e5e7eb);border-radius:6px}.incident-detail-container{padding:1.25rem;background:#f5f6f8;min-height:100vh}.header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:.75rem}.header-row h2{color:#05173b;margin:0}.header-actions{display:flex;align-items:center;gap:10px}.banner.warn{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;padding:10px 12px;border-radius:10px;margin-bottom:12px}.quick-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.qa-group>label{display:block;font-weight:700;color:#0b2447;margin-bottom:6px}.qa-inline{display:grid;grid-template-columns:200px 1fr auto;gap:10px}.qa-inline input,.qa-inline select{padding:10px;border:1px solid #cfd6e4;border-radius:8px;outline:none;font-size:.95rem;background:#fff}.qa-inline input:focus,.qa-inline select:focus{border-color:#007bff}.qa-note{min-width:220px}@media (max-width: 980px){.qa-inline{grid-template-columns:1fr}}.cards-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:12px 14px;box-shadow:0 2px 6px #0000000f}.card h3{margin:2px 0 8px;color:#0b2447}.card .row{display:grid;grid-template-columns:160px 1fr;align-items:start;gap:12px;padding:6px 0;border-bottom:1px dashed #eef1f6}.card .row:last-child{border-bottom:0}.card .label{font-weight:700;color:#6a778a;font-size:.85rem}.card .value{color:#0f172a;font-weight:500;word-break:break-word}.multiline{white-space:pre-wrap;line-height:1.4}.span-2{grid-column:span 2}table.mini{width:100%;border-collapse:collapse;font-size:.92rem}table.mini thead th{text-align:left;background:#0b2447;color:#fff;padding:10px;border-radius:8px 8px 0 0}table.mini tbody td{padding:10px;border-bottom:1px solid #eef1f6;color:#0f172a;font-weight:500}.badge{display:inline-block;padding:.28rem .55rem;border-radius:999px;font-weight:700;font-size:.8rem}.badge-open{background:#eef2ff;color:#1e3a8a}.badge-info{background:#eaf2fe;color:#1d60c2}.badge-success{background:#eafaf1;color:#1e7e34}.badge-closed{background:#fdeeee;color:#9b1c1c}.pill{padding:.25rem .5rem;border-radius:8px;font-weight:600;font-size:.8rem;border:1px solid #e5e7eb}.sev-low{background:#f3faf7}.sev-medium{background:#fffbeb}.sev-high{background:#fff1f2}.sev-critical{background:#ffe4e6;border-color:#fecaca}.app-btn{background:#0b2447;color:#fff;border:0;padding:9px 14px;border-radius:10px;font-weight:700;cursor:pointer}.app-btn:disabled{opacity:.6;cursor:default}.link{background:none;border:0;color:#0b5ed7;cursor:pointer;padding:0;font-weight:700}.link.danger{color:#b42318}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.thumb-card{position:relative;border:1px solid #e6e9ef;border-radius:12px;overflow:hidden;background:#fff;cursor:zoom-in;transition:transform .05s ease-in-out,box-shadow .15s ease}.thumb-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000014}.thumb-img{width:100%;aspect-ratio:4 / 3;background:#f0f2f6;display:flex;align-items:center;justify-content:center}.thumb-img img{width:100%;height:100%;object-fit:cover;display:block}.thumb-skeleton{color:#6a778a;font-size:.9rem}.thumb-caption{padding:8px 10px;border-top:1px dashed #eef1f6}.thumb-name{font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-sub{font-size:.82rem;color:#6a778a;margin-top:2px}.thumb-actions{position:absolute;right:8px;top:8px;display:flex;gap:10px;background:#ffffffd9;border:1px solid #e6e9ef;padding:4px 8px;border-radius:999px;opacity:0;transition:opacity .15s ease}.thumb-card:hover .thumb-actions{opacity:1}.thumb-actions .link{font-size:.85rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000000e0;display:flex;align-items:center;justify-content:center}.lightbox-body{text-align:center;max-width:92vw;max-height:92vh}.lightbox-body img{max-width:90vw;max-height:85vh;border-radius:10px;box-shadow:0 0 0 1px #ffffff14}.lightbox-caption{color:#e5e7eb;margin-top:8px;font-size:.9rem}.lightbox-close,.lightbox-nav{position:absolute;background:#ffffffe6;border:none;border-radius:10px;padding:8px 12px;font-size:18px;font-weight:800;cursor:pointer;color:#0b2447;box-shadow:0 4px 10px #00000026}.lightbox-close{top:18px;right:18px}.lightbox-nav.left{left:18px;top:50%;transform:translateY(-50%)}.lightbox-nav.right{right:18px;top:50%;transform:translateY(-50%)}.error-text{color:#b23a3a}.quick-actions .qa-group:nth-child(2) .qa-inline{grid-template-columns:160px 1fr 1fr 1fr auto;gap:8px}.quick-actions .qa-inline .app-btn{height:40px}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.card-header-actions{display:flex;align-items:center;gap:8px}.incident-edit-input,.incident-edit-textarea{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid #cfd6e4;font-size:.95rem;font-family:inherit;background:#fff}.incident-edit-input:focus,.incident-edit-textarea:focus{outline:none;border-color:#0b2447}.incident-edit-textarea{resize:vertical;min-height:80px}