:root,[data-theme=dark]{color-scheme:dark;--bg: #0e1520;--surface: #162030;--border: #243448;--text: #e8eef4;--muted: #8fa3b8;--accent: #0099e0;--accent-hover: #0087ca;--accent-soft: rgba(0, 153, 224, .14);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--overlay: rgba(8, 14, 22, .72);--shadow: rgba(0, 0, 0, .45);--highlight: #1a3044;--badge-pending-bg: #422006;--badge-approved-bg: #14532d;--table-row-alt: color-mix(in srgb, var(--border) 28%, var(--surface));--table-head-bg: color-mix(in srgb, var(--accent) 6%, var(--surface))}[data-theme=light]{color-scheme:light;--bg: #f5f5f5;--surface: #ffffff;--border: #d4dfe8;--text: #1e2a36;--muted: #5a6b7d;--accent: #0087ca;--accent-hover: #006fa8;--accent-soft: rgba(0, 135, 202, .1);--success: #15803d;--warning: #b45309;--danger: #dc2626;--overlay: rgba(30, 42, 54, .45);--shadow: rgba(30, 42, 54, .12);--highlight: #e8f4fa;--badge-pending-bg: #fef3c7;--badge-approved-bg: #dcfce7;--table-row-alt: #f6f8fb;--table-head-bg: #eef4f9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem}button:hover,.btn:hover{background:var(--accent-hover)}button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:6px;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-card{max-width:440px;width:100%;box-shadow:0 12px 40px var(--shadow)}.modal-card--wide{max-width:520px}.leave-detail-modal{max-height:75vh;display:flex;flex-direction:column;overflow:hidden}.leave-detail-modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-shrink:0}.leave-detail-modal__body{flex:1;min-height:0;overflow-y:auto;padding-right:.25rem}.leave-detail-modal__head h2{font-size:1.15rem;margin:0}.leave-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1.25rem;margin-bottom:1.25rem}.detail-row dt{font-size:.75rem;color:var(--muted);font-weight:500;margin-bottom:.15rem}.detail-row dd{margin:0;font-size:.9rem}.leave-detail-reason{margin-bottom:1rem;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px}.leave-detail-reason h3{font-size:.85rem;color:var(--muted);margin-bottom:.5rem;font-weight:600}.leave-detail-reason__text{margin:0;white-space:pre-wrap;line-height:1.5}.leave-detail-reason--reject{border-color:var(--danger)}.leave-detail-meta{font-size:.85rem;color:var(--muted);margin:.5rem 0 0}.leave-detail-viewonly{font-size:.8rem;color:var(--muted);margin:.75rem 0;flex-shrink:0}.detail-extras-title{font-size:.85rem;color:var(--muted);margin:1rem 0 .5rem;font-weight:600}.clickable-card{cursor:pointer;transition:border-color .15s}.clickable-card:hover{border-color:var(--accent)}.clickable-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.clickable-list{list-style:none;padding:0;margin:0}.clickable-list-item:nth-child(2n){background:var(--table-row-alt)}.clickable-list-item{cursor:pointer;padding:.5rem .75rem;border-radius:6px;margin-bottom:.25rem}.clickable-list-item:hover{background:var(--highlight)}.clickable-list-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.leave-detail-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem}.tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:-1px;padding:.65rem 1rem;transition:color .15s,border-color .15s}.tabs__tab:hover{background:transparent;color:var(--text)}.tabs__tab--active,.tabs__tab--active:hover{background:transparent;border-bottom-color:var(--accent);color:var(--accent)}.tabs__tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.select-input{position:relative;display:block;min-width:11rem;width:100%}.select-input__trigger{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.5rem .65rem .5rem .75rem;text-align:left;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.select-input__trigger:hover:not(:disabled){background:var(--highlight);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.select-input__trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.select-input--open .select-input__trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select-input__trigger:disabled{cursor:not-allowed;opacity:.6}.select-input__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-input__value--placeholder{color:var(--muted);font-weight:400}.select-input__chevron{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted);flex-shrink:0;transition:transform .15s}.select-input--open .select-input__chevron{transform:rotate(180deg)}.select-input__menu{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 28px var(--shadow);left:0;list-style:none;margin:.35rem 0 0;max-height:16rem;min-width:100%;overflow-y:auto;padding:.35rem;position:absolute;right:0;top:100%;z-index:50}.select-input__option{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:.5rem;padding:.5rem .65rem;text-align:left;transition:background .12s,color .12s;width:100%}.select-input__option:hover{background:var(--highlight)}.select-input__option--selected,.select-input__option--selected:hover{background:var(--accent-soft);color:var(--accent);font-weight:500}.select-input__check{color:var(--accent);flex-shrink:0;font-size:.8rem;width:1rem}.select-input__option-label{flex:1;min-width:0}.creatable-select-input__menu{display:flex;flex-direction:column;padding:0;overflow:hidden}.creatable-select-input__options{list-style:none;margin:0;padding:.25rem 0;max-height:12rem;overflow-y:auto}.creatable-select-input__empty{padding:.5rem .75rem;font-size:.85rem}.creatable-select-input__add{display:flex;gap:.35rem;padding:.5rem;border-top:1px solid var(--border);background:var(--surface-elevated, rgba(0, 0, 0, .02))}.creatable-select-input__input{flex:1;min-width:0;padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px;font:inherit;background:var(--bg, #fff);color:inherit}.creatable-select-input__add-btn{flex-shrink:0;padding:.35rem .55rem;font-size:.8rem}.table-clickable .clickable-row{cursor:pointer}.table-clickable .clickable-row:hover{background:var(--highlight)}.table-clickable .clickable-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.data-table.table-clickable .clickable-row{cursor:pointer}.data-table.table-clickable .clickable-row:hover{background:var(--highlight)}.data-table.table-clickable .clickable-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.kanban-card--clickable{cursor:pointer}.kanban-card--clickable:hover{background:var(--highlight)}.kanban-board{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:.5rem}.kanban-column{min-width:260px;flex:0 0 260px;padding:.75rem}.kanban-column__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.kanban-column__header h3{margin:0;font-size:.95rem}.kanban-column__count{font-size:.75rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.1rem .45rem}.kanban-column__empty{font-size:.8rem;margin:0}.kanban-card{margin-bottom:.65rem;padding:.65rem .75rem}.kanban-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem}.kanban-card__title{font-weight:600;font-size:.9rem;text-decoration:none;color:inherit}.kanban-card__title:hover{color:var(--accent)}.kanban-card__tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:4px;padding:.1rem .3rem;flex-shrink:0}.kanban-card__client{margin:.35rem 0 0;font-size:.85rem}.kanban-card__meta{margin:.2rem 0 0;font-size:.78rem}.kanban-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-top:.55rem}.kanban-card__move{flex:1;max-width:9rem;font-size:.75rem;padding:.2rem .35rem}@media (max-width: 520px){.leave-detail-grid{grid-template-columns:1fr}}.layout{display:flex;min-height:100vh;height:100vh;width:100%;overflow:hidden}.layout__main-wrap{flex:1;min-width:0;min-height:100vh;max-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-header{position:sticky;top:0;z-index:40;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.65rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 3px var(--shadow)}.layout--sidebar-collapsed .app-header{padding-left:2rem}.app-header__org{display:flex;align-items:center;gap:.6rem;min-width:0;justify-self:start}.app-header__logo{max-height:28px;flex-shrink:0}.app-header__org-name{font-size:.95rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__center{justify-self:center;min-width:0;max-width:100%}.app-header__end{justify-self:end;display:flex;align-items:center}.app-header__title{font-size:1.05rem;font-weight:600;margin:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.header-profile{position:relative}.header-profile__trigger{display:flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--border);border-radius:50%;background:transparent;cursor:pointer;width:40px;height:40px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.header-profile__trigger:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.header-profile__avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.header-profile__avatar--initials{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);font-size:.75rem;font-weight:700}.header-profile__menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px var(--shadow);padding:.35rem 0;z-index:100}.header-profile__menu-head{padding:.65rem 1rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.25rem;display:flex;flex-direction:column;gap:.15rem}.header-profile__email{font-size:.78rem;color:var(--muted);word-break:break-all}.header-profile__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.55rem 1rem;text-align:left;text-decoration:none;color:var(--text);background:transparent;border:none;font:inherit;cursor:pointer}.header-profile__item:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface));text-decoration:none}.header-profile__theme,.header-profile__role{cursor:default;font-size:.9rem;color:var(--muted)}.header-profile__role strong{color:var(--text);font-weight:600}.header-profile__signout{border-top:1px solid var(--border);margin-top:.25rem;color:var(--danger, #c1121f);font-weight:500}.theme-switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-switch input{position:absolute;opacity:0;width:0;height:0}.theme-switch__label{font-size:.8rem;color:var(--text);min-width:2.5rem;text-align:right}.theme-switch__track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--border);transition:background .2s;flex-shrink:0}.theme-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.theme-switch input:checked+.theme-switch__track{background:var(--accent)}.theme-switch input:checked+.theme-switch__track:after{transform:translate(18px)}.app-header__start{min-width:0;flex:1}.app-header__actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.app-header__user{font-size:.85rem;color:var(--muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__role{color:var(--muted)}.app-header .theme-toggle{width:auto;flex-shrink:0}.app-header__logout{white-space:nowrap}.sidebar{--sidebar-width: 260px;--sidebar-collapsed-width: 64px;position:relative;width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;height:100vh;max-height:100vh;background:var(--surface);border-right:1px solid var(--border);transition:width .2s ease;overflow:visible;z-index:45}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__header{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:.85rem .65rem .65rem;border-bottom:1px solid var(--border)}.sidebar__brand{display:flex;align-items:center;justify-content:center;min-width:0;width:100%}.sidebar__brand-mark{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;width:100%;box-sizing:border-box}[data-theme=dark] .sidebar__brand-mark{background:var(--surface)}.sidebar--collapsed .sidebar__brand-mark{padding:.45rem;width:100%}.sidebar--collapsed .sidebar__brand{justify-content:center;width:100%}.sidebar__logo{display:block;flex-shrink:0;margin:0 auto}.sidebar__logo--full{width:auto;max-width:100%;max-height:58px;object-fit:contain;object-position:center center}.sidebar__logo--icon{width:42px;height:42px;object-fit:contain}.sidebar--collapsed .sidebar__header{padding:.65rem .35rem .5rem}.sidebar__edge-toggle{position:absolute;top:4.65rem;right:-.875rem;z-index:60;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);box-shadow:0 1px 4px var(--shadow);cursor:pointer;transition:color .15s,border-color .15s,background .15s,box-shadow .15s,transform .15s}.sidebar__edge-toggle:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft);box-shadow:0 2px 8px var(--shadow)}.sidebar__edge-toggle:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sidebar__edge-toggle:active{transform:scale(.96)}.sidebar--collapsed .sidebar__edge-toggle{top:3.85rem}.sidebar__brand-text h2{font-size:.95rem;margin-bottom:.25rem;color:var(--accent);line-height:1.3;word-break:break-word}.sidebar__tagline{font-size:.7rem;color:var(--muted);margin-bottom:.35rem}.sidebar__user{font-size:.75rem;color:var(--muted);line-height:1.35}.sidebar__role{white-space:nowrap}.sidebar__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.5rem .65rem;scrollbar-gutter:stable}.sidebar__scroll::-webkit-scrollbar{width:6px}.sidebar__scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar__nav{display:block}.sidebar__nav-actions{display:flex;justify-content:flex-end;gap:.3rem;margin-bottom:.55rem;padding:0 .1rem}.sidebar__nav-action{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.sidebar__nav-action:hover:not(:disabled){color:var(--accent);background:var(--accent-soft)}.sidebar__nav-action:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-soft);color:var(--accent)}.sidebar__nav-action:disabled{opacity:.35;cursor:default}.sidebar__group{margin-bottom:.55rem;padding-bottom:.45rem;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.sidebar__group:last-child{margin-bottom:.25rem;border-bottom:none;padding-bottom:0}.sidebar__group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.35rem;padding:.5rem .55rem .5rem .6rem;margin-bottom:.2rem;border:none;border-left:3px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--accent) 7%,var(--bg));color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:background .15s,border-color .15s,color .15s}.sidebar__group-toggle:hover{background:color-mix(in srgb,var(--accent) 14%,var(--bg));border-left-color:var(--accent);color:var(--text)}.sidebar__group--active .sidebar__group-toggle{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent)}.sidebar__group--open .sidebar__group-toggle{background:color-mix(in srgb,var(--accent) 12%,var(--bg));border-left-color:var(--accent)}.sidebar__group-label{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:1}.sidebar__group-chevron{width:.45rem;height:.45rem;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease;margin-top:-.15rem}.sidebar__group--open .sidebar__group-chevron{transform:rotate(-135deg);margin-top:.1rem}.sidebar__group-rule{height:2px;background:linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 35%,var(--border)) 45%,transparent 100%);margin:.5rem .35rem;border-radius:1px;opacity:.85}.sidebar__link-list{list-style:none;overflow:hidden;max-height:480px;transition:max-height .2s ease,opacity .15s ease;opacity:1}.sidebar__link-list--collapsed{max-height:0;opacity:0;pointer-events:none}.sidebar__link-list a{display:flex;align-items:center;padding:.45rem .65rem .45rem .85rem;color:var(--muted);border-radius:6px;margin-bottom:.15rem;margin-left:.35rem;text-decoration:none;font-size:.88rem;line-height:1.3}.sidebar__link-inner{display:flex;align-items:center;gap:.6rem;min-width:0}.sidebar__link-label{min-width:0}.sidebar__link-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted);opacity:.9}.sidebar__link-icon svg{display:block}.sidebar--collapsed .sidebar__link-list a{justify-content:center;text-align:center;padding:.5rem .25rem;margin-left:0}.sidebar--collapsed .sidebar__link-icon{opacity:1}.sidebar__link-list a:hover .sidebar__link-icon,.sidebar__link-list a.active .sidebar__link-icon{color:var(--accent);opacity:1}.sidebar__link-list a:hover,.sidebar__link-list a.active{background:var(--accent-soft);color:var(--text)}.sidebar__link-list a.active{color:var(--accent);font-weight:500}.sidebar__footer{flex-shrink:0;padding:.75rem;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:.5rem}.sidebar__signout{width:100%}.theme-toggle{display:flex;width:100%;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg)}.theme-toggle__btn{flex:1;padding:.4rem .5rem;font-size:.8rem;border:none;border-radius:0;background:transparent;color:var(--muted);cursor:pointer}.theme-toggle__btn:hover{background:var(--highlight);color:var(--text)}.theme-toggle__btn--active{background:var(--accent);color:#fff}.theme-toggle__btn--active:hover{background:var(--accent-hover);color:#fff}.theme-toggle--compact .theme-toggle__btn{padding:.45rem .25rem;font-size:1rem;line-height:1}.login-box__theme{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.login-box__theme-label{font-size:.85rem;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main{flex:1;min-height:0;padding:2rem;min-width:0;overflow-x:auto;overflow-y:auto}.main h1{font-size:1.5rem;margin-bottom:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stat{font-size:1.75rem;font-weight:600;color:var(--accent)}.stat-label{font-size:.85rem;color:var(--muted)}.page{max-width:none;width:100%}.page-lead{color:var(--muted);margin:-.75rem 0 1.25rem;font-size:.92rem}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;align-items:start;margin-bottom:1rem}.page-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.page-grid--sidebar{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.page-panel.card{margin-bottom:0;max-width:none;height:fit-content}.page-section{margin-top:1.25rem}.page-section:first-child{margin-top:0}.page-section>h2,.page-section>h3,.panel-title{font-size:1rem;font-weight:600;margin:0 0 .85rem}.page-section>h2{font-size:1.15rem}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.25rem}.page-stack{display:flex;flex-direction:column;gap:.65rem}.page-banner.card{margin-bottom:1rem;max-width:none}.form-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.form-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.form-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.form-row>.form-group{flex:1 1 160px;min-width:0;margin-bottom:0}.form-group{position:relative;margin-bottom:1.25rem;--field-label-bg: var(--surface)}.card .form-group,.page-panel .form-group{--field-label-bg: var(--surface)}.form-group>label:first-child:not(:has(input[type=checkbox])):not(:has(input[type=radio])){position:absolute;top:0;left:.65rem;transform:translateY(-50%);padding:0 .35rem;font-size:.75rem;font-weight:500;line-height:1.25;color:var(--muted);background:var(--field-label-bg);z-index:2;pointer-events:none;max-width:calc(100% - 1.3rem)}.form-group:focus-within>label:first-child:not(:has(input[type=checkbox])):not(:has(input[type=radio])){color:var(--accent)}.form-group>label:first-child .muted{font-weight:400}.form-group>label:has(>input[type=checkbox]),.form-group>label:has(>input[type=radio]){position:static;transform:none;display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;color:var(--text);background:none;padding:0;pointer-events:auto;max-width:none}.form-group>input:not([type=checkbox]):not([type=radio]),.form-group>select,.form-group>textarea{border-radius:8px}.form-group>.date-input,.form-group>.select-input{width:100%}.profile-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.profile-summary .profile-header{margin-bottom:0}.profile-summary{margin-bottom:1rem}.profile-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.profile-photo--empty{display:flex;align-items:center;justify-content:center;background:var(--border);color:var(--muted);font-size:.75rem}.file-upload-field__panel{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg) 88%,var(--surface));overflow:hidden;transition:border-color .15s,box-shadow .15s,background .15s}.file-upload-field__panel--active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.file-upload-field__panel--disabled{opacity:.65}.file-upload-field__drop{flex:1;min-width:0;display:flex;align-items:center;gap:.85rem;padding:.95rem 1rem;cursor:pointer;border-right:1px solid var(--border)}.file-upload-field__panel--active .file-upload-field__drop{border-right-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.file-upload-field__cloud{flex-shrink:0;color:var(--muted)}.file-upload-field__panel--active .file-upload-field__cloud{color:var(--accent)}.file-upload-field__prompt{display:flex;flex-direction:column;gap:.15rem;min-width:0}.file-upload-field__title{font-size:.9rem;font-weight:500;color:var(--text)}.file-upload-field__limit{font-size:.78rem;color:var(--muted)}.file-upload-field__browse{flex-shrink:0;align-self:stretch;border:none!important;border-radius:0!important;background:var(--surface)!important;color:var(--text)!important;padding:0 1.1rem!important;font-size:.875rem!important;white-space:nowrap;box-shadow:none!important}.file-upload-field__browse:hover:not(:disabled){background:var(--highlight)!important;color:var(--accent)!important}.file-upload-field__browse:disabled{cursor:not-allowed}.file-upload-field__input{display:none}.file-upload-field__list{list-style:none;margin:.55rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.file-upload-field--multi-list .file-upload-field__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.file-upload-field__preview{flex-shrink:0;padding:.2rem .45rem;font-size:.75rem}.file-upload-field__item{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-width:0}.file-upload-field--multi-list .file-upload-field__item{flex-wrap:wrap;align-items:flex-start}.file-upload-field__doc-icon{flex-shrink:0;color:var(--muted)}.file-upload-field__name{flex:1;min-width:0;font-size:.875rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-field__size{flex-shrink:0;font-size:.78rem;color:var(--muted)}.file-upload-field__remove{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer}.file-upload-field__remove:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.file-upload-field__remove:disabled{cursor:not-allowed;opacity:.5}.file-upload-field__hint{margin:.35rem 0 0;font-size:.78rem}.file-upload-field__actions{margin-top:.55rem}.file-upload-field__error{color:var(--danger);font-size:.85rem;font-weight:500;margin-top:.35rem}.error-text{color:var(--danger);font-size:.875rem;margin:.35rem 0 0}.date-input{position:relative;width:100%}.date-input__field{align-items:stretch;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden;transition:border-color .15s,box-shadow .15s;width:100%}.date-input__field:focus-within,.date-input--open .date-input__field{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.date-input--invalid .date-input__field{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}.date-input__text{background:transparent;border:none;color:var(--text);flex:1;font-size:.875rem;min-width:0;outline:none;padding:.5rem .65rem .5rem .75rem}.date-input__text::placeholder{color:var(--muted);font-weight:400}.date-input__text:disabled{cursor:not-allowed;opacity:.65}.date-input__calendar-btn{align-items:center;background:transparent;border:none;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0 .65rem;transition:background .15s,color .15s}.date-input__calendar-btn:hover:not(:disabled){background:var(--highlight);color:var(--accent)}.date-input__calendar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.date-input__calendar-btn:disabled{cursor:not-allowed;opacity:.5}.date-input__hint{font-size:.8rem;margin:.35rem 0 0}.date-input__hint--error{color:var(--danger);font-weight:500}.date-input__trigger{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.5rem .65rem .5rem .75rem;text-align:left;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.date-input__trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--highlight)}.date-input__trigger:focus-visible,.date-input--open .date-input__trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.date-input__trigger--placeholder .date-input__value{color:var(--muted);font-weight:400}.date-input__trigger:disabled{cursor:not-allowed;opacity:.65}.date-input__value{flex:1;min-width:0}.date-input__icon{color:var(--muted);display:flex;flex-shrink:0}.date-input__validator{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.date-input__calendar{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px var(--shadow);left:0;margin-top:.35rem;min-width:17.5rem;padding:.75rem;position:absolute;top:100%;z-index:60}.date-input__calendar-head{align-items:center;display:flex;gap:.35rem;justify-content:space-between;margin-bottom:.65rem}.date-input__selects{display:flex;flex:1;gap:.35rem;min-width:0}.date-input__select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;flex:1;font-size:.82rem;font-weight:600;min-width:0;padding:.35rem .45rem}.date-input__select:focus-visible{border-color:var(--accent);outline:none}.date-input__month{font-size:.9rem;font-weight:600}.date-input__nav{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:1.1rem;height:1.75rem;line-height:1;padding:0;width:1.75rem}.date-input__nav:hover{background:var(--highlight);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.date-input__weekdays,.date-input__days{display:grid;grid-template-columns:repeat(7,1fr);gap:.15rem}.date-input__weekdays{color:var(--muted);font-size:.7rem;font-weight:600;margin-bottom:.35rem;text-align:center}.date-input__day{aspect-ratio:1;background:transparent;border:none;border-radius:8px;color:var(--text);cursor:pointer;font-size:.82rem;padding:0}.date-input__day:hover:not(:disabled){background:var(--highlight)}.date-input__day--selected,.date-input__day--selected:hover{background:var(--accent);color:#fff;font-weight:600}.date-input__day--today:not(.date-input__day--selected){box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);font-weight:600}.date-input__day--disabled,.date-input__day--empty{cursor:default;opacity:.35}.date-input__calendar-foot{border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:flex-end;margin-top:.65rem;padding-top:.55rem}.date-input__foot-btn{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:600;padding:.15rem .35rem}.date-input__foot-btn:hover:not(:disabled){text-decoration:underline}.date-input__foot-btn:disabled{cursor:not-allowed;opacity:.45}.date-input__foot-btn--muted{color:var(--muted)}.date-input-stack{display:flex;flex-direction:column;gap:.5rem}.panel-subtitle{font-size:.85rem;color:var(--muted);margin:-.35rem 0 .85rem}.panel-divider{border:none;border-top:1px solid var(--border);margin:1rem 0}table{width:100%;border-collapse:collapse;font-size:.8125rem;line-height:1.35}table td{overflow:visible;vertical-align:middle}th,td{text-align:left;padding:.4rem .65rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;background:var(--table-head-bg);white-space:nowrap}table tbody tr:nth-child(2n){background:var(--table-row-alt)}table tbody tr:hover,table tbody tr.clickable-row:hover{background:var(--highlight)}table.table-compact th,table.table-compact td,.data-table th,.data-table td,.table-clickable th,.table-clickable td{padding:.38rem .6rem}.table-list{width:100%}.table-list__scroll{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.table-list .table-list__scroll table,.table-list>table,.page-section>table,.card>table{margin:0}.table-list .table-toolbar+.table-list__scroll{border-top:none;border-radius:0}.table-list .table-list__scroll>table{border:none;border-radius:0}.table-list .table-list__scroll+.pagination--table{border-top:none}.recruitment-schedule-form{max-width:36rem}.recruitment-wide-table,.recruitment-interviews-table{width:100%;min-width:52rem;table-layout:fixed}.recruitment-interviews-table th:nth-child(1),.recruitment-interviews-table td:nth-child(1){width:11%}.recruitment-interviews-table th:nth-child(2),.recruitment-interviews-table td:nth-child(2){width:12%}.recruitment-interviews-table th:nth-child(3),.recruitment-interviews-table td:nth-child(3){width:9%}.recruitment-interviews-table th:nth-child(4),.recruitment-interviews-table td:nth-child(4){width:14%}.recruitment-interviews-table th:nth-child(5),.recruitment-interviews-table td:nth-child(5){width:12%}.recruitment-interviews-table th:nth-child(6),.recruitment-interviews-table td:nth-child(6){width:16%}.recruitment-interviews-table th:nth-child(7),.recruitment-interviews-table td:nth-child(7){width:11%}.recruitment-interviews-table th:nth-child(8),.recruitment-interviews-table td:nth-child(8){width:7%}.recruitment-interviews-table th:nth-child(9),.recruitment-interviews-table td:nth-child(9){width:8%}.recruitment-interviews-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recruitment-interviews-table td:nth-child(9){white-space:normal}.recruitment-onboarding-table{margin-top:1rem}.page-grid--2>.table-list{min-width:0}.table-list>table,.page-section table.data-table,.page-section table.table-clickable{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-box{width:100%;max-width:400px}.login-box h1{margin-bottom:.5rem}.login-box p{color:var(--muted);margin-bottom:1.5rem}.error{color:var(--danger);font-size:.9rem;margin-top:.5rem}.onboarding-portal__hero{margin-bottom:1rem}.onboarding-steps{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;margin:1rem 0 0;padding:0}.onboarding-steps__item{font-size:.85rem;padding:.35rem .65rem;border-radius:999px;background:var(--bg);color:var(--muted)}.onboarding-steps__item--active{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);font-weight:600}.onboarding-steps__item--done{color:var(--success)}.onboarding-portal__hr-note{margin-top:.75rem;padding:.65rem .75rem;border-radius:6px;background:var(--bg);font-size:.9rem}.onboarding-accept{display:flex;gap:.5rem;align-items:flex-start;margin:1rem 0;font-size:.9rem}.onboarding-doc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.onboarding-doc{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.onboarding-doc--done{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--surface))}.onboarding-doc__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600}.onboarding-doc__required{font-size:.75rem;color:var(--accent);font-weight:500}.onboarding-doc__status{font-size:.85rem;color:var(--success);font-weight:600}.onboarding-file-list{list-style:none;margin:0;padding:0;font-size:.9rem}.onboarding-file-list li{display:flex;flex-direction:column;gap:.15rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.onboarding-hr-advanced{margin:.75rem 0 1rem;font-size:.9rem}.onboarding-hr-advanced summary{cursor:pointer;color:var(--accent);font-weight:500}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;background:var(--border)}.badge.pending{background:var(--badge-pending-bg);color:var(--warning)}.badge.approved{background:var(--badge-approved-bg);color:var(--success)}.badge.rejected{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.badge.withdrawn{background:color-mix(in srgb,var(--muted) 18%,var(--surface));color:var(--muted)}.badge.new{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.badge.in_progress{background:color-mix(in srgb,var(--warning) 14%,var(--surface));color:var(--warning)}.badge.lost{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.badge.won{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success)}.detail-dl{display:grid;grid-template-columns:minmax(7rem,auto) 1fr;gap:.35rem 1rem;margin:0 0 1rem;font-size:.9rem}.detail-dl dt{color:var(--muted);margin:0}.detail-dl dd{margin:0}.issue-comments{list-style:none;margin:0;padding:0}.issue-comment{padding:.75rem 0;border-bottom:1px solid var(--border)}.issue-comment__meta{display:flex;gap:.75rem;align-items:baseline;font-size:.85rem}.button-link{display:inline-block;padding:.35rem .65rem;text-decoration:none;border-radius:6px}.home-page{max-width:none;width:100%}.home-greeting{font-size:.88rem;color:var(--muted);margin:0 0 .85rem}.home-no-employee{margin-bottom:.85rem;padding:.75rem 1rem}.home-no-employee p{margin:0;color:var(--muted);font-size:.9rem}.home-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(220px,260px);gap:.85rem;align-items:start;width:100%}.home-layout__col{display:flex;flex-direction:column;gap:.65rem;min-width:0}.home-layout__col--center{position:sticky;top:4.5rem}.home-calendar-panel{padding:.85rem}.home-calendar-title{font-size:1rem;margin:0;font-weight:600}.home-section{padding:0;overflow:hidden}.home-section__toggle,.home-tile__toggle{display:flex;align-items:center;gap:.45rem;width:100%;padding:.55rem .65rem;border:none;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.home-section__toggle:hover,.home-tile__toggle:hover{background:var(--highlight)}.home-section__title,.home-tile__title{font-size:.82rem;font-weight:600;flex:1;min-width:0}.home-section__summary,.home-tile__headline{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%;text-align:right}.home-tile__headline .status-chip{font-size:.65rem;padding:.1rem .35rem}.home-section__chevron,.home-tile__chevron{width:.45rem;height:.45rem;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.65;transition:transform .15s}.home-section--open .home-section__chevron,.home-tile--open .home-tile__chevron{transform:rotate(45deg)}.home-section__body{padding:0 .55rem .55rem;border-top:1px solid var(--border)}.home-section-footnote{font-size:.75rem;color:var(--muted);margin:.5rem 0 0;padding-top:.45rem;border-top:1px solid var(--border)}.home-tile-stack{display:flex;flex-direction:column;gap:.35rem;padding-top:.45rem}.home-tile{border:1px solid var(--border);border-radius:6px;background:var(--bg);overflow:hidden}.home-tile__body{padding:0 .55rem .55rem;border-top:1px solid var(--border)}.home-tile__message{margin:.45rem 0 .25rem;font-size:.82rem}.home-tile__detail{margin:.35rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.4}.home-tile__action{display:inline-block;margin-top:.45rem;font-size:.78rem;font-weight:600;text-decoration:none}.home-tile__action:hover{text-decoration:underline}.home-admin-strip,.home-leave-balance,.home-status-section{margin-bottom:0}.home-section-title{font-size:1rem;margin-bottom:.75rem;color:var(--muted);font-weight:600}.home-admin-strip{margin-bottom:1.5rem}.home-clickable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.home-clickable-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.25rem;transition:border-color .15s,box-shadow .15s;position:relative;padding-bottom:1.85rem;cursor:pointer}.home-clickable-card:hover{border-color:var(--accent);box-shadow:0 2px 10px #0087ca14;text-decoration:none}.home-clickable-card__detail{font-size:.78rem;color:var(--muted);margin:0;line-height:1.4}.home-clickable-card__action{position:absolute;bottom:.65rem;right:.75rem;font-size:.72rem;color:var(--accent);font-weight:600}.home-stat-card .stat{font-size:1.35rem;font-weight:700}.home-stat-card .stat-label{font-size:.85rem;color:var(--muted);font-weight:500}.home-leave-balance{margin-bottom:1.5rem}.home-leave-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.home-leave-card__type{text-transform:capitalize;font-weight:600;margin-bottom:.35rem;font-size:.9rem}.home-leave-card__nums{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;margin-bottom:.5rem}.home-leave-card__meta{color:var(--muted);font-size:.75rem}.home-leave-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.home-leave-bar__fill{height:100%;background:var(--accent);border-radius:2px}.home-leave-total{font-size:.85rem;color:var(--muted);margin-top:.75rem}.home-alloc-total{padding:.65rem .75rem;border-radius:8px;margin-bottom:.75rem;border:1px solid var(--border)}.home-alloc-total--under{background:#f59e0b14;border-color:#f59e0b59}.home-alloc-total--normal{background:#22c55e14;border-color:#22c55e4d}.home-alloc-total--over{background:#ef444414;border-color:#ef444459}.home-alloc-total__head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.home-alloc-total__head strong{font-size:1.25rem}.home-alloc-capacity{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:999px}.home-alloc-capacity--under{background:var(--badge-pending-bg);color:var(--warning)}.home-alloc-capacity--normal{background:var(--badge-approved-bg);color:var(--success)}.home-alloc-capacity--over{background:#fee2e2;color:var(--danger)}.home-alloc-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.home-alloc-bar--item{height:4px;margin:.35rem 0}.home-alloc-bar__fill{height:100%;border-radius:3px;transition:width .2s ease}.home-alloc-bar__fill--under{background:var(--warning)}.home-alloc-bar__fill--normal{background:var(--success)}.home-alloc-bar__fill--over{background:var(--danger)}.home-alloc-list{display:flex;flex-direction:column;gap:.55rem}.home-alloc-item{padding:.55rem .65rem;border-radius:8px;border:1px solid var(--border);border-left-width:3px;background:var(--surface, rgba(255, 255, 255, .02))}.home-alloc-item--open,.home-alloc-item--ok{border-left-color:var(--success)}.home-alloc-item--approaching{border-left-color:#ca8a04;background:#eab3080f}.home-alloc-item--critical{border-left-color:var(--warning);background:#f59e0b14}.home-alloc-item--overdue{border-left-color:var(--danger);background:#ef444414}.home-alloc-item__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.home-alloc-item__code{margin-left:.35rem;font-size:.7rem;color:var(--muted)}.home-alloc-item__role{font-size:.75rem;color:var(--muted);margin-top:.1rem}.home-alloc-pct{font-size:.95rem;font-weight:700;white-space:nowrap}.home-alloc-pct--under{color:var(--warning)}.home-alloc-pct--normal{color:var(--success)}.home-alloc-pct--over{color:var(--danger)}.home-alloc-item__meta{margin-top:.15rem}.home-alloc-due{font-size:.75rem;color:var(--muted)}.home-alloc-due--approaching{color:#a16207;font-weight:600}.home-alloc-due--critical{color:var(--warning);font-weight:600}.home-alloc-due--overdue{color:var(--danger);font-weight:600}.home-status-section{margin-bottom:1.5rem}.home-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.home-status-card{min-height:7.5rem}.home-status-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.35rem}.home-status-card__message{font-size:.85rem;color:var(--text);margin:0 0 .25rem;font-weight:500}.status-chip{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;font-weight:600}.status-chip--ok{background:var(--badge-approved-bg);color:var(--success)}.status-chip--action,.status-chip--pending{background:var(--badge-pending-bg);color:var(--warning)}.status-chip--on_leave{background:#312e81;color:#a5b4fc}.status-chip--in_progress{background:#164e63;color:#67e8f9}.status-chip--info{background:var(--border);color:var(--muted)}.home-panels{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;width:100%}@media (min-width: 1280px){.home-panels{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}}.home-panels__main{min-width:0;max-width:100%}.home-panels__side{display:flex;flex-direction:column;gap:1rem;min-width:0}@media (min-width: 768px) and (max-width: 1279px){.home-panels__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}.home-upcoming h3,.home-kyc h3{font-size:1rem;margin-bottom:.75rem}.home-upcoming-list{list-style:none}.home-upcoming-list li{border-bottom:1px solid var(--border)}.home-upcoming-list li:last-child{border-bottom:none}.home-upcoming-link{display:flex;gap:.5rem;align-items:flex-start;padding:.4rem 0;text-decoration:none;color:inherit;width:100%;font-size:.8rem;transition:color .15s}.home-upcoming-link:hover{color:var(--accent);text-decoration:none}.home-upcoming-sub{font-size:.8rem;color:var(--muted)}.home-upcoming-chevron{margin-left:auto;color:var(--accent);font-size:1.1rem;line-height:1;opacity:.7}.home-upcoming-link:hover .home-upcoming-chevron{opacity:1}.home-upcoming-dot{width:8px;height:8px;border-radius:50%;margin-top:.35rem;flex-shrink:0;background:var(--accent)}.home-upcoming-dot--holiday{background:#6366f1}.home-upcoming-dot--leave{background:var(--success)}.home-upcoming-dot--timesheet_due{background:#06b6d4}.home-upcoming-dot--birthday{background:#ec4899}.home-upcoming-dot--anniversary{background:#a855f7}.home-upcoming-dot--joining_anniversary{background:#0ea5e9}.home-upcoming-range{font-size:.78rem;color:var(--muted);margin:-.35rem 0 .75rem}.home-upcoming-date{font-size:.75rem;color:var(--muted)}.home-kyc-list{list-style:none;margin-bottom:.75rem}.home-kyc-list li{display:flex;align-items:center;gap:.45rem;padding:.3rem 0;font-size:.8rem;color:var(--muted)}.home-kyc--clickable h3{margin-bottom:.35rem}.list-filter-banner{font-size:.85rem;color:var(--muted);margin-bottom:.75rem;padding:.5rem .75rem;background:var(--highlight);border-radius:6px;border:1px solid var(--border)}.list-filter-banner a{font-weight:600}.version-refresh-banner{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.65rem 1rem;font-family:inherit;background:Canvas;color:CanvasText;border-bottom:2px solid AccentColor;box-shadow:0 2px 8px color-mix(in srgb,CanvasText 12%,transparent)}[data-theme=light] .version-refresh-banner,[data-theme=dark] .version-refresh-banner{background:var(--highlight);color:var(--text);border-bottom-color:var(--warning);box-shadow:0 2px 8px var(--shadow)}.version-refresh-banner__text{margin:0;font-size:.9rem;font-weight:600}.version-refresh-banner__meta{margin:.25rem 0 0;font-size:.75rem;color:var(--muted)}.version-refresh-banner__btn{flex-shrink:0;padding:.45rem 1rem;font:inherit;font-size:.85rem;font-weight:600;border:1px solid ButtonBorder;border-radius:6px;background:AccentColor;color:AccentColorText;cursor:pointer}.version-refresh-banner__btn:hover{filter:brightness(1.08)}[data-theme=light] .version-refresh-banner__btn,[data-theme=dark] .version-refresh-banner__btn{border-color:transparent;background:var(--accent);color:#fff}[data-theme=light] .version-refresh-banner__btn:hover,[data-theme=dark] .version-refresh-banner__btn:hover{filter:none;background:var(--accent-hover)}.issue-edit-fieldset{border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem .25rem;margin:.75rem 0}.issue-edit-fieldset legend{padding:0 .35rem;font-weight:600;font-size:.85rem}.calendar-page{max-width:100%;width:100%}.home-page.calendar-page{max-width:none;width:100%}.calendar-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.65rem}.calendar-header--compact{margin-bottom:.5rem}.calendar-header h1{margin-bottom:0}.calendar-nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.calendar-nav__month{min-width:7rem;text-align:center;font-size:.9rem}.calendar-summary{display:flex;flex-wrap:wrap;gap:.65rem;font-size:.78rem;color:var(--muted);margin-bottom:.5rem}.calendar-summary--compact{gap:.5rem .75rem}.calendar-toolbar{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.5rem}.calendar-toolbar--compact input[type=search]{flex:1;min-width:0;font-size:.82rem;padding:.35rem .5rem}.calendar-legend-toggle{flex-shrink:0;font-size:.75rem;padding:.35rem .55rem}.calendar-legend{display:flex;flex-wrap:wrap;gap:.35rem .55rem;font-size:.7rem;color:var(--muted);margin-bottom:.5rem}.calendar-legend--compact{padding:.45rem;background:var(--highlight);border-radius:6px}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-item i{width:10px;height:10px;border-radius:2px;display:inline-block;flex-shrink:0}.calendar-grid-wrap{padding:.35rem 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box}.calendar-grid-wrap--compact{padding-top:.25rem}.calendar-grid-inner{width:100%;min-width:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-bottom:3px;width:100%}.calendar-weekdays div{text-align:center;font-size:.68rem;color:var(--muted);font-weight:600;padding:.15rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%}.calendar-cell{min-height:88px;min-width:0;text-align:left;padding:.35rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);cursor:pointer;display:flex;flex-direction:column;align-items:stretch;font:inherit;color:inherit}.calendar-cell--compact{min-height:64px;padding:.25rem;border-radius:4px}.calendar-cell:hover{border-color:var(--accent)}.calendar-cell.empty{background:transparent;border-color:transparent;cursor:default;min-height:0}.calendar-cell.today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.calendar-cell.selected{background:var(--highlight);border-color:var(--accent)}.calendar-day-num{font-size:.75rem;font-weight:600;margin-bottom:.15rem}.calendar-events{display:flex;flex-direction:column;gap:2px;flex:1;overflow:hidden}.calendar-pill{font-size:.6rem;line-height:1.2;padding:1px 4px;border-radius:3px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.calendar-more{font-size:.6rem;color:var(--muted)}.calendar-day-detail{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border)}.calendar-day-detail--compact h3{font-size:.9rem;margin:0 0 .45rem}.calendar-detail-list{list-style:none;margin:0;padding:0}.calendar-detail-list li{display:flex;gap:.5rem;align-items:flex-start;padding:.35rem 0;font-size:.82rem}.calendar-detail-label{color:var(--muted);font-size:.75rem;margin-left:.35rem}.calendar-detail-list li{display:flex;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.detail-dot{width:8px;height:8px;border-radius:50%;margin-top:.35rem;flex-shrink:0}@media (max-width: 960px){.page-grid--2,.page-grid--3,.page-grid--sidebar,.form-row-2,.form-row-3{grid-template-columns:1fr}}@media (max-width: 1100px){.home-layout{grid-template-columns:1fr}.home-layout__col--center{order:-1;position:static}.home-layout__col--left,.home-layout__col--right{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.65rem}}@media (max-width: 900px){.calendar-cell{min-height:72px}.calendar-cell--compact{min-height:58px}.calendar-pill{font-size:.6rem}.home-panels__side,.home-layout__col--left,.home-layout__col--right{grid-template-columns:1fr}}@media (min-width: 900px){.calendar-toolbar{flex-direction:row;align-items:center;justify-content:space-between}.calendar-toolbar input[type=search]{max-width:280px;width:auto}}@media (max-width: 768px){.layout{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.layout__main-wrap{min-height:auto;max-height:none;overflow:visible}.sidebar,.sidebar--collapsed{width:100%;height:auto;max-height:45vh}.sidebar__scroll{max-height:28vh}.sidebar__edge-toggle{display:none}.main{padding:1rem;overflow-y:visible;min-height:auto}.app-header{padding:.55rem 1rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.layout--sidebar-collapsed .app-header{padding-left:1rem}.app-header__org-name{max-width:8rem;font-size:.85rem}.app-header__title{font-size:.95rem}.grid{grid-template-columns:1fr 1fr}table{font-size:.85rem}th,td{padding:.5rem}}@media (max-width: 480px){.grid{grid-template-columns:1fr}}.form-success-banner{font-size:.9rem;color:var(--success, #14532d);padding:.5rem .75rem;background:var(--badge-approved-bg, #dcfce7);border-radius:6px;border:1px solid var(--border);margin-bottom:.75rem}.form-error-banner{background:color-mix(in srgb,var(--danger) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:6px;color:var(--danger);font-size:.9rem;margin-bottom:.75rem;padding:.5rem .75rem}.error-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1rem}.error-modal{width:min(520px,100%);max-height:min(85vh,640px);overflow:auto;margin:0;box-shadow:0 16px 48px #0003}.error-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.error-modal__header h2{margin:0;font-size:1.15rem;color:var(--danger, #b91c1c)}.error-modal__close{min-width:2rem;padding:.15rem .5rem;font-size:1.25rem;line-height:1}.error-modal__message{margin:0 0 1rem;font-size:.95rem;line-height:1.5}.error-modal__meta{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;font-size:.82rem;margin:0 0 1rem}.error-modal__meta dt{color:var(--muted);font-weight:600}.error-modal__meta dd{margin:0;word-break:break-word}.error-modal__meta code{font-size:.78rem}.error-modal__details{margin-bottom:1rem;font-size:.82rem}.error-modal__details summary{cursor:pointer;color:var(--muted);margin-bottom:.35rem}.error-modal__details pre{margin:0;padding:.65rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:auto;max-height:160px;white-space:pre-wrap;word-break:break-word;font-size:.75rem}.error-modal__actions{display:flex;justify-content:flex-end}.please-wait-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:all}.please-wait-dialog{width:min(320px,100%);margin:0;padding:1.75rem 1.5rem 1.5rem;text-align:center;box-shadow:0 16px 48px #0003}.please-wait-dialog h2{margin:0 0 .35rem;font-size:1.15rem}.please-wait-dialog p{margin:0;color:var(--muted);font-size:.95rem}.please-wait-spinner{width:2.5rem;height:2.5rem;margin:0 auto 1rem;border:3px solid var(--border);border-top-color:var(--accent, #2563eb);border-radius:50%;animation:please-wait-spin .75s linear infinite}@keyframes please-wait-spin{to{transform:rotate(360deg)}}.rte{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface, #fff)}.rte-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem;border-bottom:1px solid var(--border);background:var(--bg, #f8fafc)}.rte-btn{min-width:2rem;padding:.25rem .45rem;font-size:.8rem}.rte-toolbar__sep{width:1px;background:var(--border);margin:0 .15rem}.rte-placeholders{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-bottom:1px solid var(--border);font-size:.85rem}.rte-placeholders select{flex:1;min-width:0}.rte-editor{min-height:280px}.rte-content{padding:.75rem 1rem;min-height:260px;outline:none;font-size:.95rem;line-height:1.55}.rte-content p.is-editor-empty:first-child:before{color:var(--muted);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.rte-content h2{font-size:1.15rem;margin:.75rem 0 .35rem}.rte-content h3{font-size:1rem;margin:.65rem 0 .3rem}.rte-content ul,.rte-content ol{padding-left:1.25rem;margin:.35rem 0}.doc-tpl-list__head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}.doc-tpl-group{margin-bottom:1rem}.doc-tpl-group__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.35rem}.doc-tpl-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;padding:.55rem .65rem;margin-bottom:.25rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.doc-tpl-item:hover{background:var(--highlight);color:var(--text)}.doc-tpl-item strong{color:var(--text);font-weight:600}.doc-tpl-item span{font-size:.75rem;color:var(--muted)}.doc-tpl-item--active{border-color:var(--accent, #2563eb);background:var(--accent-soft);color:var(--text)}.doc-tpl-item--active strong{color:var(--text)}.doc-tpl-add{width:100%;font-size:.8rem;margin-top:.15rem}.doc-tpl-flags{display:flex;flex-wrap:wrap;gap:1rem;margin:.75rem 0;font-size:.9rem}.doc-tpl-flags label{display:flex;align-items:center;gap:.35rem}.doc-tpl-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.doc-tpl-hint{margin-top:1rem}.template-assign-group{margin-top:1.25rem}.template-assign-group:first-of-type{margin-top:.75rem}.template-assign-group__title{margin:0 0 .5rem;font-size:1rem}.template-assign-table th,.template-assign-table td{vertical-align:top}.template-assign-meta{font-size:.85rem;color:var(--muted);margin-top:.35rem}.template-assign-uses{margin:.75rem 0 0;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg, #f8fafc)}.template-assign-uses ul{margin:.35rem 0 0;padding-left:1.25rem}.template-assign-uses li{margin-bottom:.35rem}.simple-bar-chart{display:flex;flex-direction:column;gap:.5rem}.simple-bar-chart__row{display:grid;grid-template-columns:4.5rem 1fr 5rem;gap:.5rem;align-items:center;font-size:.85rem}.simple-bar-chart__label{color:var(--muted)}.simple-bar-chart__track{height:.65rem;background:var(--border);border-radius:4px;overflow:hidden}.simple-bar-chart__fill{height:100%;background:var(--primary, #2563eb);border-radius:4px}.simple-bar-chart__value{text-align:right;font-variant-numeric:tabular-nums}.simple-line-chart{width:100%}.simple-line-chart__svg{width:100%;height:auto;display:block}.simple-line-chart__grid{stroke:var(--border);stroke-width:1}.simple-line-chart__axis{fill:var(--muted);font-size:11px}.simple-line-chart__legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.5rem;font-size:.85rem;color:var(--muted)}.simple-line-chart__legend-item{display:inline-flex;align-items:center;gap:.35rem}.simple-line-chart__legend-swatch{width:.85rem;height:.2rem;border-radius:2px}.report-summary-strip{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.9rem}.report-summary-strip strong{font-variant-numeric:tabular-nums}.list-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--surface, #fff);border:1px solid var(--border);border-radius:8px}.list-filters__search{flex:1 1 200px;min-width:160px;max-width:360px}.list-filters__date{position:relative;display:block;flex:0 1 auto;min-width:140px;margin:0;--field-label-bg: var(--surface)}.list-filters__date-label{position:absolute;top:0;left:.65rem;transform:translateY(-50%);padding:0 .35rem;font-size:.7rem;font-weight:500;line-height:1.25;color:var(--muted);background:var(--field-label-bg);z-index:2;pointer-events:none}.list-filters__date:focus-within .list-filters__date-label{color:var(--accent)}.list-filters__date .date-input__text{font-size:.875rem}.list-filters--toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.75rem;padding:.65rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.list-filters__page-size{margin:0;font-size:.8125rem;color:var(--muted);white-space:nowrap}.list-filters__page-size strong{color:var(--text);font-weight:600}.table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.5rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px 8px 0 0;border-bottom:none}.table-toolbar+table,.table-toolbar+.table-list>table{border-radius:0;border-top:none}.table-toolbar:has(+table)+table+.pagination--table,.table-toolbar:has(+table)+.pagination--table{border-radius:0 0 8px 8px}.list-filters__fields{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;flex:1 1 280px;justify-content:flex-end}.list-filters__search-wrap{display:flex;align-items:center;gap:.4rem;flex:1 1 200px;max-width:320px}.list-filters__search-label{font-size:.8125rem;color:var(--muted);white-space:nowrap}.list-filters__search-wrap .list-filters__search{flex:1;min-width:0;margin:0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:0;padding:.65rem .85rem;font-size:.8125rem;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px}.pagination--table{margin-top:0}.table-list>table+.pagination--table,.page-section>table+.pagination--table{margin-top:0;border-top:none}.page-section>table:has(+.pagination--table),.table-list>table:has(+.pagination--table){border-radius:8px 8px 0 0;border-bottom:none}.pagination__meta{margin:0;color:var(--muted)}.pagination__meta strong{color:var(--text);font-weight:600}.pagination__controls{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.pagination__pages{display:flex;align-items:center;gap:.2rem}.pagination__page-btn{min-width:2rem;padding:.28rem .5rem!important;font-size:.8rem!important;line-height:1.2}.pagination__page-btn--active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;cursor:default}.pagination__page-btn--active:hover{background:var(--accent)!important}.pagination__ellipsis{padding:0 .25rem;color:var(--muted);-webkit-user-select:none;user-select:none}.pagination__nav{padding:.28rem .65rem!important;font-size:.8rem!important}.doc-row--deleted{opacity:.72;background:#ef44440a}.doc-deleted-badge{font-size:.65rem;padding:.1rem .35rem;border-radius:4px;background:#fee2e2;color:var(--danger);margin-left:.35rem;font-weight:600}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px;width:100%;min-width:0}.issue-comment .attachment-grid,.comment-block .attachment-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}@media (min-width: 640px){.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width: 960px){.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.attachment-tile{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:8px;display:flex;flex-direction:column;gap:8px;min-width:0;height:100%}.attachment-tile__preview,.attachment-tile__preview-btn{aspect-ratio:4 / 3;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;border:none;padding:0;width:100%;cursor:pointer}.attachment-tile__preview img{width:100%;height:100%;object-fit:cover}.attachment-tile__icon{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em}.attachment-tile__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-tile__name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-tile__actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.attachment-tile__actions button{flex:1 1 calc(50% - 2px);min-width:4.5rem;max-width:100%;padding:4px 6px;font-size:11px;line-height:1.2}.attachment-tile--deleted{opacity:.85;border-style:dashed;background:color-mix(in srgb,var(--border) 12%,var(--surface))}.attachment-tile__remove-btn{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.attachment-deleted-section{margin-top:1rem;padding-top:.75rem;border-top:1px dashed var(--border)}.attachment-deleted-section__title{font-size:.85rem;margin:0 0 .5rem}.attachment-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:120;display:flex;align-items:center;justify-content:center;padding:16px}.attachment-preview-modal{width:min(960px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.attachment-preview-modal__header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.attachment-preview-modal__body{flex:1;min-height:0;overflow:auto}.attachment-preview-modal__image{max-width:100%;max-height:75vh;display:block;margin:0 auto;border-radius:6px}.attachment-preview-modal__frame{width:100%;min-height:70vh;border:none;border-radius:6px;background:var(--surface)}.attachment-preview-modal__text{margin:0;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;max-height:70vh;overflow:auto}.role-perm-panel{margin-top:.5rem}.role-perm-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.25rem}.role-perm-panel__lead{font-size:.9rem;color:var(--muted);max-width:42rem;line-height:1.55}.role-perm-panel__search{flex:1 1 220px;max-width:320px}.role-perm-panel__search input{margin:0}.role-perm-panel__list{display:flex;flex-direction:column;gap:.75rem}.role-perm-panel__empty{color:var(--muted);text-align:center;padding:2rem 1rem}.role-perm-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.role-perm-card--open{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 4px 24px var(--shadow)}.role-perm-card--dirty{border-color:color-mix(in srgb,var(--warning) 45%,var(--border))}.role-perm-card__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer;font:inherit;border-radius:0}.role-perm-card__head:hover{background:var(--highlight)}.role-perm-card__identity{display:flex;align-items:flex-start;gap:.85rem;min-width:0}.role-perm-card__badge{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;background:var(--accent-soft);color:var(--accent)}.role-perm-card__badge--admin{background:#ef444426;color:var(--danger)}.role-perm-card__badge--hr{background:#22c55e1f;color:var(--success)}.role-perm-card__badge--manager{background:#f59e0b26;color:var(--warning)}.role-perm-card__badge--sales{background:#a855f726;color:#a855f7}.role-perm-card__badge--employee{background:var(--accent-soft);color:var(--accent)}.role-perm-card__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .65rem}.role-perm-card__slug{font-size:.75rem;padding:.1rem .45rem;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-weight:500}.role-perm-card__desc{font-size:.82rem;color:var(--muted);margin-top:.2rem;line-height:1.45}.role-perm-card__pill{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.role-perm-card__pill--warn{background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning)}.role-perm-card__meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.role-perm-card__count{font-size:.8rem;color:var(--muted);white-space:nowrap}.role-perm-card__count-sep{opacity:.5;margin:0 .1rem}.role-perm-card__chevron{color:var(--muted);font-size:.85rem}.role-perm-card__body{padding:0 1.15rem 1.15rem;border-top:1px solid var(--border)}.role-perm-card__admin-note{margin:1rem 0 .25rem;padding:.85rem 1rem;border-radius:8px;background:var(--accent-soft);color:var(--muted);font-size:.88rem}.role-perm-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.role-perm-group{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem .9rem}.role-perm-group__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.65rem;padding-bottom:.55rem;border-bottom:1px solid var(--border)}.role-perm-group__title{font-size:.88rem;font-weight:600;margin:0}.role-perm-group__desc{font-size:.75rem;color:var(--muted);margin:.15rem 0 0}.role-perm-group__actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.role-perm-group__stat{font-size:.72rem;color:var(--muted);margin-right:.25rem}.role-perm-group__btn{padding:.2rem .45rem!important;font-size:.72rem!important}.role-perm-toggles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.role-perm-toggle{display:flex;align-items:flex-start;gap:.65rem;padding:.45rem .5rem;border-radius:8px;cursor:pointer;transition:background .12s ease}.role-perm-toggle:hover{background:var(--highlight)}.role-perm-toggle--on{background:color-mix(in srgb,var(--accent) 8%,transparent)}.role-perm-toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.role-perm-toggle__track{flex-shrink:0;width:2.1rem;height:1.2rem;margin-top:.15rem;border-radius:999px;background:var(--border);position:relative;transition:background .15s ease}.role-perm-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.2rem - 4px);height:calc(1.2rem - 4px);border-radius:50%;background:#fff;box-shadow:0 1px 3px var(--shadow);transition:transform .15s ease}.role-perm-toggle--on .role-perm-toggle__track{background:var(--accent)}.role-perm-toggle--on .role-perm-toggle__track:after{transform:translate(.9rem)}.role-perm-toggle__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.role-perm-toggle__label{font-size:.84rem;font-weight:500;line-height:1.3}.role-perm-toggle__hint{font-size:.72rem;color:var(--muted);line-height:1.35}.role-perm-card__footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--border)}@media (max-width: 640px){.role-perm-groups{grid-template-columns:1fr}.role-perm-card__head{flex-direction:column;align-items:stretch}.role-perm-card__meta{justify-content:space-between}}.page-help-button{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;font-weight:700;line-height:1;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.page-help-button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.page-help-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-help-overlay{z-index:120}.page-help-modal{max-height:min(90vh,820px);display:flex;flex-direction:column}.page-help-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.page-help-modal__eyebrow{margin:0 0 .25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.page-help-modal__head h2{margin:0;font-size:1.25rem}.page-help-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--muted);padding:.15rem .35rem;border-radius:6px}.page-help-modal__close:hover{color:var(--text);background:var(--surface-2, rgba(0, 0, 0, .05))}.page-help-modal__body{overflow-y:auto;flex:1;padding:1rem 0 .5rem}.page-help-section{margin-bottom:1.25rem}.page-help-section h3{margin:0 0 .45rem;font-size:.95rem}.page-help-section p{margin:0;line-height:1.55;color:var(--text)}.page-help-section--importance{padding:.85rem 1rem;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.page-help-section--tips{padding:.75rem 1rem;border-radius:8px;background:var(--surface-2, rgba(0, 0, 0, .03));border:1px dashed var(--border)}.page-help-list{margin:0;padding-left:1.2rem;line-height:1.55}.page-help-list li+li{margin-top:.35rem}.page-help-modal__actions{padding-top:.75rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.page-help-screenshot{margin:0 0 1.25rem}.page-help-screenshot--photo img{display:block;width:100%;max-height:320px;object-fit:contain;object-position:top left;border:1px solid var(--border);border-radius:8px;background:#fff}.page-help-screenshot__frame{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#f8fafc;box-shadow:0 8px 24px #0f172a14}.page-help-screenshot__chrome{display:flex;align-items:center;gap:.35rem;padding:.45rem .65rem;background:#e2e8f0;border-bottom:1px solid #cbd5e1}.page-help-screenshot__dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.page-help-screenshot__url{margin-left:.35rem;font-size:.7rem;color:#64748b}.page-help-screenshot__body{padding:.85rem 1rem 1rem}.page-help-screenshot__page-title{font-weight:700;font-size:.95rem;margin-bottom:.55rem;color:#0f172a}.page-help-screenshot__bar{font-size:.72rem;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.35rem .55rem;margin-bottom:.35rem}.page-help-screenshot__table{margin-top:.5rem;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#fff}.page-help-screenshot__row{display:flex;justify-content:space-between;gap:.75rem;padding:.4rem .55rem;font-size:.72rem;border-top:1px solid #f1f5f9}.page-help-screenshot__row:first-child{border-top:none}.page-help-screenshot__row span:last-child{color:#64748b;text-align:right}.page-help-screenshot__caption{margin-top:.45rem;font-size:.8rem;color:var(--muted);text-align:center}@media (max-width: 640px){.page-help-modal{max-height:92vh}.page-help-screenshot--photo img{max-height:220px}}