*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f4f5;color:#09090b}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}table{border-collapse:collapse;width:100%}
.min-h-screen{min-height:100vh}.antialiased{-webkit-font-smoothing:antialiased}.bg-white{background:#fff}.bg-zinc-50{background:#fafafa}.bg-zinc-100{background:#f4f4f5}.bg-zinc-950{background:#09090b}.bg-zinc-800{background:#27272a}.bg-emerald-50{background:#ecfdf5}.bg-red-50{background:#fef2f2}.text-white{color:#fff}.text-zinc-950{color:#09090b}.text-zinc-800{color:#27272a}.text-zinc-700{color:#3f3f46}.text-zinc-600{color:#52525b}.text-zinc-500{color:#71717a}.text-zinc-400{color:#a1a1aa}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-emerald-800{color:#065f46}.text-cyan-300{color:#67e8f9}
.border{border:1px solid #e4e4e7}.border-b{border-bottom:1px solid #e4e4e7}.border-t{border-top:1px solid #e4e4e7}.border-r{border-right:1px solid #e4e4e7}.border-zinc-200{border-color:#e4e4e7}.border-zinc-300{border-color:#d4d4d8}.border-red-200{border-color:#fecaca}.border-emerald-200{border-color:#a7f3d0}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}
.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}
.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pb-4{padding-bottom:1rem}
.h-16{height:4rem}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.min-w-0{min-width:0}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-visible{overflow:visible}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.leading-7{line-height:1.75rem}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
.divide-y>*:not(:first-child){border-top:1px solid #e4e4e7}.divide-zinc-100>*:not(:first-child){border-color:#f4f4f5}.divide-zinc-200>*:not(:first-child){border-color:#e4e4e7}.outline-none{outline:0}.focus\:border-zinc-950:focus{border-color:#09090b}.hover\:bg-zinc-50:hover{background:#fafafa}.hover\:bg-zinc-100:hover{background:#f4f4f5}.hover\:bg-zinc-800:hover{background:#27272a}.hover\:bg-red-50:hover{background:#fef2f2}.hover\:text-zinc-950:hover{color:#09090b}
input,select{background:#fff;border:1px solid #d4d4d8;border-radius:.375rem;padding:.5rem .75rem}label{color:#18181b}thead{background:#fafafa}th,td{vertical-align:middle}form{margin:0}
@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}}
@media (min-width:1024px){.lg\:flex{display:flex}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:fixed{position:fixed}.lg\:inset-y-0{top:0;bottom:0}.lg\:w-64{width:16rem}.lg\:ml-64{margin-left:16rem}.lg\:border-b-0{border-bottom:0}.lg\:border-r{border-right:1px solid #e4e4e7}.lg\:space-y-1>*+*{margin-top:.25rem}.lg\:overflow-visible{overflow:visible}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}}

/* Grouped application navigation */
.app-sidebar{border-bottom:1px solid #e4e4e7}.app-sidebar-header{display:flex;height:4rem;align-items:center;justify-content:space-between;padding:0 1.25rem}.app-sidebar-toggle{display:inline-flex;width:2.25rem;height:2.25rem;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:1px solid #d4d4d8;border-radius:.375rem;background:#fff}.app-sidebar-toggle span{display:block;width:1rem;height:2px;background:#3f3f46}.app-sidebar-panel{display:none;border-top:1px solid #e4e4e7}.app-sidebar-panel.is-open{display:flex;flex-direction:column}.app-sidebar-nav{display:flex;max-height:calc(100vh - 8rem);flex-direction:column;gap:.25rem;overflow-y:auto;padding:.75rem}.app-nav-link{display:block;border-radius:.375rem;padding:.5rem .75rem;color:#3f3f46;font-size:.875rem;line-height:1.25rem;font-weight:500}.app-nav-link:hover{background:#f4f4f5;color:#09090b}.app-nav-link.is-active{background:#09090b;color:#fff}.app-nav-group{border-top:1px solid #f4f4f5;padding-top:.25rem}.app-nav-group-summary{cursor:pointer;border-radius:.375rem;padding:.5rem .75rem;color:#71717a;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.app-nav-group-summary:hover{background:#fafafa;color:#27272a}.app-nav-group-summary::marker{color:#a1a1aa}.app-nav-group[open]>.app-nav-group-summary{color:#27272a}.app-nav-group-items{display:grid;gap:.125rem;margin-top:.125rem;padding-left:.5rem}.app-nav-group-items .app-nav-link{font-size:.8125rem}.app-sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #e4e4e7;padding:1rem}.app-logout-button{border:0;background:transparent;padding:.375rem 0;color:#52525b;font-size:.875rem;font-weight:500}.app-logout-button:hover{color:#09090b}
@media (min-width:1024px){.app-sidebar{position:fixed;z-index:20;top:0;bottom:0;left:0;display:flex;width:16rem;flex-direction:column;border-right:1px solid #e4e4e7;border-bottom:0}.app-sidebar-toggle{display:none}.app-sidebar-panel{display:flex!important;min-height:0;flex:1;flex-direction:column;border-top:0}.app-sidebar-nav{max-height:none;min-height:0;flex:1;padding:0 1rem 1rem}.app-sidebar-footer{display:block}.app-sidebar-footer form{margin-top:.75rem}.app-main{margin-left:16rem}}
/* Reusable employee autocomplete */
.employee-search{position:relative;min-width:0}.employee-search-control{position:relative}.employee-search-control>input[type=search]{padding-right:2.5rem}.employee-search-clear{position:absolute;right:.375rem;top:50%;display:grid;width:1.75rem;height:1.75rem;transform:translateY(-50%);place-items:center;border:0;border-radius:.25rem;background:transparent;color:#71717a;font-size:1.25rem;line-height:1}.employee-search-clear:hover{background:#f4f4f5;color:#09090b}.employee-search-clear.hidden{display:none}.employee-search-results{position:absolute;z-index:50;top:100%;left:0;right:0;max-height:19rem;overflow-y:auto;border:1px solid #d4d4d8;border-radius:.375rem;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14)}.employee-search-result{display:block;width:100%;border:0;border-bottom:1px solid #f4f4f5;border-radius:0;background:#fff;padding:.625rem .75rem;text-align:left}.employee-search-result:last-child{border-bottom:0}.employee-search-result:hover,.employee-search-result.is-active{background:#f4f4f5}.employee-search-result-label{display:block;color:#18181b;font-size:.875rem;font-weight:500;line-height:1.25rem}.employee-search-result-meta{display:block;margin-top:.125rem;color:#71717a;font-size:.75rem;line-height:1rem}.employee-search-result-empty{padding:.75rem;color:#71717a;font-size:.875rem}.employee-search-selected{margin-top:.75rem;border:1px solid #e4e4e7;border-radius:.375rem}.employee-search-selected:empty{display:none}.employee-search-selected-row{display:flex;min-height:2.5rem;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid #f4f4f5;padding:.5rem .75rem;font-size:.875rem}.employee-search-selected-row:last-child{border-bottom:0}.employee-search-selected-row span{min-width:0;overflow-wrap:anywhere}.employee-search-selected-row button{display:grid;flex:0 0 auto;width:1.75rem;height:1.75rem;place-items:center;border:0;border-radius:.25rem;background:transparent;color:#b91c1c;font-size:1.125rem;line-height:1}.employee-search-selected-row button:hover{background:#fef2f2}.employee-search-empty{margin-top:.75rem;color:#71717a;font-size:.875rem}
/* Cloud face registration */
.h-32{height:8rem}.face-camera-shell{position:relative;overflow:hidden;border-radius:.375rem;background:#18181b;aspect-ratio:16/9}.face-camera-preview{display:block;width:100%;height:100%;object-fit:cover}.face-capture-card{transition:border-color .15s,box-shadow .15s}.face-capture-card.is-active{border-color:#09090b;box-shadow:0 0 0 2px rgba(9,9,11,.08)}.face-capture-preview{overflow:hidden}.face-capture-image{display:block;width:100%;height:100%;object-fit:cover}@media (min-width:640px){.sm:w-auto{width:auto}}@media (min-width:1024px){.lg:col-span-2{grid-column:span 2/span 2}}
/* Role management */
.role-filter{display:grid;gap:.75rem;align-items:end;border:1px solid #e4e4e7;border-radius:.375rem;background:#fff;padding:1rem}.role-filter label{min-width:0}.role-filter-search{min-width:0}.role-field-label{display:block;margin-bottom:.5rem;color:#3f3f46;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.role-table{min-width:46rem}.role-status,.role-system-label,.role-in-use-label{display:inline-flex;align-items:center;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600}.role-status-active{background:#ecfdf5;color:#065f46}.role-status-inactive{background:#f4f4f5;color:#52525b}.role-system-label{background:#f4f4f5;color:#3f3f46}.role-in-use-label{color:#71717a}.role-form-shell{overflow:hidden;border:1px solid #e4e4e7;border-radius:.375rem;background:#fff}.role-form-section{padding:1.25rem}.role-basic-grid{display:grid;gap:1rem}.role-field{display:block;min-width:0}.role-field input,.role-field select,.role-field textarea{display:block;width:100%;margin:0;background:#fff;border:1px solid #d4d4d8;border-radius:.375rem;padding:.5rem .75rem;color:#18181b;font:inherit;outline:0}.role-field textarea{resize:vertical}.role-field input:focus,.role-field select:focus,.role-field textarea:focus{border-color:#09090b}.role-permissions-section{border-top:1px solid #e4e4e7}.role-permission-toolbar,.role-permission-group-header,.role-form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.role-permission-toolbar{padding:1.25rem}.role-permission-group{border-top:1px solid #e4e4e7;padding:1.25rem}.role-permission-grid{display:grid;gap:.5rem;margin-top:1rem}.role-permission-option{display:flex;min-height:2.75rem;align-items:center;gap:.75rem;border:1px solid #e4e4e7;border-radius:.375rem;padding:.625rem .75rem;color:#27272a;font-size:.875rem;line-height:1.25rem}.role-permission-option:hover{background:#fafafa}.role-permission-option input{width:1rem;height:1rem;flex:0 0 auto;margin:0;padding:0}.role-permission-empty{border-top:1px solid #e4e4e7;padding:2.5rem 1.25rem;text-align:center;color:#71717a;font-size:.875rem}.role-form-actions{border-top:1px solid #e4e4e7;padding:1.25rem;justify-content:flex-end}
@media (min-width:640px){.role-filter{grid-template-columns:minmax(14rem,1fr) 10rem 8rem auto}.role-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-field-wide{grid-column:span 2/span 2}.role-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.role-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Self-service profile */
.app-sidebar-footer-actions{display:flex;align-items:center;gap:.75rem}.app-sidebar-footer-actions form{margin:0}.app-profile-link{color:#52525b;font-size:.875rem;font-weight:500}.app-profile-link:hover,.app-profile-link.is-active{color:#09090b}.profile-page-grid{display:grid;max-width:58rem;gap:1rem}.profile-section{overflow:hidden;border:1px solid #e4e4e7;border-radius:.375rem;background:#fff}.profile-section-header{border-bottom:1px solid #e4e4e7;padding:1.25rem}.profile-section-body{display:grid;gap:1rem;padding:1.25rem}.profile-field{display:block;min-width:0;color:#27272a;font-size:.875rem;font-weight:500}.profile-field>span:first-child{display:block;margin-bottom:.5rem}.profile-field input{display:block;width:100%;margin:0}.profile-field-error{display:block;margin-top:.375rem;color:#b91c1c;font-size:.75rem;line-height:1rem;font-weight:500}.profile-section-actions{display:flex;justify-content:flex-end;border-top:1px solid #f4f4f5;padding-top:1rem}
@media (min-width:1024px){.profile-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-sidebar-footer-actions{margin-top:.75rem}.app-sidebar-footer-actions form{margin-top:0}}