@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img,svg{max-width:100%;display:block}input,textarea,select{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}ul,ol{list-style:none}#root{flex-direction:column;min-height:100vh;display:flex}.form-field{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;display:flex}.form-field label{color:#374151;font-size:.875rem;font-weight:500}.form-field input,.form-field textarea{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca3af}.form-field input:focus,.form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-field input:disabled,.form-field textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.form-field__hint{color:#9ca3af;font-size:.75rem}.form-field--error input{border-color:#ef4444}.form-field__error{color:#ef4444;font-size:.75rem}.input-wrapper{flex-direction:row;justify-content:flex-start;align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:2.5rem}.input-wrapper--icon-left input{padding-left:2.75rem}.input-wrapper__toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:.75rem}.input-wrapper__toggle:hover{color:#4b5563}.input-wrapper__icon-left{color:#9ca3af;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:.75rem}.form-select{color:#1f2937;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1.5px solid #e5e7eb;border-radius:.5rem;outline:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-select:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.textarea--resize-v{resize:vertical}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{color:#fff;background:#2563eb}.btn--primary:hover:not(:disabled){background:#1d4ed8}.btn--secondary{color:#374151;background:#f3f4f6}.btn--secondary:hover:not(:disabled){background:#e5e7eb}.btn--danger{color:#fff;background:#ef4444}.btn--danger:hover:not(:disabled){background:#ec1e1e}.btn--outline{color:#2563eb;background:0 0;border:1.5px solid #2563eb}.btn--outline:hover:not(:disabled){background:#eff6ff}.btn--full{justify-content:center;width:100%}.btn--lg{padding:1rem 2rem;font-size:1rem}.btn--sm{padding:.5rem 1rem;font-size:.75rem}.alert{border-radius:.5rem;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.875rem;line-height:1.5;display:flex}.alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.alert--info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.alert--warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.alert--mb{margin-bottom:1.25rem}.form-grid{gap:1rem;display:grid}.form-grid--2col{grid-template-columns:1fr 1fr}@media (width<=640px){.form-grid--2col{grid-template-columns:1fr}}.form-grid .col-span-2{grid-column:1/-1}.form-section{margin-bottom:1.5rem}.form-section--top{margin-top:1rem}.form-section-title{color:#374151;margin-bottom:1rem;font-size:.875rem;font-weight:600}.form-section-title--spaced{margin-top:1.5rem;margin-bottom:.75rem}.required-mark{color:#ef4444}.spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:.8s linear infinite spin;display:inline-block}.spinner--sm{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.password-strength{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;margin-top:.25rem;display:flex}.password-strength__bar{flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}.password-strength__bar span{background:#e5e7eb;border-radius:9999px;flex:1;height:4px;transition:background .25s}.password-strength__label{color:#6b7280;font-size:.75rem}.password-strength[data-strength="1"] span:first-child{background:#ef4444}.password-strength[data-strength="2"] span:nth-child(-n+2){background:#f59e0b}.password-strength[data-strength="3"] span:nth-child(-n+3){background:#3b82f6}.password-strength[data-strength="4"] span{background:#10b981}.code-input{flex-direction:row;justify-content:center;align-items:center;gap:.75rem;display:flex}.code-input input{text-align:center;letter-spacing:0;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:.5rem;outline:none;width:100%;height:56px;padding:.75rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.code-input input::placeholder{color:#9ca3af}.code-input input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.code-input input:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.code-input input{padding:0}.auth-layout{flex-direction:row;justify-content:stretch;align-items:stretch;min-height:100vh;display:flex}.auth-layout__brand{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);flex-direction:column;flex:0 0 42%;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}@media (width<=768px){.auth-layout__brand{display:none}}.auth-layout__brand:before{content:"";background:#ffffff0d;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.auth-layout__brand:after{content:"";background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.auth-layout__brand-logo{z-index:1;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex;position:relative}.auth-layout__brand-logo svg{color:#fff}.auth-layout__brand-logo span{color:#fff;letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.auth-layout__brand-title{color:#fff;z-index:1;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:1.3;position:relative}.auth-layout__brand-sub{color:#ffffffbf;z-index:1;font-size:1rem;line-height:1.7;position:relative}.auth-layout__content{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}@media (width<=640px){.auth-layout__content{padding:1.5rem 1rem}}.auth-layout__form-wrap{width:100%;max-width:420px}.auth-form__header{margin-bottom:2rem}.auth-form__header h1{color:#111827;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.auth-form__header p{color:#6b7280;font-size:.875rem;line-height:1.6}.auth-form__body{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.25rem;display:flex}.auth-form__forgot{text-align:right;margin-top:-.5rem}.auth-form__forgot a{color:#2563eb;font-size:.875rem;font-weight:500}.auth-form__forgot a:hover{text-decoration:underline}.auth-form__footer{text-align:center;color:#6b7280;margin-top:1.5rem;font-size:.875rem}.auth-form__footer-link{color:#2563eb;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.auth-form__footer-link:hover{text-decoration:underline}.auth-form__divider{color:#9ca3af;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;margin:.5rem 0;font-size:.75rem;display:flex}.auth-form__divider:before,.auth-form__divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.back-link{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:0;font-size:.875rem;display:flex}.back-link:hover{color:#1f2937}.unit-picker{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;display:flex}.unit-picker__option{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:.5rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .15s;display:flex}.unit-picker__option--selected{background:#eff6ff;border-color:#2563eb}.unit-picker__option input[type=radio]{accent-color:#2563eb}.unit-picker__option-content{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.unit-picker__option-content svg{color:#2563eb;flex-shrink:0}.unit-picker__option-content strong{color:#111827;font-size:.875rem}.auth-success{text-align:center;padding:2rem 0}.auth-success__icon{color:#10b981;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.auth-success__title{color:#111827;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.auth-success__text{color:#6b7280;margin-bottom:2rem}.admin-layout{background:#f9fafb;grid-template-rows:1fr;grid-template-columns:260px 1fr;min-height:100vh;transition:grid-template-columns .25s;display:grid}.admin-layout.collapsed{grid-template-columns:70px 1fr}@media (width<=1024px){.admin-layout,.admin-layout.collapsed{grid-template-columns:1fr}}.admin-main{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.admin-header{z-index:50;background:#fff;border-bottom:1px solid #f3f4f6;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}@media (width<=640px){.admin-header{padding:0 1rem}}.admin-header__left{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.admin-header__right{flex-direction:row;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.admin-header__mobile-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.admin-header__mobile-toggle:hover{background:#f3f4f6}@media (width>=1024px){.admin-header__mobile-toggle{display:none}}.admin-header__breadcrumb{color:#6b7280;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.admin-header__breadcrumb span{color:#1f2937;font-weight:500}.admin-header__breadcrumb .sep{color:#d1d5db}.admin-header__breadcrumb-root{color:#9ca3af!important;font-weight:400!important}.admin-header__icon-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative}.admin-header__icon-btn:hover{color:#374151;background:#f3f4f6}.admin-header__icon-btn .badge{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.admin-header__user-btn{cursor:pointer;color:#374151;background:0 0;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.admin-header__user-btn:hover{background:#f9fafb}.admin-header__user-btn .avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}@media (width<=640px){.admin-header__user-btn .name{display:none}}.page-content{flex:1;padding:2rem;overflow-y:auto}@media (width<=640px){.page-content{padding:1rem}}.page-header{margin-bottom:2rem}.page-header h1{color:#111827;letter-spacing:-.5px;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-header p{color:#6b7280;font-size:.875rem}.route-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.sidebar{z-index:100;background:#fff;border-right:1px solid #f3f4f6;flex-direction:column;width:260px;height:100vh;transition:width .25s;display:flex;position:sticky;top:0;overflow:hidden}.collapsed .sidebar{width:70px}@media (width<=1024px){.sidebar{width:260px;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.sidebar.mobile-open{transform:translate(0)}.collapsed .sidebar{width:260px}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:9999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar__header{border-bottom:1px solid #f3f4f6;flex-direction:row;justify-content:space-between;align-items:center;min-height:64px;padding:1.25rem 1rem;display:flex;overflow:hidden}.sidebar__logo{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:.75rem;display:flex;overflow:hidden}.sidebar__logo .logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.sidebar__logo .logo-text{color:#111827;white-space:nowrap;opacity:1;font-size:.875rem;font-weight:700;transition:opacity .25s;overflow:hidden}.collapsed .sidebar__logo .logo-text{opacity:0}.sidebar__toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:flex}.sidebar__toggle:hover{color:#374151;background:#f3f4f6}@media (width<=1024px){.sidebar__toggle{display:none}}.sidebar__nav{flex:1;padding:1rem .5rem;overflow-y:auto}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-track{background:0 0}.sidebar__nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:9999px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar__section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;opacity:1;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:opacity .25s;overflow:hidden}.collapsed .sidebar__section-title{opacity:0}.sidebar__section-title--admin{margin-top:1rem}.sidebar__item{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;margin-bottom:.25rem;padding:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.sidebar__item:hover{color:#111827;background:#f9fafb;text-decoration:none}.sidebar__item.active{color:#2563eb;background:#eff6ff;font-weight:600;text-decoration:none}.sidebar__item.active .sidebar__item-icon{color:#2563eb}.sidebar__item--danger{color:#ef4444;margin-top:.25rem}.sidebar__item--danger:hover{background:#fef2f2}.sidebar__item-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__item-label{opacity:1;transition:opacity .25s}.collapsed .sidebar__item-label{opacity:0}.sidebar__footer{border-top:1px solid #f3f4f6;padding:1rem .5rem}.sidebar__user{cursor:pointer;border-radius:.5rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem;display:flex;overflow:hidden}.sidebar__user:hover{background:#f9fafb}.sidebar__avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.sidebar__user-info{opacity:1;transition:opacity .25s;overflow:hidden}.collapsed .sidebar__user-info{opacity:0}.sidebar__user-info .name{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar__user-info .role{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.sidebar-overlay.visible{display:block}}.content-card{background:#fff;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.content-card__header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.content-card__header h2{color:#111827;font-size:1.125rem;font-weight:600}.content-card__header-meta{color:#6b7280;font-size:.75rem}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:1rem;font-size:.875rem}.data-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:.75rem;font-weight:600}.data-table td{color:#374151}.data-table tbody tr:hover{background:#f9fafb}.td--bold{font-weight:500}.td--muted{color:#9ca3af;font-size:.875rem}.td--mono{font-family:monospace}.badge-status{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-status:before{content:"";border-radius:50%;width:6px;height:6px}.badge-status--active{color:#166534;background:#f0fdf4}.badge-status--active:before{background:#10b981}.badge-status--inactive{color:#6b7280;background:#f3f4f6}.badge-status--inactive:before{background:#9ca3af}.badge-status--pending{color:#92400e;background:#fffbeb}.badge-status--pending:before{background:#f59e0b}.table-toolbar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.table-toolbar__count{color:#6b7280;font-size:.875rem}.pagination{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.pagination__btn{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;transition:all .15s;display:flex}.pagination__btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--active{color:#fff;background:#2563eb;border-color:#2563eb}.pagination__info{color:#6b7280;margin:0 .5rem;font-size:.875rem}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.action-btn--edit{color:#2563eb}.action-btn--edit:hover{background:#eff6ff}.action-btn--delete{color:#ef4444}.action-btn--delete:hover{background:#fef2f2}.table-actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}.empty-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state svg{color:#d1d5db}.empty-state p{font-size:.875rem}.empty-state--tall{min-height:300px;padding:2rem}.empty-state--padded{padding:3rem}.permissions-layout{grid-template-columns:280px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.permissions-layout{grid-template-columns:1fr}}.unit-select-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.user-type-list{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;margin-top:1rem;display:flex}.user-type-list__item{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:.5rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:all .15s;display:flex}.user-type-list__item:hover{background:#eff6ff;border-color:#2563eb}.user-type-list__item--active{color:#2563eb;background:#eff6ff;border-color:#2563eb;font-weight:600}.user-type-list__loading{justify-content:center;align-items:center;padding:1rem;display:flex}.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.permission-item{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:.5rem;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .15s;display:flex}.permission-item:hover{border-color:#2563eb}.permission-item--checked{background:#eff6ff;border-color:#2563eb}.permission-item--checked .permission-item__name{color:#2563eb;font-weight:600}.permission-item--loading{opacity:.6;cursor:wait}.permission-item input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.permission-item__info{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.25rem;display:flex}.permission-item__name{color:#1f2937;font-size:.875rem}.permission-item__desc{color:#6b7280;font-size:.75rem}.unit-assignment{border:1.5px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:1rem}.unit-assignment__header{color:#374151;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.unit-assignment__types{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.unit-assignment__type-chip{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;transition:all .15s;display:flex}.unit-assignment__type-chip--selected{color:#2563eb;background:#eff6ff;border-color:#2563eb;font-weight:600}.unit-assignment__empty{color:#9ca3af;font-size:.75rem}.unit-picker-row{flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.unit-picker-row .form-select{flex:1}.unit-picker-row--mb{margin-top:.5rem;margin-bottom:1rem}.units-empty-msg{color:#9ca3af;margin-bottom:1rem;font-size:.875rem}.modal-error{margin-bottom:1rem}.modal-loading{justify-content:center;align-items:center;padding:2rem;display:flex}.placeholder-card{text-align:center;padding:4rem 2rem}.placeholder-card__icon{margin-bottom:1rem;font-size:3rem}.placeholder-card__title{color:#374151;margin-bottom:.5rem}.placeholder-card__text{color:#6b7280;font-size:.875rem}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.15s modal-fade-in;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:1rem;flex-direction:column;width:100%;max-height:calc(100vh - 3rem);animation:.25s modal-slide-up;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal--sm{max-width:440px}.modal--md{max-width:600px}.modal--lg{max-width:820px}.modal__header{border-bottom:1px solid #f3f4f6;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal__header h3{color:#111827;font-size:1.125rem;font-weight:600}.modal__header-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex}.modal__header-close:hover{color:#374151;background:#f3f4f6}.modal__body{flex:1;padding:1.5rem;overflow-y:auto}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{background:0 0}.modal__body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:9999px}.modal__body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal__footer{border-top:1px solid #f3f4f6;flex-direction:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.signature-canvas{background:#9ca3af;border-radius:6px 6px 0 0;justify-content:center;align-items:center;width:100%;padding:1.5rem;display:flex}.signature-canvas canvas{cursor:crosshair;background:#fff;border-radius:2px;width:100%;height:180px;display:block}@media (width<=640px){.signature-canvas canvas{height:auto}}.signature-block{margin-bottom:1.5rem}.signature-block__clear{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:0 0 6px 6px;width:100%;padding:.5rem 0;font-size:.875rem;font-weight:500;transition:background .15s}.signature-block__clear:hover{background:#ec1e1e}.signature-block__upload{margin-top:1rem}.signature-block__label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.signature-block__preview{border:1px solid #e5e7eb;border-radius:4px;max-height:80px;margin-bottom:.5rem;display:block}.signature-block__none{color:#9ca3af;margin-bottom:.5rem;font-size:.75rem}.confirm-message{color:#374151;font-size:.9rem;line-height:1.6}