:root{--op-bg:#f5f7fb;--op-surface:#fff;--op-surface-soft:#f0f4f8;--op-ink:#17233d;--op-muted:#5e6c83;--op-line:#dbe2ec;--op-blue:#263e91;--op-danger:#a93245}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--op-bg:#0e1422;--op-surface:#151d2d;--op-surface-soft:#1b2638;--op-ink:#edf2fb;--op-muted:#aab6c9;--op-line:#2b3850;--op-blue:#8ba7ff;--op-danger:#ff8f9e}.rayan-section-page{background:var(--op-bg);color:var(--op-ink);min-height:100dvh;padding:0 28px 36px;font-family:Manrope,Segoe UI,sans-serif}.rayan-section-loading{background:var(--op-bg);color:var(--op-muted);justify-content:center;align-items:center;min-height:100dvh;display:flex}.rayan-section-topbar{border-bottom:1px solid var(--op-line);grid-template-columns:190px minmax(0,1fr) 190px;align-items:center;gap:28px;max-width:1500px;min-height:104px;margin:0 auto 28px;display:grid}.rayan-section-topbar>div{text-align:center}.rayan-section-topbar h1{margin:0 0 5px;font-size:24px}.rayan-section-topbar p{color:var(--op-muted);margin:0;font-size:13px}.rayan-section-topbar>a{color:var(--op-blue);font-size:13px;font-weight:750;text-decoration:none}.rayan-section-topbar>a:last-child{text-align:right}.rayan-people-layout{grid-template-columns:310px minmax(0,1fr);gap:22px;max-width:1500px;margin:0 auto;display:grid}.rayan-department-panel,.rayan-people-content,.rayan-report-content,.rayan-settings-content{background:var(--op-surface);border:1px solid var(--op-line);border-radius:12px}.rayan-department-panel{flex-direction:column;min-height:calc(100dvh - 168px);padding:18px;display:flex}.rayan-department-panel h2,.rayan-content-heading h2,.rayan-pending-strip h2,.rayan-report-split h2,.rayan-settings-content h2{margin:0;font-size:17px}.rayan-department-list{gap:5px;margin:14px 0;display:grid;overflow:auto}.rayan-department-list button{color:var(--op-ink);text-align:left;background:0 0;border:0;border-radius:8px;gap:3px;padding:11px;display:grid}.rayan-department-list button:hover{background:var(--op-surface-soft)}.rayan-department-list button[aria-current=true]{color:#1f347d;background:#e7ecfb}.rayan-department-list small,.rayan-pending-person small,.rayan-employee-row small{color:var(--op-muted)}.rayan-new-department{border-top:1px solid var(--op-line);gap:8px;margin-top:auto;padding-top:16px;display:grid}.rayan-new-department h3{margin:0 0 2px;font-size:13px}.rayan-section-page input,.rayan-section-page select{background:var(--op-surface);border:1px solid var(--op-line);color:var(--op-ink);font:inherit;border-radius:8px;min-height:40px;padding:8px 10px}.rayan-section-page input:focus-visible,.rayan-section-page select:focus-visible,.rayan-section-page button:focus-visible,.rayan-section-page a:focus-visible{outline:3px solid color-mix(in srgb,var(--op-blue) 25%,transparent);outline-offset:2px}.rayan-new-department button,.rayan-pending-person>button:not(.rayan-text-action){color:#fff;font:inherit;background:linear-gradient(115deg,#226e65,#279b76 48%,#2f7f83);border:0;border-radius:8px;min-height:40px;padding:0 14px;font-weight:750}.rayan-people-content{min-width:0;padding:22px}.rayan-pending-strip{background:var(--op-surface-soft);border-radius:10px;margin-bottom:24px;padding:16px}.rayan-pending-strip>div>p,.rayan-content-heading p,.rayan-settings-content p{color:var(--op-muted);margin:5px 0 0;font-size:13px}.rayan-pending-person{border-top:1px solid var(--op-line);grid-template-columns:minmax(170px,1fr) 180px 180px auto auto;align-items:center;gap:9px;margin-top:13px;padding-top:13px;display:grid}.rayan-pending-person>div,.rayan-employee-row>span:first-child{gap:3px;display:grid}.rayan-pending-person button:disabled{cursor:not-allowed;opacity:.45}.rayan-text-action{color:var(--op-danger);font:inherit;background:0 0;border:0;border-radius:7px;padding:8px;font-size:12px;font-weight:750}.rayan-text-action:hover{background:var(--op-surface-soft)}.rayan-content-heading{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.rayan-content-heading label,.rayan-add-member,.rayan-report-toolbar label{color:var(--op-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.rayan-employee-table{border-bottom:1px solid var(--op-line);border-top:1px solid var(--op-line)}.rayan-employee-row{border-bottom:1px solid var(--op-line);grid-template-columns:minmax(220px,1.5fr) minmax(150px,1fr) minmax(160px,1fr) 90px;align-items:center;gap:16px;min-height:62px;padding:9px 8px;display:grid}.rayan-employee-row:last-child{border-bottom:0}.rayan-table-head{color:var(--op-muted);min-height:40px;font-size:11px;font-weight:800}.rayan-add-member{max-width:420px;margin-top:18px}.rayan-inline-notice{color:var(--op-muted);border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:13px}.rayan-inline-notice[data-tone=error]{background:color-mix(in srgb,var(--op-danger) 10%,var(--op-surface));color:var(--op-danger)}.rayan-report-content{max-width:1180px;margin:0 auto;padding:24px}.rayan-report-toolbar{justify-content:flex-end;margin-bottom:20px;display:flex}.rayan-report-band{color:#fff;background:linear-gradient(120deg,#203a8e,#2f5aa0 55%,#258177);border-radius:11px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.rayan-report-band article{gap:7px;padding:22px;display:grid}.rayan-report-band article+article{border-left:1px solid #fff3}.rayan-report-band span{opacity:.82;font-size:12px}.rayan-report-band strong{font-size:28px}.rayan-report-split{grid-template-columns:1fr 1.25fr;gap:34px;margin-top:30px;display:grid}.rayan-report-split>div+div{border-left:1px solid var(--op-line);padding-left:34px}.rayan-report-line{border-bottom:1px solid var(--op-line);justify-content:space-between;align-items:center;margin:0;padding:15px 0;display:flex}.rayan-report-line[data-warning=true] strong{color:var(--op-danger)}.rayan-report-note{color:var(--op-muted);font-size:12px}.rayan-settings-content{max-width:920px;margin:0 auto;padding:28px}.rayan-theme-options{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.rayan-theme-options>button{background:var(--op-surface);border:1px solid var(--op-line);color:var(--op-ink);text-align:left;border-radius:10px;gap:5px;padding:14px;display:grid}.rayan-theme-options>button:hover{background:var(--op-surface-soft)}.rayan-theme-options>button[aria-checked=true]{border-color:var(--op-blue);box-shadow:inset 0 0 0 1px var(--op-blue)}.rayan-theme-options small{color:var(--op-muted)}.rayan-theme-preview{background:#f2f5f9;border:1px solid #dbe2ec;border-radius:8px;grid-template-columns:25% 1fr;gap:7px;height:130px;padding:10px;display:grid}.rayan-theme-preview[data-theme=dark]{background:#111827;border-color:#344158}.rayan-theme-preview i{background:#fff;border-radius:4px}.rayan-theme-preview[data-theme=dark] i{background:#243047}.rayan-theme-preview i:first-child{grid-row:1/3}.rayan-theme-preview i:nth-child(3){height:42px}html[data-theme=dark] .rayan-department-list button[aria-current=true]{color:#dbe5ff;background:#24365d}.rayan-people-single{max-width:1500px;margin:0 auto}.rayan-people-toolbar{grid-template-columns:minmax(220px,360px) minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:20px;display:grid}.rayan-people-search{background:var(--op-surface);border:1px solid var(--op-line);border-radius:9px;grid-template-columns:auto 1fr;align-items:center;padding:0 10px;display:grid}.rayan-people-search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.rayan-people-search input:focus,.rayan-people-search input:focus-visible{box-shadow:none!important;outline:0!important}.rayan-people-filters{gap:5px;display:flex}.rayan-people-filters button{color:var(--op-muted);font:inherit;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:750}.rayan-people-filters button:hover,.rayan-people-filters button[aria-pressed=true]{background:var(--op-surface-soft);color:var(--op-ink)}.rayan-people-filters i{background:#d34b5b;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.rayan-primary-button,.rayan-secondary-button{font:inherit;border-radius:8px;min-height:40px;padding:0 14px}.rayan-primary-button{color:#fff;background:linear-gradient(115deg,#226e65,#279b76 48%,#2f7f83);border:0;font-weight:750}.rayan-secondary-button{background:var(--op-surface);border:1px solid var(--op-line);color:var(--op-ink)}.rayan-secondary-button:hover{background:var(--op-surface-soft)}.rayan-employee-row{grid-template-columns:minmax(230px,1.25fr) minmax(210px,1fr) minmax(230px,1.1fr) minmax(160px,.7fr)}.rayan-employee-row[data-pending=true]{background:color-mix(in srgb,#e6ad39 7%,var(--op-surface))}.rayan-person-cell{align-items:center!important;display:flex!important}.rayan-person-cell>i{color:#263e91;background:#e7ecfb;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-style:normal;font-weight:800;display:flex}.rayan-person-cell>span{gap:2px;display:grid}.rayan-person-cell em{color:#a56913;font-size:10px;font-style:normal;font-weight:800}.rayan-assignment-menu{position:relative}.rayan-assignment-menu summary{background:var(--op-surface);border:1px solid var(--op-line);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;min-height:40px;padding:8px 10px;list-style:none;display:flex}.rayan-assignment-menu summary::-webkit-details-marker{display:none}.rayan-assignment-menu summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rayan-assignment-menu>div{background:var(--op-surface);border:1px solid var(--op-line);z-index:20;border-radius:9px;gap:4px;min-width:280px;max-height:330px;padding:7px;display:grid;position:absolute;top:46px;left:0;overflow:auto;box-shadow:0 16px 45px #17233d29}.rayan-check-option{border-radius:7px;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.rayan-check-option:hover{background:var(--op-surface-soft)}.rayan-check-option input{accent-color:#263e91;min-height:16px;padding:0}.rayan-department-option{border-bottom:1px solid var(--op-line);padding-bottom:5px}.rayan-department-option select{width:calc(100% - 16px);margin:0 8px 7px}.rayan-access-cell{align-items:flex-start;flex-wrap:wrap!important;gap:6px!important;display:flex!important}.rayan-access-cell>span{border-radius:6px;padding:5px 7px;font-size:10px;font-weight:800}.rayan-access-cell>span[data-status=approved]{color:#347549;background:#e8f6ec}.rayan-access-cell>span[data-status=pending]{color:#966113;background:#fff3d6}.rayan-access-cell>span[data-status=disabled]{color:#69758a;background:#eef1f5}.rayan-access-cell .rayan-primary-button{min-height:30px;padding:0 9px;font-size:11px}.rayan-empty-state{color:var(--op-muted);text-align:center;padding:34px}.rayan-modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;background:#0a101c85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rayan-compact-modal{background:var(--op-surface);border:1px solid var(--op-line);border-radius:14px;gap:15px;width:100%;max-width:480px;padding:22px;display:grid;box-shadow:0 30px 90px #00000040}.rayan-compact-modal header,.rayan-compact-modal footer{justify-content:space-between;align-items:center;display:flex}.rayan-compact-modal header h2{margin:0}.rayan-compact-modal header p{color:var(--op-muted);margin:4px 0 0;font-size:12px}.rayan-compact-modal header>button{color:var(--op-muted);background:0 0;border:0;font-size:23px}.rayan-compact-modal label{gap:6px;font-size:12px;font-weight:750;display:grid}.rayan-compact-modal footer{justify-content:flex-end;gap:8px}html[data-theme=dark] .rayan-person-cell>i{color:#dce5ff;background:#27375e}@media (max-width:900px){.rayan-section-topbar{grid-template-columns:1fr auto}.rayan-section-topbar>div{text-align:left;grid-area:2/1/auto/-1;padding-bottom:18px}.rayan-people-layout{grid-template-columns:1fr}.rayan-department-panel{min-height:0}.rayan-pending-person,.rayan-employee-row{grid-template-columns:1fr 1fr}.rayan-table-head{display:none}.rayan-report-split,.rayan-theme-options{grid-template-columns:1fr}.rayan-report-split>div+div{border-left:0;border-top:1px solid var(--op-line);padding:24px 0 0}.rayan-report-band{grid-template-columns:1fr}.rayan-report-band article+article{border-top:1px solid #fff3;border-left:0}}.rayan-back-link{align-items:center;gap:8px;width:max-content;display:inline-flex}.rayan-back-chevron{border-bottom:1.5px solid;border-left:1.5px solid;width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.rayan-accounting-access{color:var(--op-muted);padding:0 9px 9px 34px;line-height:1.35;display:block}
.rayan-section-page{overscroll-behavior:contain;scrollbar-gutter:stable;height:100dvh;overflow-y:auto}