:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f7f2ea;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,rgba(252,211,77,.18),transparent 24%),radial-gradient(circle at bottom left,rgba(244,114,182,.08),transparent 22%),#f7f2ea}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh;padding:28px}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:calc(100vh - 56px);max-width:1540px;margin:0 auto;background:linear-gradient(180deg,#fffffff5,#fffaf4f0),#fffdfa;border:1px solid rgba(217,204,188,.78);border-radius:40px;overflow:hidden;box-shadow:0 26px 90px #0f172a14}.shell-topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 28px;background:radial-gradient(circle at top left,rgba(243,210,94,.26),transparent 26%),linear-gradient(180deg,#fffbf5f2,#fff6eceb);border-bottom:1px solid rgba(228,217,203,.84)}.workspace-shell{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start}.brand-block{display:flex;align-items:center;gap:16px}.brand-mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:22px;font-weight:700;color:#171717;background:linear-gradient(145deg,#ffeab2,#f7d36f 60%,#efbf55);box-shadow:inset 0 1px #ffffffb3,0 12px 28px #c794222e}.brand-block h1,.sidebar h1,.hero-card h2,.panel h3,.login-card h1{margin:0}.topbar-metrics{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;min-width:min(520px,100%)}.topbar-metric-card{padding:14px 16px;border-radius:22px;background:#ffffffd1;border:1px solid rgba(232,223,210,.95);box-shadow:inset 0 1px #fff9;display:grid;gap:4px}.topbar-metric-card span{color:#7b7e86;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.topbar-metric-card strong{font-size:24px;letter-spacing:-.04em}.sidebar{padding:28px 24px 28px 28px;border-right:1px solid #eee5d9;background:linear-gradient(180deg,#fffaf4f0,#fff7efe0);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#977a1f}.sidebar-title{font-size:28px;letter-spacing:-.04em;line-height:1.02}.hero-card h2{font-size:clamp(40px,5vw,64px);line-height:.96;letter-spacing:-.05em;max-width:760px}.panel h3{font-size:22px;letter-spacing:-.03em}.sidebar-copy,.hero-card p,.sidebar-note span,.field span,.field p,small,.notes-text,.detail-item span,.stat-card span,.bar-label,.legend-text{color:#6b7280}.nav-list{display:grid;gap:12px}.sidebar-section-label{color:#8b7a63;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.nav-button{border:1px solid #e8dfd2;background:#ffffffb8;color:#171717;padding:14px 16px;border-radius:20px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:.18s ease}.nav-badge{min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#171717;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.nav-button:hover,.nav-button.active{background:linear-gradient(135deg,#fff0ba,#ffe2bc);border-color:#f3d25e;box-shadow:0 14px 28px #d7aa4c24}.sidebar-note{padding:18px;border-radius:26px;background:linear-gradient(160deg,#171717,#2a1f18);border:1px solid #171717;color:#fff;display:grid;gap:10px;box-shadow:0 18px 40px #0f172a29}.sidebar-note span,.sidebar-note strong{color:#fff}.sidebar-note .secondary-button{background:#f3d25e;border-color:#f3d25e;color:#171717}.content-area{padding:28px 30px 32px;display:grid;gap:24px;align-content:start;align-self:start;background:radial-gradient(circle at top right,rgba(244,202,91,.12),transparent 18%),linear-gradient(180deg,#fffcf8c7,#ffffffe6)}.editorial-dashboard,.focus-layout,.focus-side-stack,.focus-spotlight-grid,.command-deck,.command-deck-head,.command-deck-stats,.focus-card-grid,.editorial-grid,.timeline-strip,.workflow-board,.workflow-column{display:grid;gap:18px;align-items:start}.editorial-dashboard>*,.focus-layout>*,.focus-side-stack>*,.focus-spotlight-grid>*,.command-deck>*,.command-deck-head>*,.command-deck-stats>*,.focus-card-grid>*,.editorial-grid>*,.timeline-strip>*,.workflow-board>*,.workflow-column>*{align-self:start}.workflow-board{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.workflow-column{padding:16px;border-radius:22px;border:1px solid rgba(236,227,214,.94);background:#ffffffd6}.workflow-column-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.command-deck{padding:24px;border:1px solid #ece3d6;border-radius:32px;background:radial-gradient(circle at top right,rgba(243,210,94,.18),transparent 26%),linear-gradient(180deg,#fffaf4f5,#fffffff0);box-shadow:0 18px 42px #0f172a0d}.compact-view-toolbar{padding:14px 18px;border:1px solid #ece3d6;border-radius:24px;background:linear-gradient(180deg,#fffcf7f5,#fffffff0);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 18px}.compact-view-toolbar-copy{display:grid;gap:4px;min-width:0}.compact-view-toolbar .eyebrow{margin:0}.compact-view-toolbar-headline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px 14px}.compact-view-toolbar h3{margin:0;font-size:24px;letter-spacing:-.04em}.compact-view-toolbar .sidebar-copy{margin:0;font-size:14px}.view-mode-toggle{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:#fff7ec;border:1px solid #eadfc9}.view-mode-button{border:none;background:transparent;padding:8px 14px;border-radius:999px;color:#6b7280;font-weight:600}.view-mode-button.active{background:linear-gradient(135deg,#fff0ba,#ffe2bc);color:#171717;box-shadow:0 8px 18px #d7aa4c24}.command-deck-head{grid-template-columns:minmax(280px,.9fr) minmax(0,1.3fr);align-items:start}.command-deck h3,.focus-spotlight-card h4{margin:0;letter-spacing:-.04em}.command-deck h3{font-size:clamp(28px,3vw,36px);line-height:1.02}.command-deck-stats,.role-switch-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.role-summary-card{cursor:default}.command-stat-card{padding:18px;border-radius:24px;border:1px solid rgba(236,227,214,.94);background:#ffffffd1;display:grid;gap:8px;min-width:0;align-content:start}.command-stat-card span,.command-stat-card small{color:#6b7280}.command-stat-card strong{font-size:clamp(22px,2vw,28px);letter-spacing:-.04em;line-height:1.08;overflow-wrap:anywhere;word-break:break-word}.command-stat-card-dark{background:linear-gradient(160deg,#171717,#2c2019);border-color:#171717}.command-stat-card small{overflow-wrap:anywhere}.command-stat-card-dark span,.command-stat-card-dark strong,.command-stat-card-dark small{color:#fff}.timeline-panel{padding:20px 22px;border:1px solid #ece3d6;border-radius:28px;background:linear-gradient(180deg,#fff8ece6,#fffffff0);box-shadow:0 16px 36px #0f172a0a}.timeline-strip{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));margin-top:10px}.timeline-step{display:grid;gap:4px;padding:14px 12px;border-radius:20px;background:#ffffffbd;border:1px solid rgba(236,227,214,.96)}.timeline-step strong{font-size:20px;letter-spacing:-.04em}.timeline-step span,.timeline-step small{color:#6b7280}.focus-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.72fr);align-items:stretch}.focus-side-stack{align-content:stretch}.focus-spotlight-card{padding:26px;border-radius:32px;border:1px solid #ece3d6;background:linear-gradient(180deg,#fff8ec,#fff);box-shadow:0 18px 42px #0f172a0f;display:grid;gap:18px}.focus-spotlight-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.focus-spotlight-head span,.focus-spotlight-head p,.focus-spotlight-card small,.focus-spotlight-metric span{color:#6b7280}.focus-spotlight-card h4{font-size:clamp(26px,3vw,34px);line-height:1.04}.focus-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-spotlight-metric{padding:18px;border-radius:24px;border:1px solid rgba(236,227,214,.94);background:#ffffffd1;display:grid;gap:8px}.focus-spotlight-metric strong{font-size:32px;letter-spacing:-.05em}.focus-spotlight-metric-dark{background:linear-gradient(160deg,#171717,#2c2019);border-color:#171717}.focus-spotlight-metric-dark span,.focus-spotlight-metric-dark strong,.focus-spotlight-metric-dark small{color:#fff}.focus-card{padding:24px;border-radius:30px;border:1px solid #ece3d6;display:grid;gap:10px;box-shadow:0 18px 38px #0f172a0f}.focus-card strong{font-size:42px;letter-spacing:-.05em}.focus-card-cream{background:linear-gradient(180deg,#fff4d0,#fff9ea)}.focus-card-mint{background:linear-gradient(180deg,#edf8ef,#fbfffc)}.focus-card-dark{background:linear-gradient(160deg,#171717,#2d211a);border-color:#171717;color:#fff}.focus-card-dark span,.focus-card-dark small,.focus-card-dark strong{color:#fff}.editorial-grid{grid-template-columns:1.4fr .95fr .95fr;align-items:start}.editorial-panel-wide{min-height:100%}.editorial-panel-dark{background:linear-gradient(180deg,#fffefb,#fff7ed)}.editorial-panel-soft{background:linear-gradient(180deg,#fbfaf7,#fff)}.hero-card,.panel,.stat-card,.focus-card,.list-card,.work-card,.login-role-card,.sidebar-note{transition:transform .18s ease,box-shadow .18s ease}.hero-card,.panel,.stat-card{border:1px solid #ece3d6;background:linear-gradient(180deg,#fffffff5,#fffaf4eb);border-radius:32px;box-shadow:0 18px 44px #0f172a0d}.panel:hover,.stat-card:hover,.focus-card:hover,.list-card:hover,.work-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px #0f172a14}.hero-card{padding:42px 36px 36px;border-bottom:1px solid #ebdcc6;min-height:250px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:auto -80px -110px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#f3d25e47,#f3d25e00);pointer-events:none}.stack-lg{display:grid;gap:22px;align-content:start}.stats-grid,.grid-two{display:grid;gap:18px;align-items:start}.content-area>*,.stack-lg>*,.stats-grid>*,.grid-two>*{align-self:start}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-two{grid-template-columns:minmax(360px,460px) 1fr}.stat-card{padding:22px;display:grid;gap:8px}.stat-card strong{font-size:38px;letter-spacing:-.04em}.panel{padding:24px;display:grid;gap:18px;align-content:start}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.panel-head-copy{display:grid;gap:4px;min-width:0}.panel-head-copy .sidebar-copy{margin:0}.panel-compact-list{padding:18px;gap:12px}.panel-compact-list .panel-head{align-items:flex-end}.panel-compact-list .panel-head-copy{gap:2px}.panel-compact-list .panel-head h3{font-size:20px}.panel-compact-list .panel-head-copy .sidebar-copy{font-size:13px}.panel-compact-list .list-stack{gap:8px}.panel-compact-list .list-card{padding:14px 16px;border-radius:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px}.field.full,.full{grid-column:1 / -1}input,select,textarea{width:100%;padding:13px 14px;border-radius:18px;border:1px solid #d7cfc4;background:#fffdfa;color:#171717;outline:none}input:focus,select:focus,textarea:focus{border-color:#d3b84f;box-shadow:0 0 0 3px #f3d25e2e}.password-input-shell{position:relative}.password-input-shell input{padding-right:56px}.password-visibility-button{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:999px;background:#f3d25e2e;color:#7c5800;display:grid;place-items:center;cursor:pointer}.password-visibility-button:hover{background:#f3d25e47}.password-visibility-button svg{width:18px;height:18px}.primary-button,.secondary-button{border:none;padding:12px 18px;border-radius:999px;font-weight:600}.primary-button{background:#f3d25e;color:#171717}.secondary-button{background:#fff;color:#171717;border:1px solid #d7cfc4}.danger-button{border:none;padding:12px 18px;border-radius:999px;font-weight:600;background:#b42318;color:#fff}.danger-button:disabled{opacity:.7;cursor:not-allowed}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1717177a;display:grid;place-items:center;padding:24px}.confirm-dialog{width:min(760px,100%);max-height:min(88vh,980px);overflow:auto;border-radius:30px;background:#fffdfa;border:1px solid #eadfc9;box-shadow:0 26px 70px #1717172e;padding:24px;display:grid;gap:18px}.confirm-dialog-copy{display:grid;gap:8px}.confirm-dialog-copy h3{margin:0}.confirm-impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.confirm-impact-card{padding:16px;border-radius:22px;background:#faf7f2;border:1px solid #ece1d3;display:grid;gap:6px}.confirm-impact-card span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7b7e86}.confirm-impact-card strong{font-size:28px;line-height:1}.confirm-warning-panel{padding:18px;border-radius:24px;background:#fff4f2;border:1px solid #f1c9c2;display:grid;gap:10px}.confirm-warning-list{margin:0;padding-left:20px;display:grid;gap:8px}.confirm-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.checkbox-inline{display:flex;align-items:flex-start;gap:12px}.checkbox-inline input{width:18px;min-width:18px;height:18px;margin-top:2px}.confirm-helper{margin:0}.confirm-code{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid #eadfc9;font-family:SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:12px}.list-stack{display:grid;gap:12px;align-content:start}.list-stack.compact{gap:10px}.list-card,.work-card{padding:18px;border-radius:24px;background:#fffdf9;border:1px solid #eee5d9}.list-card,.work-card-top,.meta-block,.summary-box,.attachment-box{display:flex;justify-content:space-between;gap:14px}.list-card.stretch,.work-card{flex-direction:column}.meta-block{align-items:center;flex-wrap:wrap}.meta-block.align-end{align-items:flex-end}.badge{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid transparent}.badge-neutral{background:#f4f1ea;border-color:#e1d7ca;color:#44403c}.badge-success{background:#eefbf2;border-color:#cfe9d4;color:#1f7a3f}.badge-warning{background:#fff7db;border-color:#f3d98b;color:#9a6700}.badge-danger{background:#fff1ef;border-color:#f1c9c2;color:#b42318}.catalogue-pill-wrap,.attachment-wrap{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 10px;background:#faf5e7;border:1px solid #eadfc9;border-radius:999px;font-size:12px}.pill-file{background:#f9f9f7;border-color:#ddd5c8}.pill-file-removable{display:inline-flex;align-items:center;gap:8px;padding-right:6px}.pill-remove-button{border:0;background:transparent;color:#6b645a;font-size:14px;line-height:1;cursor:pointer;padding:0}.muted{color:#9ca3af}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.detail-grid-compact{margin-top:0}.detail-item{padding:14px;border-radius:20px;background:#faf7f2;display:grid;gap:4px}.notes-text{margin:14px 0 0}.summary-box{padding:16px;border-radius:24px;background:#171717;border:1px solid #171717;color:#fff}.summary-box span,.summary-box strong{color:#fff}.summary-box strong{display:block;font-size:30px;margin-top:6px;letter-spacing:-.03em}.attachment-box{align-items:center;padding:16px;border-radius:22px;border:1px dashed #d7cfc4;background:#fffefb}.upload-field,.template-detail-stack{display:grid;gap:12px}.status-select{min-width:120px}.panel-nested{padding:16px;border-radius:24px;background:#fffefb}.member-detail-note{margin-top:-6px}.member-task-detail{padding-top:6px}.member-task-action-row{padding-top:2px}.member-task-control-grid{margin-top:-2px}.hr-portal-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr)}.hr-directory-toolbar{display:grid;gap:12px}.hr-directory-panel{gap:16px}.hr-directory-actions{justify-content:flex-end}.hr-directory-summary-grid,.hr-profile-band,.hr-profile-identity,.hr-profile-stat-grid,.hr-detail-edit-grid,.staff-row-tags,.staff-cell-block,.staff-table-copy{display:grid;gap:12px}.hr-directory-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-directory-summary-card{padding:16px 18px;border-radius:22px;border:1px solid rgba(236,227,214,.94);background:#ffffffd1}.hr-directory-summary-card span,.staff-cell-block small,.staff-table-copy small,.hr-profile-copy .sidebar-copy{color:#6b7280}.hr-directory-summary-card strong{display:block;margin-top:4px;font-size:26px;letter-spacing:-.04em}.hr-directory-summary-card small{display:block;margin-top:6px;line-height:1.4}.hr-directory-summary-card-highlight{background:linear-gradient(180deg,#fff6da,#fffdf7);border-color:#f3d98b}.staff-directory-list{gap:10px}.hr-directory-meta{justify-content:space-between;align-items:center}.staff-directory-card{width:100%;text-align:left;padding:16px;border-radius:22px;border:1px solid #eee5d9;background:#fffdf9;display:grid;gap:14px}.staff-directory-card.active{border-color:#f3d25e;background:linear-gradient(180deg,#fff6da,#fffdf7);box-shadow:0 12px 30px #d7aa4c1f}.staff-row-list,.directory-pagination,.staff-table{display:grid;gap:10px}.staff-table-head,.staff-table-row{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(120px,auto);gap:12px;align-items:center}.staff-table-head{padding:0 16px}.staff-table-head span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.staff-table-row{width:100%;text-align:left;padding:14px 16px;border-radius:22px;border:1px solid #eee5d9;background:linear-gradient(180deg,#fffefb,#fffaf4);transition:.18s ease}.staff-table-row:hover{border-color:#e7d5b3;box-shadow:0 18px 34px #0f172a0f}.staff-table-main{display:flex;gap:14px;align-items:flex-start}.staff-table-copy{min-width:0}.staff-table-copy strong,.staff-cell-block strong,.hr-profile-copy h3{letter-spacing:-.03em}.staff-table-copy strong{font-size:18px}.staff-table-meta{line-height:1.35}.staff-row-tags{grid-template-columns:repeat(auto-fit,minmax(0,max-content));gap:8px}.staff-avatar-chip{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#fff0ba,#f7d36f 70%,#e9ba54);color:#171717;font-weight:700;box-shadow:inset 0 1px #ffffffb3}.staff-avatar-chip-large{width:62px;height:62px;border-radius:20px;font-size:18px}.staff-cell-block{gap:4px;align-content:start}.staff-cell-block strong{font-size:22px}.staff-row-actions{display:flex;justify-content:flex-end}.staff-open-chip{padding:9px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.staff-open-chip-busy{background:#fff4dd;color:#9a6700;border:1px solid #f1d393}.staff-open-chip-clear{background:#eefbf2;color:#1f7a3f;border:1px solid #cfe9d4}.hr-profile-band{grid-template-columns:minmax(280px,1.2fr) minmax(0,1.1fr);padding:20px;border-radius:28px;border:1px solid rgba(236,227,214,.94);background:linear-gradient(180deg,#fff9ef,#fff);box-shadow:0 18px 34px #0f172a0a}.hr-profile-identity{grid-template-columns:auto minmax(0,1fr);align-items:start}.hr-profile-copy{display:grid;gap:10px}.hr-profile-copy .eyebrow{margin:0}.hr-profile-copy h3{margin:0;font-size:clamp(28px,3vw,34px)}.hr-profile-copy .sidebar-copy{margin:0}.hr-profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.directory-pagination{grid-template-columns:auto auto auto;justify-content:space-between;align-items:center}.hr-detail-panel{gap:24px}.hr-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.hr-detail-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-detail-subpanel{padding:18px;gap:16px;align-content:start;border:1px solid rgba(236,227,214,.94);background:linear-gradient(180deg,#fffffff5,#fff9f2eb);box-shadow:0 14px 26px #0f172a08}.hr-detail-form-grid{gap:12px}.hr-report-grid,.hr-work-grid,.hr-work-ledger-grid,.hr-work-ledger-toolbar,.hr-work-ledger-filters,.attendance-summary-grid,.attendance-calendar-grid,.attendance-calendar-weekdays,.attendance-toolbar,.attendance-month-nav,.payroll-report-grid{display:grid;gap:14px}.hr-work-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.9fr)}.hr-work-ledger-panel{padding:20px;border-radius:26px;background:linear-gradient(180deg,#fff9ef,#fff);border:1px solid rgba(236,227,214,.94);box-shadow:0 16px 30px #0f172a0a}.hr-work-ledger-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.95fr)}.hr-work-grid>*,.hr-work-ledger-grid>*{min-width:0}.hr-work-ledger-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:end;padding:16px 18px;border-radius:22px;border:1px solid rgba(236,227,214,.94);background:linear-gradient(180deg,#fffffff5,#fff8f0e6)}.hr-work-period-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hr-work-ledger-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.hr-work-subpanel{display:grid;padding:16px;border-radius:22px;border:1px solid rgba(236,227,214,.94);background:#ffffffe0;gap:14px;align-content:start;overflow:hidden}.hr-data-table,.hr-data-table-head,.hr-data-table-row{display:grid;gap:10px}.hr-data-table{padding:2px 0 0;min-width:0}.hr-data-table-head,.hr-data-table-row{align-items:center}.hr-data-table-head{padding:10px 14px 8px;border-radius:16px;border:1px solid rgba(236,227,214,.88);background:#fff8eed1}.hr-data-table-head span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.hr-data-table-row{padding:15px 16px;border-radius:18px;border:1px solid rgba(236,227,214,.94);background:linear-gradient(180deg,#fffefb,#fffaf4);box-shadow:inset 0 1px #ffffffa6;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;min-width:0}.hr-data-table-row:hover{transform:translateY(-1px);border-color:#e7d5b3;box-shadow:0 14px 24px #0f172a0d}.hr-data-table-primary{display:grid;gap:4px;min-width:0}.hr-data-table-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hr-data-table-primary strong,.hr-data-table-row>strong{letter-spacing:-.02em}.hr-data-table-primary strong{font-size:15px}.hr-data-table-row>strong{font-size:17px}.hr-data-table-primary small{color:#6b7280;line-height:1.4}.hr-data-table-status{display:flex;justify-content:flex-end}.hr-data-table-head-work,.hr-data-table-row-work{grid-template-columns:minmax(200px,1.35fr) minmax(180px,1fr) minmax(130px,.75fr)}.hr-data-table-head-assignments,.hr-data-table-row-assignments{grid-template-columns:minmax(200px,1.35fr) minmax(180px,1fr) minmax(130px,.75fr) auto}.hr-data-table-head-summary,.hr-data-table-row-summary{grid-template-columns:minmax(120px,1.2fr) repeat(3,minmax(54px,68px))}.hr-data-table-head-payroll,.hr-data-table-row-payroll{grid-template-columns:minmax(180px,1fr) auto}.hr-data-table-head-attendance,.hr-data-table-row-attendance{grid-template-columns:minmax(120px,.9fr) 110px minmax(220px,1.3fr)}.hr-data-table-head-clients,.hr-data-table-row-clients{grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(48px,56px))}.hr-data-table-row-clients .hr-data-table-primary strong,.hr-data-table-row-work .hr-data-table-primary strong{min-width:0}.hr-data-table-head-summary span:not(:first-child),.hr-data-table-head-clients span:not(:first-child),.hr-data-table-row-summary>strong,.hr-data-table-row-clients>strong{text-align:center}.hr-data-table-inline-action{justify-content:space-between;align-items:center;gap:12px}.hr-ledger-row,.hr-ledger-row-main,.hr-ledger-row-side,.hr-ledger-empty-state{display:grid;gap:10px}.hr-ledger-row{padding:14px 16px;border-radius:20px;border:1px solid rgba(236,227,214,.94);background:linear-gradient(180deg,#fffefb,#fffaf4);grid-template-columns:minmax(0,1fr) auto;align-items:start}.hr-ledger-row-compact{grid-template-columns:minmax(0,1fr) auto}.hr-ledger-row-main p,.hr-ledger-row-main small{margin:0;color:#6b7280}.hr-ledger-row-main strong{font-size:16px;letter-spacing:-.02em}.hr-ledger-row-side{justify-items:end;align-content:start;max-width:220px}.hr-ledger-inline-meta{margin:0;color:#6b7280;text-align:right;line-height:1.4}.hr-ledger-empty-state{padding:18px;border-radius:22px;border:1px dashed #e2d6c5;background:#ffffffb8;grid-template-columns:minmax(0,1fr) auto;align-items:center}.hr-report-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:start}.hr-attendance-panel{display:grid;padding:18px;border-radius:24px;border:1px solid rgba(236,227,214,.94);background:linear-gradient(180deg,#fffffff5,#fff9f2eb);box-shadow:0 14px 28px #0f172a08;gap:14px;align-content:start}.hr-detail-subpanel .panel-head-copy h3,.hr-attendance-panel .panel-head-copy h3,.hr-work-subpanel .panel-head-copy h3{font-size:18px;line-height:1.12;letter-spacing:-.03em}.hr-detail-subpanel .panel-head-copy .sidebar-copy,.hr-attendance-panel .panel-head-copy .sidebar-copy,.hr-work-subpanel .panel-head-copy .sidebar-copy{font-size:13px}.attendance-toolbar{grid-template-columns:minmax(260px,420px);align-items:end}.attendance-month-nav{grid-template-columns:auto auto auto;align-items:center;justify-content:start}.attendance-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-form-grid{gap:12px}.hr-attendance-entry-shell{padding:16px;border-radius:22px;border:1px solid rgba(236,227,214,.92);background:#ffffffd6;box-shadow:inset 0 1px #ffffff80}.hr-profile-band .attendance-summary-card,.hr-attendance-panel .attendance-summary-card,.hr-work-ledger-panel .attendance-summary-card{padding:16px;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#fff8f0eb);box-shadow:inset 0 1px #fff9}.attendance-summary-grid.hr-work-ledger-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-summary-card{padding:14px;border-radius:20px;border:1px solid rgba(236,227,214,.94);background:#ffffffe0;display:grid;gap:4px}.attendance-summary-card span,.attendance-summary-card small{color:#6b7280}.attendance-summary-card strong{font-size:24px;letter-spacing:-.04em}.attendance-summary-card-highlight{background:linear-gradient(180deg,#fff6da,#fffdf6);border-color:#f3d98b}.attendance-calendar-shell{display:grid;gap:10px}.attendance-calendar-legend{display:flex;flex-wrap:wrap;gap:8px}.attendance-legend-chip{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid #e1d7ca;background:#f9f7f1;color:#6b7280}.attendance-legend-success{background:#eefbf2;border-color:#cfe9d4;color:#1f7a3f}.attendance-legend-warning{background:#fff7db;border-color:#f3d98b;color:#9a6700}.attendance-legend-neutral{background:#f4f1ea;border-color:#e1d7ca;color:#57534e}.attendance-legend-danger{background:#fff1ef;border-color:#f1c9c2;color:#b42318}.attendance-calendar-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.attendance-calendar-weekdays span{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.attendance-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.attendance-day-blank{min-height:76px}.attendance-day-card{min-height:76px;padding:10px;border-radius:18px;border:1px solid rgba(236,227,214,.94);background:#ffffffd1;display:grid;align-content:start;gap:4px}.attendance-day-card strong{font-size:18px}.attendance-day-card small{color:#6b7280;line-height:1.2}.attendance-day-success{background:#eefbf2;border-color:#cfe9d4}.attendance-day-warning{background:#fff7db;border-color:#f3d98b}.attendance-day-neutral{background:#f4f1ea;border-color:#e1d7ca}.attendance-day-danger{background:#fff1ef;border-color:#f1c9c2}.payroll-slip-card{padding:16px;border-radius:24px;border:1px solid rgba(236,227,214,.94);background:linear-gradient(180deg,#fff9ef,#fff);display:grid;gap:14px}.attendance-entry-card{gap:10px}.catalogue-item-row{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:12px;align-items:end}.row-action-button{height:50px}.inline-field{min-width:180px}.filter-bar,.filter-chip-group,.chart-grid,.bar-chart,.money-row-stack,.date-filter-grid,.action-row,.client-summary-grid{display:grid;gap:12px}.filter-bar{grid-template-columns:1fr 220px;align-items:end}.date-filter-grid,.action-row{grid-template-columns:repeat(3,minmax(0,1fr))}.action-row-two,.client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-chip-group{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-chip{text-align:center}.analytics-select{min-width:0}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-row{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center}.compact-bar-row{grid-template-columns:72px 1fr auto}.bar-value{font-size:13px}.bar-track{height:12px;border-radius:999px;background:#ede4d7;overflow:hidden}.bar-fill{height:100%;border-radius:999px}.bar-fill-primary{background:#171717}.bar-fill-success{background:#2f855a}.bar-fill-warning{background:#d4a72c}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f7f2ea}.login-card{width:min(1100px,100%);padding:30px;border-radius:32px;border:1px solid #ece3d6;background:#fffdfa;box-shadow:0 24px 70px #0f172a14;display:grid;gap:24px}.login-grid,.role-switch-grid{display:grid;gap:14px}.login-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-form-grid{align-content:start}.login-helper-card{padding:18px;border-radius:24px;border:1px solid rgba(236,227,214,.94);background:linear-gradient(180deg,#fffaf4f5,#fffffff0);display:grid;gap:6px}.login-helper-card code{padding:3px 8px;border-radius:999px;background:#fff4cf;color:#7c5800}.error-text{margin:0;color:#c2410c;font-weight:600}.role-switch-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.login-role-card,.role-switch-button{border-radius:28px;border:1px solid #ece3d6;background:linear-gradient(180deg,#fffefb,#fff6ed);color:#171717;padding:20px;text-align:left;display:grid;gap:10px;transition:.18s ease}.login-role-card:hover,.role-switch-button:hover,.role-switch-button.active{background:linear-gradient(180deg,#fff7db,#ffeccf);border-color:#f3d98b;transform:translateY(-2px);box-shadow:0 18px 36px #dbad5424}.login-role-card span,.role-switch-button span{color:#6b7280}.login-showcase{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.2fr);gap:20px;align-items:stretch}.login-showcase-panel{padding:28px;border-radius:30px;background:radial-gradient(circle at top right,rgba(243,210,94,.18),transparent 30%),linear-gradient(180deg,#fff8ee,#fffdf9);border:1px solid #ece3d6;display:grid;gap:18px}.login-feature-list{display:grid;gap:12px}.login-feature-list article{padding:14px 16px;border-radius:20px;background:#ffffffc7;border:1px solid rgba(236,227,214,.95);display:grid;gap:4px}.login-role-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,#efbf55,#d4972f);box-shadow:0 0 0 6px #f3d25e24}.role-chip-wrap{display:flex;flex-wrap:wrap;gap:10px}.role-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff5cf;border:1px solid #f0d56c;color:#5c4a00;font-size:13px}.role-chip-muted{background:#f7f1e7;border-color:#e4d5c0;color:#6c5c49}.hero-split{display:flex;justify-content:space-between;gap:34px;align-items:stretch}.hero-copy{display:grid;gap:18px;align-content:start}.hero-kicker-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-tag{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(234,223,208,.95);color:#7b6a51;font-size:13px}.hero-pill-row,.showcase-badge-row{display:flex;flex-wrap:wrap;gap:12px}.hero-pill-card{min-width:150px;padding:14px 16px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(236,227,214,.96);display:grid;gap:4px;box-shadow:inset 0 1px #ffffff8c}.hero-pill-card span{color:#7b7e86;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hero-pill-card strong{font-size:26px;letter-spacing:-.04em}.hero-insights{width:320px;display:grid;gap:12px}.hero-insights-rich{width:min(360px,100%)}.hero-callout{padding:18px 20px;border-radius:26px;border:1px solid #ece3d6;background:#fffefb;display:grid;gap:6px;box-shadow:0 18px 40px #0f172a14}.hero-callout span,.hero-callout small{color:#6b7280}.hero-callout strong{font-size:26px;letter-spacing:-.04em}.hero-callout-light{background:#fff5cf;border-color:#f0d56c}.hero-callout-muted{background:#eef6ea;border-color:#cbdcbe}.hero-callout-dark{background:linear-gradient(160deg,#171717,#2c2019);border-color:#171717;color:#fff;transform:translateY(6px)}.showcase-grid,.dashboard-lead-grid,.lead-stat-grid,.mini-ledger,.section-intro-stats,.record-stat-grid{display:grid;gap:16px;align-items:start}.showcase-grid>*,.dashboard-lead-grid>*,.lead-stat-grid>*,.mini-ledger>*,.section-intro-stats>*,.record-stat-grid>*{align-self:start}.showcase-grid-two,.dashboard-lead-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid-three,.section-intro-stats,.record-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-intro{padding:24px;border-radius:30px;border:1px solid #ece3d6;display:grid;gap:18px;box-shadow:0 16px 40px #0f172a0a}.section-intro h3{margin:0;font-size:clamp(28px,3vw,36px);letter-spacing:-.05em;line-height:1.04}.section-intro-light{background:linear-gradient(180deg,#fff9ef,#fffefb)}.section-intro-soft{background:linear-gradient(180deg,#f8f5ef,#fff)}.section-intro-contrast{background:linear-gradient(160deg,#181614,#34261d);border-color:#181614}.section-intro-contrast .eyebrow,.section-intro-contrast h3,.section-intro-contrast .sidebar-copy,.section-intro-contrast .micro-stat-card span,.section-intro-contrast .micro-stat-card strong{color:#fff}.section-intro-contrast .micro-stat-card{background:#ffffff14;border-color:#ffffff1f}.micro-stat-card{padding:16px;border-radius:22px;border:1px solid rgba(236,227,214,.94);background:#ffffffb3;display:grid;gap:6px}.micro-stat-card span{color:#7b7e86;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.micro-stat-card strong{font-size:26px;letter-spacing:-.04em}.showcase-card,.lead-story-card{padding:24px;border-radius:30px;border:1px solid #ece3d6;background:linear-gradient(180deg,#fffffff0,#fff9f2eb);box-shadow:0 18px 42px #0f172a0f;display:grid;gap:12px}.showcase-card span,.lead-story-card span,.lead-story-card p,.showcase-card p{color:#6b7280}.showcase-card strong,.lead-story-card strong{font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.05em}.showcase-card-dark,.lead-story-card-dark{background:linear-gradient(160deg,#171717,#2f231c);border-color:#171717}.showcase-card-dark span,.showcase-card-dark strong,.showcase-card-dark p,.lead-story-card-dark span,.lead-story-card-dark strong,.lead-story-card-dark p,.mini-ledger.inverse span,.mini-ledger.inverse strong{color:#fff}.showcase-card-soft{background:linear-gradient(180deg,#f7f4ee,#fff)}.showcase-card-cream{background:linear-gradient(180deg,#fff3d0,#fff9e8)}.showcase-card-mint{background:linear-gradient(180deg,#edf8ef,#f9fffb)}.mini-ledger{padding:14px 16px;border-radius:22px;background:#ffffff94;border:1px solid rgba(236,227,214,.92)}.mini-ledger.inverse{background:#ffffff14;border-color:#ffffff1f}.mini-ledger-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.mini-ledger-row strong{font-size:16px;letter-spacing:-.02em}.record-card{border-radius:28px;border:1px solid rgba(232,223,210,.96);box-shadow:inset 0 1px #ffffff80}.record-card-active{border-color:#f3d25ef5;box-shadow:0 16px 36px #f3d25e2e,inset 0 1px #ffffff9e;background:linear-gradient(180deg,#fffdf6,#fff)}.list-stack.list-mode{gap:10px}.record-card-list{padding:14px 16px;border-radius:20px;gap:10px}.panel-compact-list .record-card-list{padding:11px 13px;gap:8px}.record-card-list .record-card-top{align-items:center}.record-card-list strong{font-size:18px}.record-card-list p,.record-card-list small{margin:0}.record-list-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) minmax(220px,.95fr);gap:14px;align-items:center}.panel-compact-list .record-list-row{grid-template-columns:minmax(220px,1.3fr) minmax(180px,.95fr) auto;gap:10px}.panel-compact-list .record-list-main{gap:2px}.record-list-main{display:grid;gap:4px}.record-list-main p{color:#44403c}.record-list-side{display:grid;justify-items:end;gap:8px}.record-inline-stats{display:flex;flex-wrap:wrap;gap:10px}.record-inline-pill{padding:10px 14px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(236,227,214,.94);color:#6b7280;font-size:14px}.panel-compact-list .record-inline-pill{padding:7px 10px;font-size:13px}.record-inline-pill strong{color:#171717;font-size:15px;margin-right:4px}.catalogue-pill-wrap-compact{gap:6px}.record-action-row-compact{align-items:center}.secondary-button-compact{padding:8px 14px}.panel-compact-list .secondary-button-compact{padding:7px 12px}.record-card-top,.record-action-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.invoice-card{background:linear-gradient(180deg,#fffaf1,#fff)}.lead-story-card h3{font-size:clamp(28px,3vw,38px);letter-spacing:-.05em;line-height:1.04;margin:0}.lead-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-stat-item{padding:16px;border-radius:22px;background:#ffffffad;border:1px solid rgba(236,227,214,.92);display:grid;gap:6px}.lead-stat-item span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7b7e86}.lead-stat-item strong{font-size:26px}.hero-callout-dark span,.hero-callout-dark strong,.hero-callout-dark small{color:#fff}.stats-grid>.stat-card:nth-child(4n+1){background:#fff6df}.stats-grid>.stat-card:nth-child(4n+2){background:#eff7ea}.stats-grid>.stat-card:nth-child(4n+3){background:#f7eefc}.stats-grid>.stat-card:nth-child(4n+4){background:#fffdf9}.list-stack>.list-card:nth-child(4n+1),.list-stack>.work-card:nth-child(4n+1),.client-summary-grid>.list-card:nth-child(4n+1){background:#fff8e8}.list-stack>.list-card:nth-child(4n+2),.list-stack>.work-card:nth-child(4n+2),.client-summary-grid>.list-card:nth-child(4n+2){background:#f1f7ee}.list-stack>.list-card:nth-child(4n+3),.list-stack>.work-card:nth-child(4n+3),.client-summary-grid>.list-card:nth-child(4n+3){background:#f8f1ff}.list-stack>.list-card:nth-child(4n+4),.list-stack>.work-card:nth-child(4n+4),.client-summary-grid>.list-card:nth-child(4n+4){background:#fffdf9}@media (max-width: 1180px){#root{padding:18px}.workspace-shell,.grid-two,.stats-grid,.topbar-metrics,.login-grid,.login-showcase,.command-deck-head,.command-deck-stats,.chart-grid,.filter-bar,.date-filter-grid,.action-row,.client-summary-grid,.focus-layout,.focus-spotlight-grid,.focus-card-grid,.role-switch-grid-compact,.editorial-grid,.dashboard-lead-grid,.showcase-grid-two,.showcase-grid-three,.lead-stat-grid,.section-intro-stats,.hr-directory-summary-grid,.hr-profile-band,.hr-profile-stat-grid,.hr-detail-edit-grid,.hr-work-ledger-summary-grid,.record-stat-grid,.record-list-row,.timeline-strip,.hr-portal-grid,.hr-report-grid,.hr-work-grid,.hr-work-ledger-grid,.hr-work-ledger-toolbar,.hr-work-ledger-filters,.hr-data-table-head,.hr-data-table-row,.attendance-summary-grid,.hr-detail-grid,.attendance-toolbar,.attendance-month-nav,.payroll-report-grid,.staff-table-row,.staff-table-head,.directory-pagination{grid-template-columns:1fr}.app-shell{min-height:auto}.shell-topbar,.brand-block{flex-direction:column;align-items:flex-start}.compact-view-toolbar{grid-template-columns:1fr;align-items:flex-start}.compact-view-toolbar-headline{grid-template-columns:1fr}.sidebar{padding-right:28px;border-right:none;border-bottom:1px solid #eee5d9}.sidebar-note{width:100%;min-width:0}.hero-split{flex-direction:column}.hero-insights{width:100%}}@media (max-width: 720px){#root,.content-area,.sidebar,.login-card,.shell-topbar{padding:18px}.form-grid,.detail-grid,.role-switch-grid,.catalogue-item-row,.topbar-metrics,.command-deck-stats,.lead-stat-grid,.section-intro-stats,.record-stat-grid{grid-template-columns:1fr}.hero-card,.panel,.stat-card,.list-card,.work-card,.summary-box,.sidebar-note,.login-card,.login-role-card{border-radius:24px}.hero-pill-card,.topbar-metric-card{min-width:0}.staff-table-main{flex-direction:column;align-items:stretch}.hr-profile-identity{grid-template-columns:1fr}.staff-row-actions,.hr-data-table-status{justify-content:flex-start}.hr-ledger-row{grid-template-columns:1fr}.hr-ledger-row-side,.hr-ledger-empty-state{justify-items:start;justify-content:start}.hr-ledger-inline-meta{text-align:left}}.topbar-actions{display:flex;align-items:center;gap:14px}.notification-bell-wrap{position:relative}.notification-bell-button{position:relative;width:56px;height:56px;border-radius:20px;border:1px solid rgba(232,223,210,.95);background:#ffffffe6;color:#171717;box-shadow:inset 0 1px #ffffffa8}.notification-bell-button.active,.notification-bell-button:hover{background:linear-gradient(135deg,#fff0ba,#ffe2bc);border-color:#f3d25e}.notification-bell-icon{font-size:20px}.notification-bell-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#171717;color:#fff;font-size:11px;font-weight:700;padding:0 7px}.notification-bell-popover{position:absolute;top:calc(100% + 12px);right:0;width:min(420px,92vw);border-radius:26px;border:1px solid rgba(232,223,210,.96);background:#fffcf8fa;box-shadow:0 24px 60px #0f172a1f;padding:16px;z-index:30}.notification-bell-head,.comm-toolbar-row,.comm-action-row,.staff-chat-header,.staff-chat-composer-row,.staff-chat-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-bell-head{margin-bottom:12px}.notification-bell-head strong,.staff-chat-candidates strong,.staff-chat-empty strong{display:block}.notification-bell-head span,.notification-bell-item-meta span,.staff-chat-message-time,.staff-chat-header p,.notification-bell-empty{color:#6b7280;font-size:12px}.notification-bell-list,.staff-chat-list,.staff-chat-candidate-list,.staff-chat-message-list{display:grid;gap:10px}.notification-bell-item,.staff-chat-thread,.staff-chat-candidate{width:100%;text-align:left;border-radius:20px;border:1px solid rgba(232,223,210,.94);background:#ffffffd1;padding:12px 14px}.notification-bell-item.unread,.comm-notification-card.unread,.staff-chat-thread.active{border-color:#f3d25e;background:linear-gradient(135deg,#fff0bacc,#ffffffe6)}.notification-bell-item-copy,.staff-chat-thread-copy{display:grid;gap:4px}.notification-bell-item-copy p,.staff-chat-thread-copy p,.staff-chat-message-bubble p,.staff-chat-empty p{margin:0;color:#6b7280}.notification-bell-item-meta,.staff-chat-thread-meta{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-tag{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#17171714;color:#171717}.mini-tag-warning{background:#f3d25e38}.mini-tag-success{background:#22c55e29}.mini-tag-danger{background:#ef444424}.mini-tag-neutral{background:#3b82f624}.comm-section-stack,.comm-hero-stats,.staff-chat-main,.staff-chat-sidebar{display:grid;gap:18px}.comm-hero-card{display:flex;justify-content:space-between;gap:18px;padding:24px;border-radius:32px;border:1px solid #ece3d6;background:linear-gradient(180deg,#fffaf4fa,#fffffff0)}.comm-hero-card h2{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.02;letter-spacing:-.04em}.comm-hero-stats{grid-template-columns:repeat(2,minmax(120px,1fr));min-width:260px}.comm-hero-stat{padding:16px;border-radius:22px;background:#ffffffd6;border:1px solid rgba(232,223,210,.96);display:grid;gap:4px}.comm-hero-stat span{color:#8b7a63;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.comm-hero-stat strong{font-size:28px}.comm-panel{padding:22px}.staff-chat-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px}.staff-chat-divider{height:1px;background:#e8dfd2f0}.staff-chat-thread,.staff-chat-candidate,.staff-chat-message{display:flex;gap:12px;align-items:flex-start}.staff-chat-thread-meta{flex-direction:column;align-items:flex-end;justify-content:flex-start;min-width:74px}.staff-chat-thread-avatar{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffeab2,#f7d36f 60%,#efbf55);color:#171717;font-weight:700;flex-shrink:0}.staff-chat-message-list{min-height:380px;max-height:64vh;overflow:auto;padding-right:8px}.staff-chat-message{flex-direction:column;align-items:flex-start}.staff-chat-message.mine{align-items:flex-end}.staff-chat-message-bubble{max-width:min(78%,720px);border-radius:24px;padding:14px 16px;background:#ffffffe6;border:1px solid rgba(232,223,210,.94);display:grid;gap:8px}.staff-chat-message.mine .staff-chat-message-bubble{background:linear-gradient(135deg,#fff0badb,#ffffffeb);border-color:#f3d25e}.staff-chat-message-bubble small{color:#8b7a63;font-weight:600}.staff-chat-composer{display:grid;gap:14px}.staff-chat-file-picker input{width:100%}.staff-chat-empty{min-height:420px;display:grid;place-items:center;text-align:center;border-radius:28px;border:1px dashed rgba(232,223,210,.96);background:#fffcf8cc;padding:24px}@media (max-width: 1180px){.topbar-actions,.comm-hero-card,.staff-chat-layout{grid-template-columns:1fr;flex-direction:column}.staff-chat-layout{display:grid}}@media (max-width: 780px){.notification-bell-popover{right:-12px;width:min(360px,92vw)}.staff-chat-message-bubble{max-width:100%}}