*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--font-family-base: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-monospace: "SF Mono", "Roboto Mono", "Ubuntu Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--line-height-heading: 1.2;--line-height-body: 1.5;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-primary: #3fa9f5;--color-primary-dark: #2b8ac7;--color-primary-light: #eef8ff;--color-secondary: #23d0c8;--color-secondary-dark: #1aa89f;--color-secondary-light: #ecfbfa;--color-background: #f2f7f9;--color-surface: #ffffff;--color-light-gray: #e8e8e8;--color-gray: #b7b7b7;--color-dark-gray: #838282;--color-black: #1d1d1d;--color-success: #00d664;--color-success-light: #f6fff0;--color-warning: #ffae26;--color-warning-light: #fff4df;--color-error: #fe511c;--color-error-light: #ffeee9;--color-destructive: #b91c1c;--color-destructive-light: #fef2f2;--color-disabled: #9ca3af;--gradient-mobotory: linear-gradient(90deg, #3fa9f5 0%, #23d0c8 100%);--gradient-alert: linear-gradient(90deg, #ee3f3a 0%, #ffc852 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--header-height: 80px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px;--shadow-sm: 0 4px 8px rgba(0, 0, 0, .1);--shadow-md: 0 8px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .2);--z-layout: 0;--z-layout-main: 10;--z-footer: 20;--z-main-content: 20;--z-header: 30;--z-overlay: 40;--z-sidebar: 45;--z-sidebar--toggle: 46;--z-menu: 50;--z-modal: 60}*{border-style:solid;border-width:0;box-sizing:border-box}html,body{padding:0;margin:0;color:var(--color-black);background-color:var(--color-background);font-family:var(--font-family-base),sans-serif}h1,.h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:.5em}h2,.h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:.5em}h3,.h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading);margin-bottom:.5em}p{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);margin-bottom:1em}hr{border:none;border-top:1px solid var(--color-light-gray);margin:var(--spacing-xl) 0}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .12s ease,text-decoration-color .12s ease,outline-color .12s ease}a:hover{color:var(--color-primary-dark);text-decoration-color:currentColor}a:active{color:var(--color-primary)}a:focus{outline:none}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px;text-decoration:none}.caption{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-dark-gray);margin-bottom:var(--spacing-sm)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}u{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}code{font-family:var(--font-family-monospace) monospace;font-size:.95em;background-color:var(--color-primary-light);color:var(--color-black);border-radius:4px;border:1px solid var(--color-light-gray)}kbd{font-family:var(--font-family-monospace) monospace;font-size:.9em;background-color:var(--color-surface);color:var(--color-black);padding:.1em .35em;border-radius:4px;border:1px solid var(--color-light-gray);box-shadow:0 1px #00000014,inset 0 -1px #0000000f}abbr[title]{text-decoration:underline dotted;text-underline-offset:2px;cursor:help}ul,ol{margin-top:.5em;margin-bottom:1em;padding-left:1.25em;list-style-position:outside}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-top:.25em;margin-bottom:.25em}li>ul,li>ol{margin-top:.25em;margin-bottom:.25em}table{font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--color-black)}th{font-weight:var(--font-weight-semibold);color:var(--color-black)}.mob-input:not([type=checkbox]):not([type=radio]){font-size:var(--font-size-md);line-height:var(--line-height-body);border:1px solid var(--color-light-gray);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.mob-input:not([type=checkbox]):not([type=radio]):not(:disabled):not(:read-only):hover{border-color:var(--color-primary)}.mob-input:not([type=checkbox]):not([type=radio]):not(:disabled):not(:read-only):focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.mob-input:disabled{outline:none;color:var(--color-disabled);cursor:not-allowed}.mob-input:read-only{outline:none;background-color:var(--color-background);cursor:default}textarea.mob-input{resize:vertical;min-height:80px}.mob-select{font-size:var(--font-size-md);line-height:var(--line-height-body);border:1px solid var(--color-light-gray);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.mob-select:not(:disabled):hover{border-color:var(--color-primary)}.mob-select:not(:disabled):focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.mob-select:disabled{outline:none;color:var(--color-disabled);cursor:not-allowed}.mob-checkbox{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.2em;height:1.2em;padding:0;border:2px solid var(--color-light-gray);border-radius:25%;cursor:pointer;display:inline-block;vertical-align:middle;margin-right:var(--spacing-sm)}.mob-checkbox:checked{border-color:var(--color-primary)}.mob-checkbox:checked:before{content:"";position:absolute;width:.6em;height:.6em;background:var(--color-primary);border-radius:25%;top:50%;left:50%;transform:translate(-50%,-50%)}.mob-checkbox:focus{border-color:var(--color-primary);outline:none}input[type=checkbox]:not(:disabled){cursor:pointer}label:has(.mob-checkbox),label:has(input[type=checkbox]){cursor:pointer;width:fit-content;align-self:flex-start}.mob-input[type=radio],.mob-radio{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.2em;height:1.2em;padding:0;border:2px solid var(--color-light-gray);border-radius:50%;cursor:pointer;display:inline-block;vertical-align:middle;margin-right:var(--spacing-sm)}.mob-input[type=radio]:checked,.mob-radio:checked{border-color:var(--color-primary)}.mob-input[type=radio]:checked:before,.mob-radio:checked:before{content:"";border-radius:50%;background:var(--color-primary);position:absolute;width:.5em;height:.5em;left:.23em;top:.23em}.mob-input[type=radio]:focus,.mob-radio:focus{border-color:var(--color-primary)}input[type=radio]:not(:disabled){cursor:pointer}label:has(.mob-radio),label:has(.mob-input[type=radio]),label:has(input[type=radio]){cursor:pointer;width:fit-content;align-self:flex-start}.mob-error{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm)}.mob-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm)}.mob-activated{color:var(--color-success);font-weight:var(--font-weight-bold);font-size:1.5em}.mob-deactivated{color:var(--color-error);font-size:1.5em;font-weight:var(--font-weight-bold)}@media(min-width:768px){.mob-input{font-size:var(--font-size-md)}.mob-select{width:250px}}.dots{display:inline-flex;padding:var(--spacing-sm);cursor:pointer;position:relative;align-items:center;justify-content:center;border-radius:var(--radius-sm);background-color:var(--color-surface);transition:background-color .2s ease}.dots-icon{color:var(--color-black);transition:color .2s ease}.dots:hover .dots-icon{color:var(--color-primary)}.dots:hover{background-color:var(--color-primary-light)}.list{position:fixed;top:var(--dropdown-top, 0);left:var(--dropdown-left, 0);transform:translate(-50%);color:var(--color-black);background:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);min-width:150px;z-index:var(--z-menu);display:none}.list.active{display:block}.list ul{list-style:none;margin:0;padding:0}.list li{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-light-gray);transition:background-color .2s ease;text-align:left}.list li:last-child{border-bottom:none}.list li:hover{background-color:#0000000d}.card{background-color:var(--color-surface);color:var(--color-black);border-radius:var(--radius-lg);display:flex;flex-direction:column;border:1px solid var(--color-light-gray);gap:var(--spacing-md);padding:var(--spacing-xl);max-width:100%;position:relative;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease,background-color .16s ease}.card--outlined{border-width:1px;border-color:var(--color-light-gray);box-shadow:none}.card--elevated{box-shadow:0 1px 2px #1118270d,0 4px 10px #1118270f}.card--clickable{cursor:pointer}.card--clickable:hover{background-color:var(--color-primary-light)}.card--clickable:hover:has(.dots:hover){background-color:var(--color-surface)}.card--clickable:active{transform:translateY(0)}.card:focus-visible{outline:none;box-shadow:0 0 0 3px #9ce}.card--compact{padding:var(--spacing-md);gap:var(--spacing-sm)}.card--horizontal{flex-direction:row}.card--horizontal .card__media{width:38%;max-width:380px;flex-shrink:0}.card__media{width:100%;border-radius:calc(var(--radius-sm) - 2px);overflow:hidden;background-color:var(--color-background)}.card__media img,.card__media picture,.card__media video{display:block;width:100%;height:auto}.card__body{display:flex;flex-direction:column;gap:var(--spacing-md)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.card__header-main{min-width:0}.card__title{margin:0;font-size:var(--font-size-lg);line-height:1.25;color:var(--color-black)}.card__title:has(.back-button){display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.card__title:has(.back-button) .back-button{flex-shrink:0}.card__subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--color-gray)}.card__content{font-size:var(--font-size-md);color:var(--color-black)}.card__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto}.card__footer{border-top-width:1px;border-top-color:var(--color-light-gray);padding-top:var(--spacing-md);color:var(--color-gray);font-size:var(--font-size-sm)}.card__error{color:var(--color-error);font-size:var(--font-size-sm)}.card__success{color:var(--color-success);font-size:var(--font-size-sm)}.card__loading{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#fff9,#f9fafb99);display:grid;place-items:center}.card__loading:after{content:"";width:20px;height:20px;border-width:3px;border-style:solid;border-color:var(--color-primary) transparent var(--color-primary) transparent;border-radius:50%;animation:card-spin .9s linear infinite}@keyframes card-spin{to{transform:rotate(360deg)}}.table-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.table-card{background-color:var(--color-surface);border-color:var(--color-primary);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.table-card-item{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--spacing-sm) / 2) 0;border-bottom:1px solid var(--color-light-gray);gap:var(--spacing-sm);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.table-card-item:last-child{border-bottom:none}.table-card-label{font-weight:var(--font-weight-semibold);color:var(--color-black);font-size:var(--font-size-sm);flex-shrink:0;min-width:80px;text-align:left;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.table-card-value{color:var(--color-black);font-size:var(--font-size-sm);text-align:right;word-wrap:break-word;flex:1;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.table-card-value svg{width:20px;height:20px}@media(min-width:768px){.card__title{font-size:var(--font-size-xl)}.table-card-label,.table-card-value{font-size:var(--font-size-sm)}.table-card-label{min-width:100px;text-align:left}}.mob-button{height:40px;border-radius:var(--radius-sm);border-width:1px;color:var(--color-primary);background-color:var(--color-surface);border-color:var(--color-primary);padding-left:var(--spacing-md);padding-right:var(--spacing-md);font-size:var(--font-size-md);line-height:var(--line-height-body);white-space:nowrap;overflow:hidden;align-items:center;min-width:80px}.mob-button:focus{outline:2px solid transparent;outline-offset:2px}.mob-button:hover{background-color:var(--color-primary-light);cursor:pointer}.mob-button:disabled{cursor:not-allowed;border-color:var(--color-disabled);color:var(--color-disabled);background-color:var(--color-primary-light)}.mob-button-secondary{background-color:var(--color-surface);border-color:var(--color-secondary);color:var(--color-secondary)}.mob-button-secondary:hover{background-color:var(--color-secondary-light);border-color:var(--color-secondary);color:var(--color-secondary)}.mob-button-secondary:disabled{cursor:not-allowed;background-color:var(--color-secondary-light);border-color:var(--color-disabled);color:var(--color-disabled)}.mob-button-destructive{background-color:var(--color-surface);border-color:var(--color-destructive);color:var(--color-destructive)}.mob-button-destructive:hover{background-color:var(--color-destructive-light);border-color:var(--color-destructive);color:var(--color-destructive)}.mob-button-destructive:disabled{color:var(--color-disabled);background-color:var(--color-destructive-light);border-color:var(--color-disabled)}.mob-button-icon{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.mob-button-icon-container{display:inline-flex;width:var(--spacing-md);height:var(--spacing-md)}.mob-button-icon-container svg{width:100%;height:100%}@media (min-width: var(--breakpoint-desktop)){.mob-button{height:34px;font-size:var(--font-size-sm);line-height:1.25rem}}.table-container{width:100%;overflow-x:auto;background-color:inherit;border:1px solid var(--color-light-gray);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.table-container--compact{border:none}.table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--font-size-md)}.table tr:last-child{border-bottom:none}.table-header{padding:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-light-gray);background-color:var(--color-primary);border-bottom:2px solid var(--color-secondary);line-height:var(--line-height-heading);text-align:left}.table-header:first-child{border-top-left-radius:var(--radius-md)}.table-header:last-child{border-top-right-radius:var(--radius-md)}.table-header-sort-button{background:none;border:none;padding:var(--spacing-sm);font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-align:left;border-radius:var(--radius-sm)}.table-header-sort-button:hover{background-color:#00000014}.sort-icon{width:18px;height:18px;flex-shrink:0;transition:opacity .2s}.table-row{border-bottom:1px solid var(--color-light-gray);transition:background-color .2s ease-in-out}.table-row:hover{background-color:#0000000d}.table-row--clickable{cursor:pointer}.table-row--clickable:hover{background-color:var(--color-primary-light)}.table-row--clickable:hover:has(.dots:hover){background-color:var(--color-surface)}.table-cell{padding:var(--spacing-sm);color:var(--color-black);vertical-align:middle;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:var(--line-height-body);text-align:left}.table-cell svg{width:20px;height:20px}.table-row:last-child .table-cell{border-bottom:none}.table-row:last-child .table-cell:first-child{border-bottom-left-radius:var(--radius-md)}.table-row:last-child .table-cell:last-child{border-bottom-right-radius:var(--radius-md)}@media(min-width:1440px){.table-container{margin-bottom:var(--spacing-md)}}.table-empty-message{text-align:center;padding:var(--spacing-xl)}.pagination{display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--spacing-md) * .75);padding:var(--spacing-md) 0}.pagination__info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.pagination__count{font-size:var(--font-size-sm);color:var(--color-dark-gray)}.pagination__per-page{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-dark-gray)}.pagination__select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);background-color:var(--color-surface);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .2s}.pagination__select:hover{border-color:var(--color-gray)}.pagination__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 10%,transparent)}.pagination__controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.pagination__pages{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination__button,.pagination__page{min-width:2rem;height:2rem;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-dark-gray);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.pagination__button:hover:not(:disabled),.pagination__page:hover:not(.pagination__page--active){background-color:var(--color-background);border-color:var(--color-gray)}.pagination__button:active:not(:disabled),.pagination__page:active:not(.pagination__page--active){background-color:color-mix(in srgb,var(--color-background) 80%,var(--color-black))}.pagination__button:disabled{opacity:.5;cursor:not-allowed}.pagination__button:focus,.pagination__page:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.pagination__page--active{background-color:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary);cursor:default}.pagination__page--active:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.pagination__ellipsis{min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--color-gray);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.pagination__button--first,.pagination__button--last{display:none}@media(min-width:768px){.pagination{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.pagination__info{justify-content:flex-start}.pagination__controls{justify-content:flex-end}.pagination__button--first,.pagination__button--last{display:inline-flex}}.table-search-box__input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.table-search-box__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-black)}.table-search-box__input-container{position:relative}.table-search-box__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);font-size:var(--font-size-md);font-family:var(--font-family-base);color:var(--color-black);background-color:var(--color-surface);border:1px solid var(--color-gray);border-radius:var(--radius-md)}.table-search-box__input:hover{border-color:var(--color-dark-gray)}.table-search-box__input:focus{outline:none;border-color:var(--color-primary)}.table-search-box__clear{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-dark-gray);background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease,color .12s ease;z-index:1}.table-search-box__clear svg{width:100%;height:100%;display:block}.table-search-box__clear:hover{background-color:var(--color-light-gray);color:var(--color-black)}.table-search-box__clear:active{background-color:var(--color-gray);color:var(--color-black)}@media(min-width:768px){.table-search-box__input-wrapper{width:300px}}.table-filter,.table-filter__controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.table-filter__item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.table-filter__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-black)}.table-filter__select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:var(--font-family-base);color:var(--color-black);background-color:var(--color-surface);border:1px solid var(--color-gray);border-radius:var(--radius-md);cursor:pointer}.table-filter__select:hover{border-color:var(--color-dark-gray)}.table-filter__clear{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color .12s ease,color .12s ease}.table-filter__clear:hover{background-color:var(--color-primary-light)}.table-filter__clear:active{background-color:var(--color-primary);color:var(--color-surface)}.table-filter__results-count{font-size:var(--font-size-sm);color:var(--color-dark-gray)}@media(min-width:768px){.table-filter{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.table-filter__controls{flex-direction:row;gap:var(--spacing-md)}.table-filter__item{min-width:200px}.table-filter__results-count{flex-basis:100%}}.num-users{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-dark-gray)}.admin-users-table__filter-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-users-table__results-count{font-size:var(--font-size-sm);color:var(--color-dark-gray);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.admin-checkmark{font-size:20px}@media(min-width:768px){.admin-users-table__filter-container{flex-direction:row;gap:var(--spacing-md)}}.back-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--color-primary);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-primary);cursor:pointer}.back-button:hover{background-color:var(--color-primary-light)}.back-button:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.back-button:active{background-color:var(--color-background)}.back-button-icon{width:20px;height:20px;flex-shrink:0}.mob-form-field{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg)}.mob-form-field__label{display:block;width:fit-content;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-black)}.mob-form-field__missing{color:var(--color-error);margin-left:var(--spacing-xs)}.mob-form-field__description{font-size:var(--font-size-sm);color:var(--color-gray);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.mob-form-field__content{display:flex;flex-direction:column;width:100%;gap:var(--spacing-sm)}.mob-form-field__error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--line-height-body);color:var(--color-error);font-weight:var(--font-weight-medium)}@media(min-width:768px){.mob-form-field__label{font-size:var(--font-size-md)}}.mob-select-wrap{display:block;width:100%;min-height:2.25rem;font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--color-black);background-color:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer;outline:none}.mob-select-wrap:not(.mob-select-wrap--disabled):not(.mob-select-wrap--loading):hover{border-color:var(--color-primary)}.mob-select-wrap--open{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.mob-select-wrap--disabled{color:var(--color-disabled);cursor:not-allowed;background-color:var(--color-background)}.mob-select-wrap--disabled:hover{border-color:var(--color-light-gray)}.mob-select-control{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-height:2.25rem;padding:var(--spacing-sm) var(--spacing-md)}.mob-select-value{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.mob-select-placeholder{color:var(--color-gray)}.mob-select-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.mob-select-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-xs);font-size:var(--font-size-sm);background-color:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-sm)}.mob-select-tag-remove{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:none;cursor:pointer;color:var(--color-primary-dark);border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.mob-select-tag-remove:hover{background-color:#00000014;color:var(--color-black)}.mob-select-tag-remove-icon{width:14px;height:14px}.mob-select-indicators{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.mob-select-spinner{display:inline-flex;align-items:center;justify-content:center}.mob-select-spinner-icon{width:20px;height:20px;color:var(--color-primary);animation:mob-select-spinner-rotate 1.5s linear infinite}@keyframes mob-select-spinner-rotate{to{transform:rotate(360deg)}}.mob-select-clear{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;background:none;cursor:pointer;color:var(--color-dark-gray);border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.mob-select-clear:hover{background-color:var(--color-destructive-light);color:var(--color-destructive)}.mob-select-clear-icon{width:18px;height:18px}.mob-select-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-dark-gray)}.mob-select-chevron-icon{width:20px;height:20px}.mob-select-wrap--open .mob-select-chevron-icon{transform:rotate(180deg)}.mob-select-dropdown{position:fixed;top:var(--select-dropdown-top, 0);left:var(--select-dropdown-left, 0);width:var(--select-dropdown-width, 200px);z-index:var(--z-menu);background-color:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.mob-select-dropdown-search{padding:var(--spacing-xs);border-bottom:1px solid var(--color-light-gray);display:flex;flex-direction:column;gap:var(--spacing-xs)}.mob-select-hide-selected{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-dark-gray);cursor:pointer;-webkit-user-select:none;user-select:none}.mob-select-search-input{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-black);background-color:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm)}.mob-select-search-input:focus{outline:none;border-color:var(--color-primary)}.mob-select-dropdown-list{max-height:240px;overflow-y:auto;padding:var(--spacing-xs)}.mob-select-option{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease}.mob-select-option--with-checkbox{display:flex;align-items:center;gap:var(--spacing-sm)}.mob-select-option-checkbox{flex-shrink:0;display:inline-flex}.mob-select-option:hover,.mob-select-option--highlighted{background-color:var(--color-primary-light)}.mob-select-option--selected{font-weight:var(--font-weight-medium);color:var(--color-primary-dark)}.mob-select-dropdown-empty{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray);text-align:center}@media(min-width:768px){.mob-select-wrap{min-width:200px}}.badge{display:inline-flex;align-items:center;width:fit-content;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap}.badge-default{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge-secondary{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-destructive{background-color:var(--color-destructive-light);color:var(--color-destructive)}.badge-disabled{background-color:var(--color-light-gray);color:var(--color-disabled)}.tabs{width:100%}.tabs__list{display:flex;flex-wrap:nowrap;gap:0;border-bottom:1px solid var(--color-light-gray);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tabs__list--full-width .tab{flex:1 1 0;min-width:0}.tabs--vertical{display:flex;flex-direction:row;align-items:stretch}.tabs--vertical .tabs__list{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-light-gray);overflow-x:hidden;overflow-y:auto;flex-shrink:0}.tabs--vertical .tab{justify-content:flex-start;border-bottom:none;border-right:2px solid transparent;margin-bottom:0;margin-right:-1px}.tabs--vertical .tab--selected{border-bottom-color:transparent;border-right-color:var(--color-primary)}.tabs--vertical .tab-panel{flex:1;min-width:0}.tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--color-gray);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.tab:hover{color:var(--color-primary-dark);background-color:var(--color-primary-light)}.tab:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:0 0 0 2px var(--color-primary)}.tab--selected{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.tab--disabled{color:var(--color-disabled);cursor:not-allowed;pointer-events:none}.tab__icon{display:inline-flex;align-items:center;justify-content:center}.tab__label{display:inline-block}.tab--icon-top{flex-direction:column}.tab--icon-start .tab__icon,.tab--icon-end .tab__label{order:-1}.tab--icon-bottom{flex-direction:column-reverse}.tab-panel{padding:var(--spacing-md) 0}.tab-panel[hidden]{display:none}.role-assignment__header-title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.role-assignment__header-org{font-weight:var(--font-weight-semibold);color:var(--color-primary-dark)}.role-assignment__header-role{font-size:var(--font-size-md);color:var(--color-black);font-weight:var(--font-weight-regular)}.role-assignment__expand-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-surface)}.role-assignment__expand-toggle:hover{color:var(--color-primary);background-color:var(--color-primary-light);border:1px solid var(--color-primary)}.role-assignment__expand-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.role-assignment__expand-toggle-icon{width:20px;height:20px}.role-assignment__footer{display:flex;justify-content:flex-end}.role-assignment__remove{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.role-assignment__remove:hover{color:var(--color-destructive);background-color:var(--color-destructive-light);border:1px solid var(--color-destructive)}.role-assignment__remove-icon{width:14px;height:14px}.role-assignment__summary{display:flex;flex-direction:column;gap:var(--spacing-xl)}.role-assignment__summary-heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin:0 0 var(--spacing-xs) 0}.role-assignment__scope,.role-assignment__permissions{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.role-assignment__scope-badges{display:flex;flex-direction:column;gap:var(--spacing-xs)}.role-assignment__scope-badges .badge.badge-form-type{background-color:var(--color-warning-light);color:var(--color-warning)}.role-assignment__scope-badges .badge.badge-organization-unit{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.role-assignment__scope-badges .badge.badge-site{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.role-assignment__scope-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.role-assignment__scope-list-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs)}.role-assignment__scope-label-inline{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-dark);flex-shrink:0}.role-assignment__scope-badges-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.role-assignment__scope-empty{font-size:var(--font-size-sm);color:var(--color-black);font-style:italic;margin-top:auto}.role-assignment__permissions-summary{font-size:var(--font-size-sm);color:var(--color-black);font-style:italic;margin:0;width:fit-content}.role-assignment__permissions-summary--overridden{color:var(--color-warning);font-size:var(--font-size-sm);font-style:normal}.role-assignment__scope-sections{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}.role-assignment__scope-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.role-assignment__scope-section-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin:0 0 var(--spacing-xs) 0}.role-assignment__selection-summary{background-color:#0000000a;border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);padding:var(--spacing-sm);min-height:2.5rem}.role-assignment__selection-summary-empty{font-size:var(--font-size-sm);color:var(--color-black);font-style:italic}.role-assignment__scope-not-available{font-size:var(--font-size-sm);color:var(--color-text-muted, #6b7280);font-style:italic}.role-assignment__selection-summary-badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.role-assignment__selection-summary-badge-wrap{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.role-assignment__selection-summary .badge.badge-organization-unit{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.role-assignment__selection-summary .badge.badge-site{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.role-assignment__selection-summary .badge.badge-form-type{background-color:var(--color-warning-light);color:var(--color-warning)}.role-assignment__selection-summary-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--color-primary-dark);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .2s ease,background-color .2s ease}.role-assignment__selection-summary-remove:hover{color:var(--color-primary);background-color:#0000000f}.role-assignment__selection-summary-remove-icon{width:12px;height:12px}.role-assignment__areas-selects{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.role-assignment__areas-select-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:200px}.role-assignment__areas-select-group .mob-select-wrap{min-width:0}.role-assignment__scope-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-dark)}.role-assignment__details{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:0;padding:0 var(--spacing-md);border-radius:var(--radius-md)}.role-assignment__details-loading,.role-assignment__details-empty{font-size:var(--font-size-sm);color:var(--color-black)}.role-assignment__details-error{font-size:var(--font-size-sm);color:var(--color-error, #b00)}.role-assignment__permissions-table-wrapper{width:100%;overflow-x:auto}.role-assignment__permissions-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);color:var(--color-black)}.role-assignment__permissions-table th,.role-assignment__permissions-table td{padding:var(--spacing-sm);text-align:left;border:1px solid var(--color-light-gray)}.role-assignment__permissions-table thead th{font-weight:var(--font-weight-semibold);background-color:var(--color-primary-light);color:var(--color-primary-dark);text-align:center}.role-assignment__permission-category-row{font-weight:var(--font-weight-semibold);background-color:var(--color-light-gray, #f3f4f6)}.role-assignment__permission-category-cell{padding-top:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom-width:2px}.role-assignment__permission-category-row:first-child .role-assignment__permission-category-cell{padding-top:var(--spacing-sm)}.role-assignment__permissions-table tbody tr:nth-child(2n){background-color:#00000005}.role-assignment__permissions-table tbody tr.role-assignment__permission-row--overridden{background-color:var(--color-warning-light)}.role-assignment__permissions-table .role-assignment__override-cell,.role-assignment__permissions-table .role-assignment__enabled-cell{text-align:center}.role-assignment__permissions-table .role-assignment__enabled-cell--disabled{background-color:var(--color-light-gray, #f3f4f6);opacity:.4}.role-assignment__permissions-table .role-assignment__enabled-cell input:disabled{cursor:not-allowed;opacity:.7}.role-assignment__permission-name-cell{font-weight:var(--font-weight-medium);vertical-align:top}.role-assignment__permission-cell-content{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-left:var(--spacing-md)}.role-assignment__permission-override-label{font-weight:var(--font-weight-regular);color:var(--color-warning)}.role-assignment__permission-override-label--hidden{visibility:hidden}.role-assignment__permission-qualifiers{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.role-assignment__qualifier-badge-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-black);margin-right:var(--spacing-xs)}.role-assignment__permission-qualifiers .badge.badge-qualifier{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.role-assignment__permission-qualifiers .badge.badge-organization-unit{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.role-assignment__permission-qualifiers .badge.badge-site{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.role-assignment__permission-qualifiers .badge.badge-form-type{background-color:var(--color-warning-light);color:var(--color-warning)}@media(min-width:1024px){.role-assignment__summary{flex-direction:row}.role-assignment__scope-badges--empty{flex:1;min-height:0}.role-assignment__scope-sections{flex-direction:row}.role-assignment__scope-section--form-types,.role-assignment__scope-section--areas{flex:1;min-width:0;gap:var(--spacing-sm)}.role-assignment__tabs.tabs{display:flex;flex-direction:row;align-items:stretch}.role-assignment__tabs .tabs__list{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-light-gray);overflow-x:hidden;overflow-y:auto;flex-shrink:0}.role-assignment__tabs .tab{justify-content:flex-start;border-bottom:1px solid var(--color-light-gray);border-right:2px solid transparent;margin-bottom:0;margin-right:-1px}.role-assignment__tabs .tab--selected{border-right-color:var(--color-primary)}.role-assignment__tabs .tab-panel{flex:1;min-width:0}}.admin-user-form{display:flex;flex-direction:column;max-width:100%;background-color:var(--color-surface)}.admin-user-form__error,.admin-user-form__success{margin-bottom:var(--spacing-md)}.admin-user-form__sections{display:flex;flex-direction:column}.admin-user-form__general-section{margin-bottom:var(--spacing-lg);position:relative}.admin-user-form__general-header{margin-bottom:var(--spacing-md)}.admin-user-form__general-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-black)}.admin-user-form__access-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-light-gray);margin-bottom:var(--spacing-lg)}.admin-user-form__access-header{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-user-form__access-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-black)}.admin-user-form__add-role-assignment-button{width:fit-content;margin:var(--spacing-md) 0}.admin-user-form__role-assignments{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-user-form__role-assignment-add-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);align-items:stretch;border:1px solid var(--color-light-gray, #ccc);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.admin-user-form__role-assignment-add-panel .admin-user-form__role-select.mob-select-wrap{min-width:0}.admin-user-form__role-assignment-add-panel-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-user-form__checkbox-label{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-black);margin:0;width:fit-content}.admin-user-form__checkbox-label .mob-checkbox{margin:0}.admin-user-form__button-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);border-top:1px solid var(--color-light-gray);padding-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.admin-user-form__access-header{flex-direction:row;justify-content:space-between;align-items:center}.admin-user-form__role-assignment-add-panel{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.admin-user-form__role-assignment-add-panel .mob-form-field{flex:0 1 auto;min-width:10rem;max-width:100%}.admin-user-form__role-assignment-add-panel-actions{flex-direction:row;flex:0 0 auto}.admin-user-form__role-assignment-add-panel-actions button{flex:0 0 auto;white-space:nowrap}.admin-user-form__sections{flex-direction:row;gap:var(--spacing-xxl, var(--spacing-xl));align-items:stretch;margin-bottom:0}.admin-user-form__sections .admin-user-form__general-section{flex:1;min-width:0;margin-bottom:0;position:relative}.admin-user-form__sections .admin-user-form__general-section:after{content:"";position:absolute;top:0;right:calc(-.5 * var(--spacing-xxl, var(--spacing-xl)));width:1px;height:100%;background-color:var(--color-light-gray);display:block}.admin-user-form__sections .admin-user-form__access-section{flex:2;min-width:0;margin-top:0;padding-top:0;border-top:none;margin-bottom:0}.admin-user-form__checkbox-label{font-size:var(--font-size-md)}.admin-user-form__button-group{flex-direction:row}}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background-color:#000000bf;padding:8em;display:flex;justify-content:center;align-items:center;overflow:auto}.modal-main{width:50vw;background:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content{padding-top:1em;padding-bottom:2em}.modal-actions{padding-bottom:1em;display:flex;flex-direction:row;justify-content:center;gap:2em}.modal.closed{display:none}.modal.open{display:block;overflow:hidden}.admin-roles-table__num-roles{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-dark-gray)}.admin-roles-table__filter-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-roles-table__results-count{font-size:var(--font-size-sm);color:var(--color-dark-gray);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}@media(min-width:768px){.admin-roles-table__filter-container{flex-direction:row;gap:var(--spacing-md)}}.toggle-wrapper{display:inline-flex;align-items:center}.toggle-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-label{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label.toggle-disabled{cursor:not-allowed;opacity:.6}.toggle-track{position:relative;width:44px;height:24px;background-color:var(--color-light-gray);border-radius:12px;transition:background-color .2s ease}.toggle-input:checked+.toggle-label .toggle-track{background-color:var(--color-primary)}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--color-surface);border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-label .toggle-thumb{transform:translate(20px)}.toggle-label:hover:not(.toggle-disabled) .toggle-track{background-color:var(--color-gray)}.toggle-input:checked+.toggle-label:hover:not(.toggle-disabled) .toggle-track{background-color:var(--color-primary-dark)}.qualifier-toggle-container{border-radius:var(--radius-md);border:1px solid var(--color-light-gray)}.permission-qualifier-header{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-dark);margin-top:var(--spacing-xs);margin-bottom:0;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);cursor:pointer;width:calc(100% - var(--spacing-sm) * 2);text-align:left;transition:all .2s ease;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.permission-qualifier-header:hover{color:var(--color-primary)}.permission-qualifier-header-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.permission-qualifier-header-icon svg{width:100%;height:100%}.permission-qualifier-header-text{flex:1}.permission-qualifier-override-label{font-weight:var(--font-weight-regular);color:var(--color-warning)}.permission-qualifier-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:0;padding:var(--spacing-sm);border-radius:var(--radius-md)}.permission-qualifier-checkboxes .qualifier-form-field{margin-bottom:0;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.permission-qualifier-checkboxes .qualifier-form-field .mob-form-field__label{margin-bottom:0;order:2}.permission-qualifier-checkboxes .qualifier-form-field .mob-form-field__content{order:1;width:auto}.permission-toggle-container{padding:var(--spacing-xs);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md)}.permission-toggle{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs) var(--spacing-md);flex-wrap:wrap}.permission-toggle-label{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-black);cursor:pointer;margin:0;flex:1;min-width:0}.permission-toggle-container .qualifier-toggle-container{margin-top:var(--spacing-xs);background-color:var(--color-primary-light)}.permission-toggle-qualifiers{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;flex-basis:100%;min-width:100%;align-self:flex-start}.permission-qualifier-badge-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.permission-qualifier-badge-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-black);margin-right:var(--spacing-xs)}.permission-toggle-qualifiers .badge.badge-qualifier{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.permission-toggle-qualifiers .badge.badge-organization-unit{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.permission-toggle-qualifiers .badge.badge-site{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.permission-toggle-qualifiers .badge.badge-form-type{background-color:var(--color-warning-light);color:var(--color-warning)}@media(min-width:768px){.permission-toggle-qualifiers{max-width:400px}}.permission-configuration-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-light-gray);margin-bottom:var(--spacing-lg)}.permission-configuration-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0;color:var(--color-black)}.permission-configuration-content{display:flex;flex-direction:column;gap:var(--spacing-lg);flex-wrap:wrap}.permission-configuration-actions{display:flex;gap:var(--spacing-sm);flex:0 0 100%;order:999}.permission-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.permission-group-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-black)}.permission-group-list{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(min-width:768px){.permission-configuration-content{flex-direction:row;gap:4rem;align-items:flex-start}.permission-group{flex:0 1 40%;min-width:300px;max-width:500px}}.admin-role-info__header{display:flex;align-items:center;gap:var(--spacing-md)}.admin-role-info__section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-light-gray);margin-bottom:var(--spacing-lg)}.admin-role-info__section-header{margin-bottom:var(--spacing-md)}.admin-role-info__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-black)}.admin-role-info__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-role-info__row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-role-info__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-black)}.admin-role-info__value{font-size:var(--font-size-md);color:var(--color-black)}.admin-role-info__value select{width:100%;max-width:400px}@media(min-width:768px){.admin-role-info__content{flex-direction:row;gap:var(--spacing-xxl)}.admin-role-info__row{flex:1;min-width:0;max-width:300px}.admin-role-info__row .mob-form-field__content{min-width:200px}.admin-role-info__row .mob-form-field__content input[type=text]{width:100%}}.no-forms-message{text-align:center;color:#666;font-style:italic;margin:2rem 0}.admin-organizations-table__filter-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-organizations-table__results-count{font-size:var(--font-size-sm);color:var(--color-dark-gray);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner{position:relative;display:inline-flex;width:32px;height:32px}.spinner-icon{width:100%;height:100%;color:currentColor;animation:spinner-rotate 1.5s linear infinite}.spinner-circle{stroke-dasharray:125;stroke-dashoffset:50;animation:spinner-dash 1.5s ease-in-out infinite;transform-origin:center}.loading-text{margin-top:8px;font-size:var(--font-size-xs);color:var(--color-black)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:125}50%{stroke-dashoffset:50}to{stroke-dashoffset:125}}.auth-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);z-index:1000}.auth-loading .loading-spinner-container{background-color:var(--color-surface);padding:var(--spacing-md);border-radius:6px;box-shadow:0 2px 8px #0000001a;width:85%;max-width:300px}.auth-loading .spinner-icon{color:var(--color-primary)}.auth-spinner .loading-spinner{width:48px;height:48px}@media(min-width:768px){.loading-text{font-size:var(--font-size-sm);margin-top:12px}.auth-loading .loading-spinner-container{padding:var(--spacing-xl);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px}.auth-spinner .loading-spinner{width:64px;height:64px}}.organization-overview .card__content{display:flex;flex-direction:row;align-items:flex-start;gap:1em;justify-content:space-between}.card__content>img{max-height:15em;max-width:15em}.admin-organization-overview__general-information-items{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:1em;column-gap:2em}.admin-organization-overview__general-information-items>div{display:flex;flex-direction:row;align-items:center;gap:.5em}.admin-organization-overview__general-information-items>div>label{font-weight:var(--font-weight-semibold)}.admin-organization-overview__general-information-items>div>span{font-size:var(--font-size-md);color:var(--color-black)}.admin-organization-overview__general-information-items svg{cursor:pointer}.org-overview-save-cancel-buttons{display:flex;flex-direction:column;gap:1em}.organization-overview .card:not(:first-child){margin-top:var(--spacing-md)}.organization_units{text-align:center}.organization_units select{padding:var(--spacing-md);border-radius:var(--spacing-md)}.organization_units-table{margin:var(--spacing-md) auto}.organization_units-table .table-container{margin-top:var(--spacing-md)}.organization_units-table svg{cursor:pointer}.organization_units-full-width{display:block;margin-top:var(--spacing-sm)}.organization_units-table__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.create-organization{display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--color-surface);max-width:100%}.create-organization .button-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.activated-radio-group{display:flex;flex-direction:row;gap:var(--spacing-lg)}.activated-radio-group label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.file-input-wrapper{width:100%}.file-input-display{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.file-name{font-size:var(--font-size-sm);color:var(--color-gray)}.file-clear-button{background:none;border:none;color:var(--color-gray);cursor:pointer;font-size:1.2em;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.file-clear-button:hover{background-color:var(--color-light-gray);color:var(--color-text)}.file-clear-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.csv-uploads-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-light-gray)}@media(min-width:768px){.create-organization{max-width:500px}.create-organization .button-group{flex-direction:row}}.create-organization_unit{text-align:center}.create-organization_unit>div{display:flex;width:fit-content;margin:.5em auto;align-items:center;gap:.5em}.edit-organization_unit{text-align:center}.edit-organization_unit .error{color:var(--color-error)}.edit-organization_unit>div{display:flex;width:fit-content;margin:.5em auto;align-items:center;gap:.5em}.sites{text-align:center}.sites-table{display:grid;grid-template-columns:repeat(9,auto);row-gap:var(--spacing-xs);align-items:center;justify-content:center}.sites select{padding:.4em;border-radius:.5em}.sites-table>*{margin:.5em}.sites-table>*:nth-child(18n+10),.sites-table>*:nth-child(18n+11),.sites-table>*:nth-child(18n+12),.sites-table>*:nth-child(18n+13),.sites-table>*:nth-child(18n+14),.sites-table>*:nth-child(18n+15),.sites-table>*:nth-child(18n+16),.sites-table>*:nth-child(18n+17){background-color:#ccc}.sites-table svg{cursor:pointer}.sites-table *{height:1.5em}.sites-header{font-weight:var(--font-weight-bold)}.sites-table>.sites-full-width{grid-column:1/10;background-color:inherit}.edit-site{text-align:center}.edit-site>div{display:flex;width:fit-content;margin:1em auto;align-items:center;gap:.5em}.organizations-users-table{display:grid;grid-template-columns:repeat(3,auto);row-gap:var(--spacing-xs);align-items:center;justify-content:center;justify-items:center}.remove-user{height:25px;cursor:pointer}.full-width{grid-column:1/4}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl);text-align:center;max-width:500px;width:100%}.access-denied__message{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);color:var(--color-dark-gray);line-height:var(--line-height-body)}.access-denied__actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.access-denied__actions{flex-direction:column}.access-denied__actions .mob-button{width:100%}}.account-parent{text-align:center}.account-parent>div{display:grid;align-items:center;justify-content:center;border-radius:.5em;background-color:#d0effd;width:fit-content;margin:2em auto;padding:1em;row-gap:1em}.account-settings{gap:1em;grid-template-columns:repeat(3,auto)}.account-organizations-table{grid-template-columns:repeat(3,auto)}.account-organizations-table>*:nth-child(6n+4),.account-organizations-table>*:nth-child(6n+5),.account-organizations-table>*:nth-child(6n+6){background-color:#9adeff}.account-organizations-table svg.account-organization-edit{cursor:pointer}.account-organizations-table *{height:1.5em}.account-header{font-weight:var(--font-weight-bold);padding:1em}.account-organizations-table>.account-organizations-no-orgs{grid-column:1/4;background-color:inherit}.typographyDemo{padding:2rem}.typoCard{max-width:1200px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:12px;padding:2rem}.typoHeader{margin-bottom:1.5rem}.muted{color:var(--color-gray)}.grid{display:grid;gap:1.25rem}.codeBlock,.tableWrap{overflow-x:auto}.footer{margin-top:2rem;color:var(--color-gray)}.select-demo{padding:1.5rem;max-width:48rem}.select-demo__section-title{margin:0 0 1rem;font-size:1.25rem;border-bottom:1px solid var(--color-border, #ddd);padding-bottom:.5rem}.select-demo__block{margin-bottom:1.5rem}.select-demo__block h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.select-demo__value{margin:.5rem 0 0;font-size:.875rem;color:var(--color-muted, #666)}.select-demo__btn{margin-top:.5rem;padding:.35rem .75rem;font-size:.875rem;cursor:pointer}.tab-demo{padding:var(--spacing-lg);max-width:56rem}.tab-demo__section-title{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);border-bottom:1px solid var(--color-light-gray);padding-bottom:var(--spacing-sm)}.tab-demo__muted{margin:0 0 var(--spacing-md)}.tab-demo__block .tab-demo__muted{margin-bottom:var(--spacing-md)}.tab-demo__block{margin-bottom:var(--spacing-lg)}.tab-demo__block h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.tab-demo__panel-content{padding:var(--spacing-md);border:1px solid var(--color-light-gray);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.tab-demo__panel-content h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading)}.tab-demo__panel-content p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-body)}.tab-demo__divider{border:none;border-top:1px solid var(--color-light-gray);margin:var(--spacing-lg) 0}.tab-demo__vertical-tabs{min-height:12rem}.tab-demo__vertical-tabs .tab-demo__panel-content{border-top:1px solid var(--color-light-gray);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tab-demo__icon{display:inline-block;font-size:var(--font-size-lg);line-height:1}.tab-demo__footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.tab-demo__footer p{margin:0;font-size:var(--font-size-sm);color:var(--color-dark-gray);line-height:var(--line-height-body)}.login-container-background{background-color:var(--color-background);opacity:.8;background:linear-gradient(165deg,#15161e55 25%,transparent 25%) -50px 0/ 100px 100px,linear-gradient(205deg,#55565e 25%,transparent 25%) -50px 0/ 100px 100px,linear-gradient(345deg,#15161e55 25%,transparent 25%) 0px 0/ 100px 100px,linear-gradient(25deg,#75767e 25%,#e5e5f7 25%) 0px 0/ 100px 100px #000;width:100%;height:100vh}.login-container{max-width:530px;height:90%;position:absolute;right:3rem;top:2rem;background-color:var(--color-surface);display:flex;flex-direction:column;justify-content:center;padding:5vh 7vw}.login-logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase}.login-logo{width:55px;height:55px;border-radius:var(--radius-md);border:red solid thin;background-color:var(--color-background);opacity:.8;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,#e5e5f6 10px),repeating-linear-gradient(#15161e45,#15161e)}.login-span{margin:5vh 0;font-size:calc(2.5vh + 8px);font-weight:var(--font-weight-medium);text-align:center}.login-inner-content{display:flex;flex-direction:column;height:60%}@media(max-width:550px){.login-container{width:100%;max-width:unset;height:100%;position:unset;right:unset;top:unset;background-color:var(--color-surface);padding:max(2rem,10vh) max(1rem,10vw);display:flex;flex-direction:column;justify-content:center}}.login-form-label{display:flex;flex-direction:column;margin:5vh 0}.login-form-input{font-size:var(--font-size-sm);line-height:var(--line-height-heading);width:100%;border-radius:var(--radius-sm);border-width:1px;border-color:var(--color-light-gray);padding:.375rem .75rem;color:var(--color-black);font-family:inherit;border-style:solid;box-sizing:border-box}.login-form-input:hover{border-color:var(--color-primary-dark)}.login-form-button{height:34px;border-radius:var(--radius-sm);border-width:1px;padding-left:.75rem;padding-right:.75rem;border-color:#3fa9f5;font-size:var(--font-size-md);line-height:var(--line-height-body);border-style:solid;width:100%;margin-top:5vh}.login-form-button:disabled{cursor:not-allowed;border-color:#b7b7b7;background-color:#e8e8e8;color:#b7b7b7}.login-form-button-default{background-color:#3fa9f5;color:#fff}.login-form-button-default:hover{background-color:#eef8ff;color:#3f8bd7}.login-form-rule{margin:1.25rem 0;border-color:var(--color-light-gray);border-top-width:1px;height:0;border-style:solid}.login-form-error{background-color:var(--color-error);color:var(--color-light-gray);padding:.2rem;text-align:center;margin:1vh 0 0;border-radius:var(--radius-sm);cursor:pointer}.login-form-success{background-color:var(--color-success);color:var(--color-surface);padding:.2rem;text-align:center;margin:1vh 0 0;border-radius:var(--radius-sm);cursor:pointer}.user-menu{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);margin-right:var(--spacing-sm);min-width:0}.user-menu-info{display:flex;flex-direction:column;align-items:flex-end;min-width:0;cursor:pointer}.user-menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-org-name{font-size:var(--font-size-xs);color:var(--color-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-org-name--admin{color:var(--color-primary);font-weight:var(--font-weight-medium)}.user-menu-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;object-fit:cover;flex-shrink:0}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);padding:var(--spacing-xs) 0;background-color:var(--color-surface);border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-menu);min-width:200px;max-width:320px}@media(min-width:768px){.user-menu-dropdown{min-width:220px;width:max-content;max-width:380px}}.user-menu-dropdown ul{list-style:none;margin:0;padding:0}.user-menu-dropdown li a,.user-menu-dropdown li .logout-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%;text-align:left;font-size:var(--font-size-sm);color:var(--color-black);text-decoration:none;background:none;border:none;cursor:pointer}.user-menu-dropdown li a:hover,.user-menu-dropdown li .logout-button:hover{background-color:var(--color-primary-light)}.user-menu-dropdown .account-icon,.user-menu-dropdown .logout-icon{width:1em;height:1em;flex-shrink:0}.user-menu-org-switcher{border-bottom:1px solid var(--color-light-gray);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.user-menu-org-switcher-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%;text-align:left;font-size:var(--font-size-sm);color:var(--color-black);background:none;border:none;cursor:pointer}.user-menu-org-switcher-header:hover{background-color:var(--color-primary-light)}.user-menu-org-switcher-icon{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;margin-left:auto}.user-menu-org-chevron{width:1em;height:1em}.user-menu-org-switcher-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-org-list{list-style:none;margin:0}.user-menu-org-item{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-xxl);text-align:left;font-size:var(--font-size-sm);color:var(--color-black);background:none;border:none;cursor:pointer}.user-menu-org-item:hover{background-color:var(--color-primary-light)}.user-menu-org-item--current{color:var(--color-primary);border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-xxl) - 3px);font-weight:var(--font-weight-medium)}.header{position:sticky;top:0;z-index:var(--z-header);width:100%;grid-area:header;height:var(--header-height);background-color:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-light-gray);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.logo{display:inline-flex;justify-content:start;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.logo span{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}@media(min-width:768px){.header{padding:var(--spacing-sm) var(--spacing-lg)}.logo span{font-weight:var(--font-weight-medium);font-size:var(--font-size-xxl)}}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-light-gray);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative;transition:width .3s ease}.sidebar-header{display:flex;align-items:center;gap:12px;padding:10px;margin-top:0;height:40px;position:relative}.sidebar-title{color:#000;font-size:var(--font-size-lg, 18px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-header svg{width:24px;height:24px;flex-shrink:0}.sidebar--open .sidebar-toggle-button{position:static;flex-shrink:0}.sidebar--open .sidebar-header{padding-top:10px;margin-top:10px}.sidebar--closed .sidebar-header{margin-top:0;padding-top:56px;flex-direction:column;height:auto;gap:4px}.sidebar--closed{width:56px}.sidebar-toggle-button{position:absolute;top:10px;right:10px;width:40px;height:40px;background-color:transparent;color:var(--color-black);border:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-xl);z-index:var(--z-sidebar--toggle);transition:background-color .2s}.sidebar--closed .sidebar-toggle-button{right:5px}.sidebar--closed .sidebar-nav{opacity:1;pointer-events:auto;padding:var(--spacing-sm) 0}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto;opacity:1;transition:opacity .3s ease}.sidebar-nav svg{width:16px;height:16px}.sidebar-admin-toggle{display:flex;align-items:baseline;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-black);background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:all .2s ease-in-out;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);font-family:inherit}.sidebar-admin-toggle:hover{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-admin-items{padding-left:calc(16px + var(--spacing-sm))}.sidebar--closed .sidebar-admin-items{padding-left:0}@media(min-width:768px){.sidebar{box-shadow:none}}.sidebar-overlay{position:fixed;top:0;left:0;height:100%;width:100%;background:#00000080;z-index:var(--z-overlay)}.sidebar-button{display:flex;align-items:baseline;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-black);text-decoration:none;transition:all .2s ease-in-out}.sidebar-button:hover{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-button.active{color:var(--color-primary);border-right:3px solid var(--color-primary)}.sidebar-button.active .sidebar-button-label{font-weight:var(--font-weight-medium)}.sidebar-button-icon{display:flex;align-items:center;margin-right:var(--spacing-sm);flex-shrink:0}.sidebar-button-label{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-button.collapsed{justify-content:center;padding:var(--spacing-sm)}.sidebar-button.collapsed .sidebar-button-icon{margin-right:0}.sidebar-button.collapsed .sidebar-button-label{display:none}.main-content{flex:1;padding:var(--spacing-sm)}@media(min-width:768px){.main-content{padding:var(--spacing-lg)}}.footer{background-color:var(--color-black);padding:var(--spacing-md) var(--spacing-lg);margin-top:auto;min-height:60px;display:flex;align-items:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%;max-width:1200px;margin:0 auto}.footer-left{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-brand{font-weight:var(--font-weight-semibold);color:var(--color-light-gray);font-size:var(--font-size-sm)}.footer-version{background-color:var(--color-light-gray);color:var(--color-gray);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.footer-right{display:flex;align-items:center}.footer-copyright{color:var(--color-gray);font-size:var(--font-size-sm)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;gap:0}}.layout{--sidebar-width-open: 240px;--sidebar-width-closed: 56px;display:flex;flex-direction:row;min-height:100vh;min-width:320px;z-index:var(--z-layout)}.layout-main{flex:1;min-width:0;display:flex;flex-direction:column;z-index:var(--z-layout-main);overflow-x:hidden}.sidebar{position:fixed;flex-shrink:0;top:0;left:0;height:100vh;z-index:var(--z-sidebar)}.sidebar--open{width:var(--sidebar-width-open)}.sidebar--closed{width:var(--sidebar-width-closed)}.sidebar--closed+.layout-main{margin-left:var(--sidebar-width-closed)}@media(min-width:768px){.sidebar--open+.layout-main{margin-left:var(--sidebar-width-open)}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);align-items:start}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid .card--full{grid-column:1 / -1}}.incident-table{text-align:left}.incident-table h1{margin:0 0 var(--spacing-md) 0}.incident-full-width{display:block;text-align:center;padding:var(--spacing-md);color:var(--color-black)}.incident-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background-color:#00000080;display:flex;align-items:flex-start;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.incident-modal-container{width:100%;max-width:100%;min-height:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-md)}.incident-modal-card{width:100%;max-width:100%;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);max-height:calc(100vh - var(--spacing-xl));overflow-y:auto}.incident-modal-no-org{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--color-black)}.incident-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.incident-modal-actions button{width:100%}.choose-site-and-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.choose-site-and-form>div{display:flex;flex-direction:column;gap:var(--spacing-sm)}.choose-site-and-form label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-black);line-height:var(--line-height-body)}@media(min-width:768px){.incident-modal-overlay{align-items:center;justify-content:center;padding:var(--spacing-md)}.incident-modal-container{max-width:600px;min-height:auto;align-items:center;justify-content:center;padding:0}.incident-modal-card{margin-top:0;margin-bottom:0;max-height:calc(100vh - var(--spacing-xxl))}.incident-modal-actions{flex-direction:row;gap:var(--spacing-md)}.incident-modal-actions button{width:auto}}@media(min-width:1024px){.incident-modal-container{max-width:700px}}.audio-player{width:100%;max-width:400px}.audio-player-with-margin{width:100%;max-width:400px;margin-bottom:var(--spacing-sm)}.recording-indicator{padding:var(--spacing-md);background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.recording-indicator-text{color:var(--color-black);font-weight:var(--font-weight-semibold)}.recording-warning{color:var(--color-error)!important;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.button-margin-right{margin-right:var(--spacing-sm)}.audio-download-container{margin-top:var(--spacing-sm)}.no-audio-message{color:var(--color-dark-gray);font-style:italic}.image-preview{width:100%;max-width:100%;max-height:400px;height:auto;border:1px solid var(--color-light-gray);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);cursor:pointer;object-fit:contain}.file-input-margin{margin-bottom:var(--spacing-sm)}input[type=file].file-input-margin{width:100%;max-width:100%;box-sizing:border-box}.browser-warning{padding:var(--spacing-sm);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.image-download-container{margin-top:var(--spacing-sm)}.no-image-message{color:var(--color-dark-gray);font-style:italic}@media(min-width:768px){.image-preview{max-width:500px;max-height:500px}}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);box-sizing:border-box}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal-content img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-sm)}.image-modal-close{position:absolute;top:-40px;right:0;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--color-dark-gray);transition:background-color .2s}.image-modal-close:hover{background:#fff}.image-modal-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.button-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.signature-readonly{pointer-events:none;opacity:.6}.form-error-display{white-space:pre-wrap}@media(min-width:768px){.button-group{flex-direction:row}}