:root {
    --background: #fff;
    --foreground: #09090b;
    --card: #fff;
    --muted: #f4f4f5;
    --muted-foreground: #71717a;
    --border: #e4e4e7;
    --primary: #18181b;
    --primary-foreground: #fafafa;
    --sidebar-width: 264px;
}

/* Finance service */
.finance-shell{--fin-bg:#072b21;--fin-deep:#05251c;--fin-card:#fbf7ed;--fin-green:#20b574;--fin-red:#df572f;--fin-yellow:#d5a719;position:relative;background:var(--fin-bg);border-radius:22px;min-height:calc(100vh - 116px);padding:30px;color:#14221d;box-shadow:0 18px 50px rgba(5,37,28,.14)}
.finance-service-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;color:#fff}.finance-brand{display:flex;align-items:center;gap:14px}.finance-brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--fin-green);font-size:26px;font-weight:900;transform:rotate(-3deg)}.finance-brand strong{display:block;font-size:25px;letter-spacing:-.6px}.finance-brand small{display:block;margin-top:2px;color:#8eb5a8;text-transform:uppercase;letter-spacing:2px;font-size:9px;font-weight:800}
.finance-nav{display:flex;gap:5px;margin-top:22px}.finance-nav a{display:flex;align-items:center;gap:7px;padding:9px 13px;color:#9fc1b5;text-decoration:none;border-radius:10px;font-size:13px;font-weight:700}.finance-nav a:hover,.finance-nav a.active{color:#fff;background:rgba(255,255,255,.09)}.finance-nav i{font-size:18px}
.finance-toolbar{position:absolute;right:52px;top:120px;display:flex;align-items:center;gap:15px;color:#fff}.finance-toolbar h1{font-size:20px;min-width:190px;text-align:center;margin:0}.finance-month-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.12);color:#fff;background:rgba(255,255,255,.06);border-radius:11px;display:grid;place-items:center;cursor:pointer}
.finance-metrics{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:16px;margin-bottom:18px}.finance-metrics article{border-radius:18px;padding:25px;min-height:170px}.finance-profit-card{position:relative;color:#fff;border:1px solid rgba(128,218,183,.25);background:linear-gradient(135deg,#0b3b2d,#092d23);overflow:hidden}.finance-profit-card:after{content:'₽';position:absolute;right:18px;bottom:-42px;font-size:170px;color:rgba(255,255,255,.025);font-weight:900}.finance-profit-card>span,.finance-metric>span,.finance-section-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:#789087}.finance-profit-card>span{color:#85b4a3}.finance-profit-card>strong{display:block;color:#70e5af;font-size:43px;margin:20px 0}.finance-profit-card div{display:flex;align-items:center;gap:12px}.finance-profit-card b{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px}.finance-profit-card small{color:#a9c5bb}.finance-metric,.finance-card{background:var(--fin-card);border:1px solid rgba(12,47,36,.08)}.finance-metric strong{display:block;font-size:31px;margin:21px 0 9px}.finance-metric small{color:#718078}.finance-metric.income strong{color:#168b58}.finance-metric.expense strong{color:var(--fin-red)}.finance-metric.tax strong{color:#ad870c}
.finance-dashboard-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px}.finance-dashboard-main{display:grid;gap:18px}.finance-card{border-radius:18px;padding:26px}.finance-section-title{padding-bottom:17px;border-bottom:1px solid #e5dfd1;margin-bottom:20px}.finance-section-title a{float:right;color:#14794f;text-transform:none;letter-spacing:0;text-decoration:none}.finance-entry-card{align-self:start}.finance-operation-form,.finance-fields{display:grid;gap:15px}.finance-fields.two{grid-template-columns:1fr 1fr}.finance-operation-form label,.finance-fields label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#536158}.finance-operation-form label small{font-weight:500;color:#89948e}.finance-operation-form input,.finance-operation-form select,.finance-operation-form textarea,.finance-fields input,.finance-fields select,.finance-fields textarea,.finance-filters input,.finance-filters select{width:100%;border:1px solid #ddd8ca;background:#fffef9;color:#14221d;border-radius:11px;padding:12px 13px;font:inherit;outline:none;box-sizing:border-box}.finance-operation-form input:focus,.finance-operation-form select:focus,.finance-fields input:focus,.finance-fields select:focus,.finance-filters input:focus{border-color:#20b574;box-shadow:0 0 0 3px rgba(32,181,116,.12)}.finance-type-switch{display:grid;grid-template-columns:1fr 1fr;background:#ebe6d7;border-radius:12px;padding:4px}.finance-type-switch label{display:block}.finance-type-switch input{position:absolute;opacity:0}.finance-type-switch span{display:block;padding:11px;text-align:center;border-radius:9px}.finance-type-switch input:checked+span{background:#fffef8;color:#14794f;box-shadow:0 2px 7px rgba(0,0,0,.1)}.finance-taxable{display:flex!important;align-items:center;gap:11px!important;padding:12px;border:1px solid #ddd8ca;border-radius:12px}.finance-taxable input{width:18px!important}.finance-taxable span{display:grid;gap:2px}.finance-taxable small{font-weight:500}.finance-primary{border:0;background:var(--fin-green,#20b574);color:#08271e;border-radius:11px;padding:12px 18px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none}.finance-primary:hover{filter:brightness(1.04)}.finance-submit{width:100%;margin-top:2px}.finance-spin{animation:finance-spin .8s linear infinite}@keyframes finance-spin{to{transform:rotate(360deg)}}
.finance-structure-empty{min-height:210px;display:flex;align-items:center;justify-content:center;gap:45px;color:#89948e}.finance-empty-ring,.finance-donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative;background:repeating-conic-gradient(#ded9cb 0 3deg,transparent 3deg 8deg)}.finance-empty-ring:after,.finance-donut:after{content:'';position:absolute;inset:27px;background:var(--fin-card);border-radius:50%}.finance-empty-ring b,.finance-empty-ring span,.finance-donut span{z-index:1}.finance-empty-ring span{position:absolute;margin-top:42px;text-transform:uppercase;font-size:10px;letter-spacing:2px}.finance-legend{display:grid;gap:10px;min-width:260px}.finance-legend div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center}.finance-legend i{width:9px;height:9px;border-radius:3px}.finance-legend span{color:#5c6b63}.finance-chart{height:220px;display:flex;align-items:flex-end;gap:3px;padding-top:14px;border-bottom:1px solid #ddd8ca}.finance-chart-day{height:100%;flex:1;display:flex;gap:1px;align-items:flex-end;position:relative}.finance-chart-day>span{flex:1;min-height:0;border-radius:3px 3px 0 0}.finance-chart-day>.income{background:#7dd9ad}.finance-chart-day>.expense{background:#eb8a6e}.finance-chart-day small{position:absolute;bottom:-22px;width:100%;text-align:center;color:#89948e}.finance-chart-key{float:right;display:flex;align-items:center;gap:7px;letter-spacing:0}.finance-chart-key i{width:9px;height:9px;border-radius:3px;margin-left:9px}.finance-chart-key .income{background:#20b574}.finance-chart-key .expense{background:#df572f}
.finance-operation-row{display:grid;grid-template-columns:38px minmax(0,1fr) 95px 135px auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #e8e2d5}.finance-op-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.finance-op-icon.income{background:#dff6e9;color:#148653}.finance-op-icon.expense{background:#fbe6df;color:#c94722}.finance-op-main{min-width:0}.finance-op-main strong,.finance-op-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-op-main small{color:#879189;margin-top:3px}.finance-operation-row time{color:#718078;font-size:12px}.finance-operation-row>b{text-align:right}.finance-operation-row>b.income{color:#148653}.finance-operation-row>b.expense{color:#c94722}.finance-row-actions,.finance-contract-top>div{display:flex;gap:3px}.finance-row-actions button,.finance-category-row button,.finance-contract-top button{border:0;background:transparent;color:#718078;width:34px;height:34px;border-radius:8px;cursor:pointer}.finance-row-actions button:hover,.finance-category-row button:hover,.finance-contract-top button:hover{background:#ece8dc;color:#14221d}.finance-empty{padding:35px;text-align:center;color:#879189}
.finance-page-heading{display:flex;justify-content:space-between;align-items:end;color:#fff;margin:8px 0 24px}.finance-page-heading span{color:#78ad9a;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:900}.finance-page-heading h1{margin:6px 0;font-size:34px}.finance-page-heading p{margin:0;color:#9fc1b5}.finance-filters{display:grid;grid-template-columns:180px 180px minmax(230px,1fr);gap:10px;margin-bottom:18px}.finance-category-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.finance-category-row{display:grid;grid-template-columns:12px 1fr 34px 34px;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e8e2d5}.finance-category-row>i{width:12px;height:36px;border-radius:5px}.finance-category-row strong,.finance-category-row small{display:block}.finance-category-row small{color:#879189;margin-top:3px}.finance-contracts-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px}.finance-contract-card{background:var(--fin-card);padding:22px;border-radius:18px;border:1px solid rgba(12,47,36,.08);cursor:pointer;transition:.2s}.finance-contract-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.finance-contract-top{display:flex;justify-content:space-between;align-items:center;color:#789087;font-size:12px}.finance-contract-card h2{margin:15px 0 8px}.finance-contract-card>p{color:#718078;min-height:38px}.finance-contract-progress{border-top:1px solid #e5dfd1;margin-top:18px;padding-top:18px;display:flex;align-items:center;gap:14px}.finance-mini-donut{--progress:0deg;width:64px;height:64px;border-radius:50%;background:conic-gradient(#20b574 var(--progress),#ded9cb 0);display:grid;place-items:center;position:relative}.finance-mini-donut:after{content:'';position:absolute;inset:8px;background:var(--fin-card);border-radius:50%}.finance-mini-donut span{z-index:1;font-size:11px;font-weight:850}.finance-contract-progress>div:last-child{display:grid}.finance-contract-progress small,.finance-contract-progress span{color:#879189}.finance-contract-progress strong{font-size:20px}.finance-contract-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.finance-contract-summary div{background:#f2efe6;padding:16px;border-radius:12px}.finance-contract-summary small,.finance-contract-summary strong{display:block}.finance-contract-summary strong{font-size:20px;margin-top:6px}.finance-toast{position:fixed;right:28px;bottom:28px;z-index:9999;background:#123b2f;color:#fff;padding:13px 18px;border-radius:11px;box-shadow:0 12px 30px rgba(0,0,0,.2);transform:translateY(30px);opacity:0;transition:.2s}.finance-toast.error{background:#9f341f}.finance-toast.show{transform:none;opacity:1}
@media(max-width:1250px){.finance-metrics{grid-template-columns:1fr 1fr}.finance-dashboard-grid{grid-template-columns:330px minmax(0,1fr)}.finance-contracts-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.finance-shell{padding:18px;border-radius:14px}.finance-toolbar{position:static;margin-bottom:18px;justify-content:center}.finance-metrics,.finance-dashboard-grid,.finance-category-columns,.finance-contracts-grid{grid-template-columns:1fr}.finance-nav{overflow:auto}.finance-nav a{white-space:nowrap}.finance-dashboard-grid{display:flex;flex-direction:column}.finance-metrics article{min-height:130px}.finance-filters{grid-template-columns:1fr}.finance-operation-row{grid-template-columns:38px 1fr auto}.finance-operation-row time{display:none}.finance-operation-row>b{grid-column:2}.finance-row-actions{grid-column:3;grid-row:1/3}.finance-page-heading{align-items:flex-start;gap:15px}.finance-page-heading h1{font-size:27px}.finance-fields.two,.finance-contract-summary{grid-template-columns:1fr}.finance-structure-empty{flex-direction:column}.finance-service-head{overflow:hidden}}

/* Timeweb Cloud overview */
.timeweb-loading{min-height:360px;background:var(--fin-card);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:15px;color:#536158}.timeweb-loading .spinner-border{width:28px;height:28px;color:var(--fin-green)}.timeweb-loading strong,.timeweb-loading small{display:block}.timeweb-loading strong{font-size:16px}.timeweb-loading small{color:#879189;margin-top:5px}.timeweb-finance-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:16px}.timeweb-finance-grid article{background:var(--fin-card);border:1px solid rgba(12,47,36,.08);border-radius:18px;padding:24px;min-height:150px}.timeweb-finance-grid article>span{color:#789087;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.timeweb-finance-grid article>strong{display:block;font-size:27px;margin:20px 0 8px}.timeweb-finance-grid article>small{color:#718078}.timeweb-finance-grid .timeweb-balance{background:linear-gradient(135deg,#0c3d2f,#0a3025);color:#fff}.timeweb-finance-grid .timeweb-balance>span{color:#83b7a4}.timeweb-finance-grid .timeweb-balance>strong{color:#70e5af;font-size:36px}.timeweb-finance-grid .timeweb-balance>small{color:#b5cec5}.timeweb-section-head{display:flex;align-items:end;justify-content:space-between;color:#fff;margin:31px 2px 14px}.timeweb-section-head span{color:#78ad9a;text-transform:uppercase;letter-spacing:1.6px;font-size:9px;font-weight:850}.timeweb-section-head h2{font-size:23px;margin:5px 0 0}.timeweb-section-head>b{color:#9fc1b5;font-size:11px}.timeweb-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.timeweb-server-card,.timeweb-bucket-card{background:var(--fin-card);border:1px solid rgba(12,47,36,.08);border-radius:18px;padding:21px}.timeweb-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.timeweb-server-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#dff6e9;color:#148653}.timeweb-server-icon.storage{background:#e5e7ff;color:#5b54c9}.timeweb-server-icon i{font-size:21px}.timeweb-card-head h2{font-size:15px;margin:0 0 4px}.timeweb-card-head small{color:#879189}.timeweb-card-head>b{border-radius:999px;padding:6px 9px;font-size:9px;text-transform:uppercase}.timeweb-card-head>b.online{background:#dcfce7;color:#15803d}.timeweb-card-head>b.offline{background:#fee2e2;color:#b91c1c}.timeweb-server-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.timeweb-server-specs>span{background:#f1eee5;border-radius:10px;padding:10px}.timeweb-server-specs small,.timeweb-server-specs strong{display:block}.timeweb-server-specs small{font-size:8px;color:#879189;text-transform:uppercase}.timeweb-server-specs strong{font-size:10px;margin-top:4px}.timeweb-server-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;border-top:1px solid #e8e2d5;margin-top:16px;padding-top:14px;color:#718078;font-size:9px}.timeweb-server-meta span{display:flex;align-items:center;gap:4px}.timeweb-server-meta i{font-size:13px}.timeweb-server-meta code{background:#ece8dc;color:#14221d;border-radius:6px;padding:4px 6px}.timeweb-server-meta .warning{color:#b45309}.timeweb-storage-usage{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-top:20px}.timeweb-storage-usage strong,.timeweb-storage-usage small{display:block}.timeweb-storage-usage strong{font-size:20px}.timeweb-storage-usage small{color:#879189;margin-top:3px}.timeweb-storage-usage>span{height:8px;border-radius:999px;background:#e1ddd2;overflow:hidden}.timeweb-storage-usage>span i{display:block;height:100%;border-radius:inherit;background:#6d64d8}.timeweb-error{display:flex;align-items:center;gap:12px;background:#fff0eb;color:#a53b20;border:1px solid #f2b9a8;border-radius:15px;padding:18px;margin-bottom:16px}.timeweb-error>i{font-size:25px}.timeweb-error strong,.timeweb-error small{display:block}.timeweb-error small{margin-top:4px}.timeweb-updated{text-align:right;color:#78ad9a;font-size:9px;margin:17px 2px 0}@media(max-width:1150px){.timeweb-finance-grid{grid-template-columns:1fr 1fr}.timeweb-server-grid{grid-template-columns:1fr}}@media(max-width:650px){.timeweb-finance-grid{grid-template-columns:1fr}.timeweb-server-specs{grid-template-columns:1fr 1fr}.timeweb-card-head{grid-template-columns:42px minmax(0,1fr)}.timeweb-card-head>b{grid-column:2;justify-self:start}}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
html, body { background: var(--background) !important; color: var(--foreground); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
.app { background: var(--background) !important; min-height: 100vh; }
.app-container { background: var(--background) !important; margin-left: var(--sidebar-width) !important; min-height: 100vh; width: calc(100% - var(--sidebar-width)) !important; }
.app-sidebar, .app-container, .app-header { transition: width .2s ease, margin .2s ease, left .2s ease, transform .2s ease; }
body.sidebar-collapsed .app-sidebar { transform: translateX(-100%); }
body.sidebar-collapsed .app-container { margin-left: 0 !important; width: 100% !important; }
body.sidebar-collapsed .app-header.hr-topbar { left: 0 !important; }

.app-sidebar { background: #fafafa !important; border-right: 1px solid var(--border); box-shadow: none !important; display: flex !important; flex-direction: column; height: 100vh !important; left: 0; position: fixed !important; top: 0; width: var(--sidebar-width) !important; z-index: 1040; }
.sidebar-header { border-bottom: 0 !important; padding: 24px 20px 17px !important; }
.logo-link { align-items: center; color: var(--foreground) !important; display: flex; gap: 11px; text-decoration: none !important; }
.logo-link > span:last-child { display: flex; flex-direction: column; gap: 1px; }
.logo-icon { align-items: center; background: var(--foreground); border-radius: 8px !important; color: #fff; display: flex; font-size: 11px; font-weight: 700; height: 32px !important; justify-content: center; letter-spacing: -.03em; width: 32px !important; }
.logo-text { color: var(--foreground); font-size: 14px !important; font-weight: 650 !important; letter-spacing: -.015em; line-height: 17px; }
.logo-link small { color: var(--muted-foreground); font-size: 10px; font-weight: 500; line-height: 12px; }
.app-menu { flex: 1; overflow-y: auto; padding: 12px !important; }
.app-menu .accordion-menu { list-style: none; margin: 0 !important; padding: 0 !important; }
.app-menu .accordion-menu li { margin: 2px 0 !important; }
.app-menu .accordion-menu .sidebar-title { color: #a1a1aa !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .075em !important; margin: 15px 10px 7px !important; padding: 0 !important; text-transform: uppercase; }
.app-menu .accordion-menu .sidebar-title-settings { margin-top: 25px !important; }
.app-menu .accordion-menu li > a, .knowledge-menu details summary { align-items: center; border-radius: 7px !important; color: #52525b !important; display: flex !important; font-size: 13px !important; font-weight: 500; gap: 11px !important; min-height: 38px; padding: 8px 10px !important; text-decoration: none; transition: background .14s ease, color .14s ease; }
.app-menu .accordion-menu li > a:hover, .knowledge-menu details summary:hover { background: #f0f0f1 !important; color: var(--foreground) !important; }
.app-menu .accordion-menu li > a.active { background: #e9e9eb !important; color: var(--foreground) !important; font-weight: 600; }
.app-menu .accordion-menu li > a .material-icons, .knowledge-menu details summary > .material-icons { color: #71717a; font-size: 18px !important; min-width: 18px !important; }
.app-menu .accordion-menu li > a.active .material-icons { color: var(--foreground); }
.knowledge-menu details summary { cursor: pointer; list-style: none; }
.knowledge-menu details summary::-webkit-details-marker { display: none; }
.knowledge-menu details summary span { flex: 1; }
.knowledge-menu .knowledge-arrow { font-size: 16px !important; transition: transform .18s ease; }
.knowledge-menu details[open] .knowledge-arrow { transform: rotate(180deg); }
.knowledge-submenu { border-left: 1px solid var(--border); list-style: none; margin: 5px 0 8px 19px !important; padding: 0 0 0 9px !important; }
.app-menu .accordion-menu .knowledge-submenu li > a { min-height: 34px; padding: 7px 10px !important; }
.sidebar-footer { background: transparent !important; border-top: 1px solid var(--border) !important; padding: 12px !important; }
.user-profile { align-items: center; border-radius: 8px !important; cursor: pointer; display: flex; gap: 10px; padding: 8px !important; }
.user-profile:hover { background: #f0f0f1 !important; }
.user-avatar { border: 1px solid var(--border) !important; border-radius: 7px !important; height: 32px !important; object-fit: cover; width: 32px !important; }
.user-avatar-fallback { align-items: center; background: #e4e4e7; color: #52525b; justify-content: center; }
.user-avatar-fallback .material-icons { font-size: 17px; }
.user-info { flex: 1; min-width: 0; }
.user-name { color: var(--foreground) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 17px; }
.user-login { color: var(--muted-foreground) !important; font-size: 11px !important; line-height: 15px; }
.user-more { color: #a1a1aa; font-size: 17px; }
.hr-profile-actions { flex: 0 0 auto; }
.hr-profile-actions .hr-row-actions-menu { min-width: 150px; }

.app-header.hr-topbar { align-items: center; background: rgba(255,255,255,.94) !important; border-bottom: 1px solid var(--border); box-shadow: none !important; display: flex; height: 66px !important; left: var(--sidebar-width) !important; padding: 0 32px !important; position: fixed !important; right: 0; top: 0; width: auto !important; z-index: 1030; }
.hr-icon-button { align-items: center; background: transparent; border: 0; border-radius: 6px; color: #52525b; display: inline-flex; height: 32px; justify-content: center; padding: 0; width: 32px; }
.hr-icon-button:hover { background: var(--muted); color: var(--foreground); }
.hr-icon-button svg { fill: none; height: 17px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 17px; }
.hr-topbar-divider { background: var(--border); height: 20px; margin: 0 15px 0 7px; width: 1px; }
.hr-breadcrumb { align-items: center; color: var(--muted-foreground); display: flex; font-size: 12px; gap: 8px; }
.hr-breadcrumb svg { fill: none; height: 13px; stroke: #a1a1aa; stroke-width: 2; width: 13px; }
.hr-breadcrumb strong { color: var(--foreground); font-weight: 500; }
.hr-topbar-actions { align-items: center; display: flex; gap: 9px; margin-left: auto; }
.hr-status { align-items: center; color: var(--muted-foreground); display: inline-flex; font-size: 11px; gap: 6px; margin-right: 5px; }
.hr-status > span { background: #22c55e; border-radius: 50%; box-shadow: 0 0 0 3px #dcfce7; height: 6px; width: 6px; }
.hr-quick-actions { position: relative; }
.hr-quick-actions-button { align-items: center; background: #18181b; border: 1px solid #18181b; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 12px; font-weight: 600; gap: 7px; min-height: 38px; padding: 0 12px; }
.hr-quick-actions-button > .material-icons { font-size: 17px; }
.hr-quick-actions-chevron { color: #a1a1aa; margin-left: 2px; transition: transform .15s; }
.hr-quick-actions.open .hr-quick-actions-chevron { transform: rotate(180deg); }
.hr-quick-actions-menu { background: #fff; border: 1px solid var(--border); border-radius: 9px; box-shadow: 0 12px 30px rgba(0,0,0,.11); display: none; left: 0; min-width: 230px; padding: 6px; position: absolute; top: calc(100% + 8px); z-index: 1200; }
.hr-quick-actions.open .hr-quick-actions-menu { display: block; }
.hr-quick-actions-menu button { align-items: center; background: transparent; border: 0; border-radius: 6px; color: var(--foreground); cursor: pointer; display: flex; gap: 10px; padding: 9px 10px; text-align: left; width: 100%; }
.hr-quick-actions-menu button:hover { background: var(--muted); }
.hr-quick-actions-menu .material-icons { color: #71717a; font-size: 18px; }
.hr-quick-actions-menu span { display: flex; flex-direction: column; font-size: 12px; font-weight: 550; }
.hr-quick-actions-menu small { color: var(--muted-foreground); font-size: 10px; font-weight: 400; margin-top: 2px; }

.app-content { background: var(--background) !important; margin-top: 0 !important; min-height: 100vh; padding-top: 66px !important; }
.content-wrapper { background: var(--background) !important; padding: 0 !important; }
.hr-page, .app-content .container-fluid { margin: 0 auto !important; max-width: 1320px; padding: 60px 48px 88px !important; }
.hr-page-heading { margin: 0 !important; }
.hr-eyebrow { color: var(--muted-foreground); font-size: 11px; font-weight: 600; letter-spacing: .07em; margin-bottom: 11px; text-transform: uppercase; }
.hr-page-heading h1, .page-description h1 { color: var(--foreground) !important; font-size: 32px !important; font-weight: 650 !important; letter-spacing: -.035em; line-height: 1.25; margin: 0 !important; }
.hr-page-heading p, .page-description p { color: var(--muted-foreground) !important; font-size: 13px !important; line-height: 1.55; margin: 7px 0 0 !important; }
.hr-page-header { align-items: flex-end; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 34px; }
.hr-section-label { color: var(--foreground); font-size: 13px; font-weight: 600; margin: 0 0 12px; }

.hr-settings-grid { display: grid; gap: 18px; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); }
.hr-settings-grid-simple { grid-template-columns: minmax(360px, 650px); }
.hr-card { background: var(--card); border: 1px solid var(--border); border-radius: 10px !important; box-shadow: 0 1px 2px rgba(0,0,0,.02); overflow: hidden; }
.hr-card-link { color: inherit; display: block; text-decoration: none !important; }
.hr-card-link:hover { color: inherit; }
.hr-settings-card { align-items: center; display: flex; min-height: 154px; padding: 28px; position: relative; transition: border-color .15s, box-shadow .15s; }
.hr-card-link:hover .hr-settings-card { border-color: #a1a1aa; box-shadow: 0 4px 12px rgba(0,0,0,.045); }
.hr-settings-card-main { display: flex; flex: 1; flex-direction: column; max-width: 530px; }
.hr-settings-card-main .hr-card-icon { margin-bottom: 16px; }
.hr-settings-card-main h2 { margin: 0 0 7px; }
.hr-settings-arrow { color: #a1a1aa; font-size: 21px; margin-left: 24px; }
.hr-card-icon { align-items: center; background: var(--muted); border: 1px solid var(--border); border-radius: 7px; color: var(--foreground); display: flex; height: 34px; justify-content: center; width: 34px; }
.hr-card-icon .material-icons { font-size: 18px; }
.hr-card h2 { color: var(--foreground); font-size: 15px; font-weight: 600; letter-spacing: -.01em; margin: 18px 0 6px; }
.hr-card p { color: var(--muted-foreground); font-size: 12px; line-height: 1.55; margin: 0; }
.hr-card-action { align-items: center; color: var(--foreground); display: flex; font-size: 12px; font-weight: 600; gap: 6px; margin-top: auto; padding-top: 22px; }
.hr-card-action .material-icons { font-size: 15px; transition: transform .15s; }
.hr-card-link:hover .hr-card-action .material-icons { transform: translateX(3px); }

.btn { align-items: center; border-radius: 8px !important; box-shadow: none !important; cursor: pointer; display: inline-flex; font-size: 13px !important; font-weight: 550 !important; gap: 7px; justify-content: center; min-height: 42px; padding: 9px 16px !important; }
.btn .material-icons { font-size: 16px; }
.btn-primary { background: var(--primary) !important; border-color: var(--primary) !important; color: var(--primary-foreground) !important; }
.btn-primary:hover { background: #27272a !important; }
.btn-outline-secondary, .btn-light { background: #fff !important; border: 1px solid var(--border) !important; color: #3f3f46 !important; }
.btn-outline-secondary:hover, .btn-light:hover { background: var(--muted) !important; color: var(--foreground) !important; }
.form-label { color: #27272a; display: block; font-size: 13px; font-weight: 550; margin-bottom: 7px; }
.form-control { background: #fff !important; border: 1px solid #d4d4d8 !important; border-radius: 8px !important; box-shadow: none !important; color: var(--foreground); font-size: 14px !important; min-height: 44px; padding: 10px 13px !important; width: 100%; }
.form-control:focus { border-color: #a1a1aa !important; box-shadow: 0 0 0 3px rgba(161,161,170,.18) !important; }
.form-check-input:checked { background-color: var(--primary) !important; border-color: var(--primary) !important; }
.modal-content { border: 1px solid var(--border) !important; border-radius: 12px !important; box-shadow: 0 20px 50px rgba(0,0,0,.14) !important; }
.modal-header, .modal-footer { border-color: var(--border) !important; padding: 18px 22px !important; }
.modal-body { padding: 22px !important; }
.modal-title { color: var(--foreground); font-size: 15px; font-weight: 600; }
.hr-table-card { border: 1px solid var(--border); border-radius: 12px; overflow: visible; }
.table { margin: 0 !important; }
.table thead th { background: #fafafa !important; border-bottom: 1px solid var(--border) !important; color: var(--muted-foreground) !important; font-size: 11px; font-weight: 600; letter-spacing: .035em; padding: 14px 18px !important; text-align: left; text-transform: uppercase; }
.table tbody td { border-bottom: 1px solid #f1f1f2 !important; color: #3f3f46; font-size: 14px; padding: 15px 18px !important; vertical-align: middle; }
.table-hover tbody tr:hover > * { background: #fafafa !important; }
.hr-user-cell { align-items: center; display: flex; gap: 10px; }
.hr-user-cell img { border: 1px solid var(--border); border-radius: 9px; height: 42px; object-fit: cover; width: 42px; }
.hr-user-name { color: var(--foreground); font-size: 14px; font-weight: 600; }
.hr-user-email { color: var(--muted-foreground); font-size: 12px; margin-top: 3px; }
.hr-state { align-items: center; display: inline-flex; font-size: 13px; gap: 7px; }
.hr-state::before { background: #a1a1aa; border-radius: 50%; content: ""; height: 6px; width: 6px; }
.hr-state-active::before { background: #22c55e; }
.hr-actions-column { text-align: right !important; width: 58px; }
.hr-row-actions { display: inline-flex; position: relative; }
.hr-row-actions-button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #71717a; cursor: pointer; display: flex; height: 36px; justify-content: center; width: 36px; }
.hr-row-actions-button:hover, .hr-row-actions.open .hr-row-actions-button { background: var(--muted); color: var(--foreground); }
.hr-row-actions-button .material-icons { font-size: 20px; }
.hr-row-actions-menu { background: #fff; border: 1px solid var(--border); border-radius: 9px; box-shadow: 0 12px 28px rgba(0,0,0,.12); display: none; min-width: 215px; padding: 6px; position: absolute; right: 0; text-align: left; top: calc(100% + 5px); z-index: 30; }
.hr-row-actions.open .hr-row-actions-menu { display: block; }
.hr-row-actions.drop-up .hr-row-actions-menu { bottom: calc(100% + 5px); top: auto; }
.hr-row-actions-menu a, .hr-row-actions-menu button { align-items: center; background: transparent; border: 0; border-radius: 6px; color: #27272a; cursor: pointer; display: flex; font-size: 12px; gap: 9px; padding: 9px 10px; text-align: left; text-decoration: none; width: 100%; }
.hr-row-actions-menu a:hover, .hr-row-actions-menu button:hover { background: var(--muted); }
.hr-row-actions-menu .material-icons { color: #71717a; font-size: 17px; }
.hr-row-actions-menu .hr-danger-action { color: #dc2626; }
.hr-row-actions-menu .hr-danger-action .material-icons { color: #dc2626; }
.hr-profile-layout { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr) 290px; max-width: 1080px; }
.hr-dictionary-tabs { background: var(--muted); border-radius: 9px; display: inline-flex; gap: 3px; margin-bottom: 16px; padding: 3px; }
.hr-dictionary-tabs button { background: transparent; border: 0; border-radius: 7px; color: #71717a; cursor: pointer; font-size: 12px; font-weight: 550; padding: 9px 13px; }
.hr-dictionary-tabs button.active { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); color: var(--foreground); }
.hr-color-input { cursor: pointer; padding: 5px !important; }
.hr-color-input::-webkit-color-swatch-wrapper { padding: 0; }
.hr-color-input::-webkit-color-swatch { border: 0; border-radius: 5px; }
.hr-profile-form-card { overflow: hidden; }
.hr-profile-identity { align-items: center; border-bottom: 1px solid var(--border); display: flex; gap: 15px; padding: 24px 26px; }
.hr-profile-identity img { border: 1px solid var(--border); border-radius: 10px; height: 58px; object-fit: cover; width: 58px; }
.hr-profile-identity h2 { font-size: 17px; font-weight: 650; margin: 0; }
.hr-profile-identity p { color: var(--muted-foreground); font-size: 12px; margin: 5px 0 0; }
.hr-form-section { border-bottom: 1px solid var(--border); padding: 26px; }
.hr-form-section-heading { margin-bottom: 20px; }
.hr-form-section-heading h3 { font-size: 14px; font-weight: 600; margin: 0; }
.hr-form-section-heading p { color: var(--muted-foreground); font-size: 12px; margin: 5px 0 0; }
.hr-fields-grid { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
.hr-password-field { margin-top: 18px; }
.hr-form-footer { display: flex; justify-content: flex-end; padding: 18px 26px; }
.hr-profile-side-card { padding: 24px; }
.hr-profile-side-card > h3 { font-size: 15px; margin: 0 0 7px; }
.hr-profile-side-card > p { color: var(--muted-foreground); font-size: 12px; line-height: 1.55; margin: 0 0 22px; }
.hr-switch-row { align-items: center; border: 1px solid var(--border); border-radius: 9px; cursor: pointer; display: flex; justify-content: space-between; padding: 14px; }
.hr-switch-row > span { display: flex; flex-direction: column; }
.hr-switch-row strong { font-size: 12px; font-weight: 600; }
.hr-switch-row small { color: var(--muted-foreground); font-size: 10px; margin-top: 3px; }
.hr-switch-row input { height: 0; opacity: 0; position: absolute; width: 0; }
.hr-switch-row > i { background: #d4d4d8; border-radius: 999px; height: 22px; position: relative; transition: background .15s; width: 39px; }
.hr-switch-row > i::after { background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.2); content: ""; height: 18px; left: 2px; position: absolute; top: 2px; transition: transform .15s; width: 18px; }
.hr-switch-row input:checked + i { background: #18181b; }
.hr-switch-row input:checked + i::after { transform: translateX(17px); }
.hr-rights-link { align-items: center; border: 1px solid var(--border); border-radius: 9px; color: inherit; display: flex; gap: 10px; margin-top: 10px; padding: 13px; text-decoration: none; }
.hr-rights-link:hover { background: #fafafa; }
.hr-rights-link > .material-icons { color: #71717a; font-size: 19px; }
.hr-rights-link > .material-icons:last-child { margin-left: auto; }
.hr-rights-link span { display: flex; flex-direction: column; }
.hr-rights-link strong { font-size: 12px; font-weight: 600; }
.hr-rights-link small { color: var(--muted-foreground); font-size: 10px; margin-top: 2px; }
.hr-permissions-card { align-items: center; display: flex; gap: 18px; max-width: 720px; padding: 26px; }
.hr-permissions-card > .material-icons { align-items: center; background: var(--muted); border-radius: 9px; display: flex; font-size: 23px; height: 44px; justify-content: center; width: 44px; }
.hr-permissions-card h2 { font-size: 15px; margin: 0 0 5px; }
.hr-permissions-card p { color: var(--muted-foreground); font-size: 12px; margin: 0; }

/* Knowledge base data tables */
.hr-list-toolbar { align-items: center; display: flex; gap: 10px; margin-bottom: 16px; }
.hr-search { align-items: center; border: 1px solid #d4d4d8; border-radius: 8px; display: flex; height: 42px; max-width: 420px; padding: 0 12px; width: 100%; }
.hr-search:focus-within { border-color: #a1a1aa; box-shadow: 0 0 0 3px rgba(161,161,170,.15); }
.hr-search .material-icons { color: #a1a1aa; font-size: 19px; }
.hr-search input { background: transparent; border: 0; color: var(--foreground); flex: 1; font-size: 13px; height: 100%; min-width: 0; outline: 0; padding: 0 0 0 9px; }
.hr-search input::placeholder { color: #a1a1aa; }
.hr-select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 11px center; border: 1px solid #d4d4d8; border-radius: 8px; color: #3f3f46; cursor: pointer; font-size: 12px; height: 42px; margin-left: auto; min-width: 190px; outline: 0; padding: 0 36px 0 12px; }
.hr-select:focus { border-color: #a1a1aa; box-shadow: 0 0 0 3px rgba(161,161,170,.15); }
.hr-select-block { margin-left: 0; width: 100%; }
.hr-candidate-status { align-items: center; background: color-mix(in srgb, var(--status-color) 9%, white); border: 1px solid color-mix(in srgb, var(--status-color) 25%, white); border-radius: 999px; color: var(--status-color); display: inline-flex; font-size: 11px; font-weight: 600; gap: 7px; padding: 6px 9px; white-space: nowrap; }
.hr-candidate-status > i { background: var(--status-color); border-radius: 50%; height: 6px; width: 6px; }
.hr-status-preview { margin-top: 8px; min-height: 27px; }
.hr-column-picker { position: relative; }
.hr-column-picker-button { white-space: nowrap; }
.hr-column-picker-button > .material-icons:last-child { color: #a1a1aa; font-size: 16px; }
.hr-column-picker-menu { background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 14px 34px rgba(0,0,0,.12); display: none; padding: 8px; position: absolute; right: 0; top: calc(100% + 7px); width: 220px; z-index: 40; }
.hr-column-picker.open .hr-column-picker-menu { display: grid; }
.hr-column-picker-menu > strong { color: #71717a; font-size: 10px; letter-spacing: .04em; padding: 7px 8px 8px; text-transform: uppercase; }
.hr-column-picker-menu label { align-items: center; border-radius: 7px; color: #3f3f46; cursor: pointer; display: flex; font-size: 12px; gap: 9px; padding: 8px; }
.hr-column-picker-menu label:hover { background: var(--muted); }
.hr-column-picker-menu input { accent-color: #18181b; height: 15px; margin: 0; width: 15px; }
.hr-status-filter-menu { max-height: 420px; overflow-y: auto; width: 250px; }
.hr-status-filter-menu > div { display: grid; }
.hr-status-filter-menu .hr-status-filter-actions { border-bottom: 1px solid var(--border); display: flex; gap: 5px; margin-bottom: 4px; padding: 0 7px 7px; }
.hr-status-filter-actions button { background: transparent; border: 0; color: #52525b; cursor: pointer; font-size: 10px; padding: 4px 2px; }
.hr-status-filter-actions button + button { margin-left: auto; }
.hr-status-filter-actions button:hover { color: var(--foreground); text-decoration: underline; }
.hr-status-filter-menu > div > label { align-items: center; border-radius: 7px; cursor: pointer; display: flex; font-size: 12px; gap: 9px; padding: 8px; }
.hr-status-filter-menu > div > label:hover { background: var(--muted); }
.hr-status-filter-menu > div > label > input { accent-color: #18181b; height: 15px; margin: 0; width: 15px; }
.hr-status-filter-menu > div > label > i { background: var(--status-color); border-radius: 50%; height: 7px; width: 7px; }
.hr-data-table tbody tr:last-child td { border-bottom: 0 !important; }
.hr-primary-cell { display: flex; flex-direction: column; min-width: 210px; }
.hr-primary-cell strong { color: var(--foreground); font-size: 14px; font-weight: 600; }
.hr-primary-cell span { color: var(--muted-foreground); font-size: 11px; line-height: 1.4; margin-top: 4px; max-width: 430px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-record-status { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 999px; color: #71717a; display: inline-flex; font-size: 11px; font-weight: 550; gap: 6px; padding: 5px 9px; }
.hr-record-status::before { background: #a1a1aa; border-radius: 50%; content: ""; height: 6px; width: 6px; }
.hr-record-status.active { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-record-status.active::before { background: #22c55e; }
.hr-table-loading { align-items: center; color: var(--muted-foreground); display: flex; font-size: 12px; gap: 10px; justify-content: center; min-height: 120px; }
.hr-table-empty { align-items: center; border-top: 1px solid var(--border); display: flex; flex-direction: column; min-height: 220px; justify-content: center; padding: 28px; text-align: center; }
.hr-table-empty[hidden] { display: none; }
.hr-table-empty .material-icons { color: #a1a1aa; font-size: 30px; }
.hr-table-empty strong { font-size: 13px; margin-top: 12px; }
.hr-table-empty span { color: var(--muted-foreground); font-size: 11px; margin-top: 5px; }
.hr-feedback { border: 1px solid; border-radius: 8px; font-size: 12px; margin-bottom: 14px; padding: 10px 12px; }
.hr-feedback[hidden] { display: none !important; }
.hr-feedback i { font-size: 17px; }
.hr-feedback:has(i) { align-items: center; display: flex; gap: 8px; }
.hr-feedback-success { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.hr-feedback-error { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.modal-header > div > p { color: var(--muted-foreground); font-size: 11px; margin: 5px 0 0; }
.hr-editor-fields { display: grid; gap: 18px; }
.hr-textarea { min-height: 100px; resize: vertical; }
.hr-modal-switch { margin-top: 2px; }
.hr-form-error { background: #fef2f2; border: 1px solid #fecaca; border-radius: 7px; color: #991b1b; font-size: 11px; padding: 9px 11px; }
.hr-field-hint { color: var(--muted-foreground); font-size: 11px; line-height: 1.45; margin: -2px 0 7px; }
.hr-quick-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.hr-quick-badges button { background: #fff; border: 1px solid var(--border); border-radius: 999px; color: #52525b; cursor: pointer; font-size: 10px; font-weight: 550; padding: 5px 9px; transition: background .15s, border-color .15s, color .15s; }
.hr-quick-badges button:hover { background: var(--muted); color: var(--foreground); }
.hr-quick-badges button.active { background: #f0fdf4; border-color: #86efac; color: #15803d; }
.hr-phone-link { color: #27272a; font-size: 13px; font-weight: 550; text-decoration: none; white-space: nowrap; }
.hr-phone-link:hover { text-decoration: underline; }
.hr-approver-cell { align-items: center; display: flex; gap: 8px; white-space: nowrap; }
.hr-approver-cell img, .hr-approver-cell > span { align-items: center; background: var(--muted); border: 1px solid var(--border); border-radius: 7px; display: flex; height: 28px; justify-content: center; object-fit: cover; width: 28px; }
.hr-approver-cell > span .material-icons { color: #71717a; font-size: 15px; }
.hr-approver-cell strong { font-size: 11px; font-weight: 600; }
.hr-muted-cell { color: var(--muted-foreground); font-size: 11px; }
.btn:disabled { cursor: not-allowed; opacity: .6; }

/* Quick call candidate picker */
.hr-quick-call-dialog { max-width: 680px; }
.hr-quick-call-search { width: 100%; }
.hr-quick-call-results { display: grid; gap: 7px; margin-top: 14px; max-height: 460px; overflow-y: auto; }
.hr-quick-call-placeholder { align-items: center; color: var(--muted-foreground); display: flex; flex-direction: column; font-size: 12px; gap: 10px; justify-content: center; min-height: 180px; }
.hr-quick-call-placeholder .material-icons { color: #a1a1aa; font-size: 28px; }
.hr-quick-call-card { align-items: center; border: 1px solid var(--border); border-radius: 10px; color: inherit; display: flex; gap: 12px; min-height: 70px; padding: 11px 13px; text-decoration: none; transition: background .15s, border-color .15s; }
.hr-quick-call-card:hover { background: #fafafa; border-color: #c7c7cc; }
.hr-quick-call-avatar { align-items: center; background: var(--muted); border-radius: 9px; color: #71717a; display: flex; flex: 0 0 40px; height: 40px; justify-content: center; }
.hr-quick-call-avatar .material-icons { font-size: 20px; }
.hr-quick-call-person { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.hr-quick-call-person strong { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-quick-call-person small { color: var(--muted-foreground); font-size: 11px; margin-top: 4px; }
.hr-quick-call-arrow { color: #a1a1aa; font-size: 17px; }

/* Applications */
.hr-applications-table { min-width: 1080px; }
.hr-applications-table tbody td { vertical-align: top; }
.hr-cell-note { color: var(--muted-foreground); display: block; font-size: 10px; margin-top: 4px; }
.hr-application-candidate-row td { background: #fafafa; border-bottom: 1px solid var(--border) !important; border-top: 8px solid #fff !important; padding: 16px 18px !important; }
.hr-application-candidate-row:first-child td { border-top: 0 !important; }
.hr-application-candidate-head { align-items: center; display: flex; gap: 12px; }
.hr-application-candidate-avatar { align-items: center; background: #e4e4e7; border-radius: 9px; color: #52525b; display: flex; flex: 0 0 40px; height: 40px; justify-content: center; }
.hr-application-candidate-avatar .material-icons { font-size: 20px; }
.hr-application-candidate-head > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.hr-application-candidate-head strong { color: var(--foreground); font-size: 14px; }
.hr-application-candidate-head small { color: var(--muted-foreground); font-size: 10px; margin-top: 4px; }
.hr-application-candidate-head > a { align-items: center; color: #52525b; display: inline-flex; font-size: 11px; font-weight: 600; gap: 5px; text-decoration: none; }
.hr-application-candidate-head > a:hover { color: var(--foreground); }
.hr-application-candidate-head > a .material-icons { font-size: 15px; }
.hr-application-vacancy-row td { padding-bottom: 17px !important; padding-top: 17px !important; }
.hr-application-vacancy-row td:first-child { padding-left: 20px !important; }
.hr-application-tree { align-items: stretch; display: flex; min-width: 300px; }
.hr-application-tree-line { flex: 0 0 32px; min-height: 45px; position: relative; }
.hr-application-tree-line::before { background: #d4d4d8; bottom: -18px; content: ""; left: 10px; position: absolute; top: -18px; width: 1px; }
.hr-application-tree-line.last::before { bottom: calc(100% - 17px); }
.hr-application-tree-line::after { background: #d4d4d8; content: ""; height: 1px; left: 10px; position: absolute; top: 17px; width: 16px; }
.hr-application-tree > div { display: flex; flex-direction: column; min-width: 0; }
.hr-application-title { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; }
.hr-application-tree strong { color: #27272a; font-size: 12px; line-height: 1.45; }
.hr-application-id { background: #f4f4f5; border: 1px solid var(--border); border-radius: 999px; color: #71717a; font-size: 9px; font-weight: 600; padding: 3px 6px; white-space: nowrap; }
.hr-application-tree small { color: var(--muted-foreground); display: flex; font-size: 10px; gap: 5px; line-height: 1.45; margin-top: 6px; }
.hr-application-tree small .material-icons { flex: 0 0 auto; font-size: 13px; }
.hr-application-dialog { max-width: 760px; }
.hr-application-candidate-search { width: 100%; }
.hr-application-candidates { border: 1px solid var(--border); border-radius: 9px; display: grid; gap: 3px; margin-top: 8px; max-height: 210px; overflow-y: auto; padding: 5px; }
.hr-application-candidate { align-items: center; background: #fff; border: 0; border-radius: 7px; color: var(--foreground); cursor: pointer; display: flex; justify-content: space-between; padding: 10px; text-align: left; width: 100%; }
.hr-application-candidate:hover { background: var(--muted); }
.hr-application-candidate.active { background: #f0fdf4; color: #166534; }
.hr-application-candidate > span { display: flex; flex-direction: column; min-width: 0; }
.hr-application-candidate strong { font-size: 12px; }
.hr-application-candidate small { color: var(--muted-foreground); font-size: 10px; margin-top: 3px; }
.hr-application-candidate > .material-icons { font-size: 18px; }

/* Candidate action history */
.hr-candidate-action-layout { align-items: start; display: grid; gap: 28px; grid-template-columns: 340px minmax(0, 1fr); }
.hr-action-composer { padding: 24px; position: sticky; top: 92px; }
.hr-action-composer > h2 { font-size: 16px; margin: 0 0 6px; }
.hr-action-composer > p { color: var(--muted-foreground); font-size: 11px; line-height: 1.5; margin: 0 0 20px; }
.hr-action-composer form { display: grid; gap: 13px; }
.hr-action-composer .hr-select { margin: 0; width: 100%; }
.hr-action-templates { display: flex; flex-wrap: wrap; gap: 6px; }
.hr-action-templates > span { color: var(--muted-foreground); flex: 0 0 100%; font-size: 10px; }
.hr-action-templates button { background: #fff; border: 1px solid var(--border); border-radius: 999px; color: #52525b; cursor: pointer; font-size: 10px; padding: 5px 9px; }
.hr-action-templates button:hover { background: var(--muted); color: var(--foreground); }
.hr-section-title h2 { font-size: 16px; margin: 2px 0 16px; }
.hr-action-timeline { display: grid; gap: 12px; }
.hr-action-item { align-items: flex-start; background: #fff; border: 1px solid var(--border); border-radius: 11px; display: flex; gap: 14px; padding: 18px; }
.hr-action-icon { align-items: center; background: var(--muted); border-radius: 8px; color: #52525b; display: flex; flex: 0 0 36px; height: 36px; justify-content: center; }
.hr-action-icon .material-icons { font-size: 18px; }
.hr-action-content { min-width: 0; width: 100%; }
.hr-action-meta { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
.hr-action-meta strong { font-size: 12px; font-weight: 650; }
.hr-action-meta time { color: #a1a1aa; font-size: 10px; }
.hr-action-content > p { color: #3f3f46; font-size: 13px; line-height: 1.6; margin: 10px 0 14px; white-space: pre-wrap; }
.hr-action-author { align-items: center; color: var(--muted-foreground); display: flex; font-size: 10px; gap: 7px; }
.hr-action-author img, .hr-action-author > span:first-child { align-items: center; background: var(--muted); border: 1px solid var(--border); border-radius: 50%; display: flex; height: 24px; justify-content: center; object-fit: cover; width: 24px; }
.hr-action-author .material-icons { font-size: 13px; }
.hr-action-author strong { color: #52525b; font-weight: 600; }
.hr-sidebar-profile-link { align-items:center; color:inherit; display:flex; flex:1 1 0%; gap:10px; min-width:0; overflow:hidden; text-decoration:none; }
.hr-sidebar-profile-link:hover { color:inherit; text-decoration:none; }
.hr-sidebar-profile-link .user-info { overflow:hidden; }
.hr-sidebar-profile-link .user-name,.hr-sidebar-profile-link .user-login { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hr-profile-page { max-width:1180px; }
.hr-profile-page-head { margin:0 0 18px; }
.hr-profile-page-head h1 { font-size:27px; font-weight:700; letter-spacing:-.04em; margin:5px 0; }
.hr-profile-page-head p { color:var(--muted-foreground); font-size:12px; margin:0; }
.hr-profile-page .hr-profile-layout { max-width:none; grid-template-columns:minmax(0,1fr) 360px; }
.hr-profile-form-card { background:#fff; border:1px solid var(--border); border-radius:13px; }
.hr-profile-identity img { border-radius:50%; height:68px; width:68px; }
.hr-profile-avatar-wrap { flex:0 0 68px; height:68px; position:relative; }
.hr-profile-avatar-wrap img { display:block; }
.hr-profile-avatar-wrap button { align-items:center; background:#18181b; border:2px solid #fff; border-radius:50%; bottom:-3px; color:#fff; cursor:pointer; display:grid; height:27px; justify-content:center; padding:0; position:absolute; right:-3px; width:27px; }
.hr-profile-avatar-wrap button:hover { background:#3f3f46; transform:translateY(-1px); }
.hr-profile-avatar-wrap button i { font-size:14px; }
.hr-profile-avatar-dialog { max-width:440px; }
.hr-profile-avatar-dialog .modal-body input { display:block; max-width:100%; width:100%; }
.hr-profile-avatar-dialog .modal-footer { display:flex; gap:8px; justify-content:flex-end; }
.hr-profile-field { color:#52525b; display:grid; font-size:11px; font-weight:600; gap:6px; }
.hr-profile-field .form-control { font-size:12px; min-height:38px; }
.hr-profile-side-card { background:#fff; border:1px solid var(--border); border-radius:13px; }
.hr-profile-mcp-icon { align-items:center; background:#f4f0ff; border-radius:12px; color:#7046c7; display:grid; height:42px; justify-content:center; margin-bottom:14px; width:42px; }
.hr-copy-field { display:flex; gap:5px; }
.hr-copy-field .form-control { font-size:10px; min-width:0; }
.hr-copy-field button { align-items:center; background:#f4f4f5; border:1px solid var(--border); border-radius:8px; color:#52525b; cursor:pointer; display:flex; flex:0 0 36px; justify-content:center; }
.hr-copy-field button:hover { background:#e4e4e7; }
.hr-profile-side-card .hr-profile-field { margin-top:15px; }
.hr-profile-get-note { align-items:flex-start; background:#fff9e8; border:1px solid #f4e5b5; border-radius:9px; color:#766021; display:grid; font-size:10px; gap:8px; line-height:1.55; margin-top:14px; padding:11px; }
.hr-profile-get-note code { background:rgba(255,255,255,.7); border-radius:5px; color:#624f1d; font-size:9px; overflow-wrap:anywhere; padding:6px; }
.hr-profile-get-note span { font-size:9px; }
@media(max-width:850px){.hr-profile-page .hr-profile-layout{grid-template-columns:1fr}.hr-profile-page-head h1{font-size:23px}}
#profile_loading[hidden],#profile_content[hidden]{display:none!important}
.hr-form-avatar { border: 1px solid var(--border); border-radius: 8px; display: block; height: 48px; object-fit: cover; width: 48px; }
.hr-empty { align-items: center; display: flex; flex-direction: column; min-height: 320px; justify-content: center; padding: 40px; text-align: center; }
.hr-empty > .material-icons { color: #a1a1aa; font-size: 28px; }

/* Lightweight layout primitives — project-owned, no Bootstrap dependency. */
.container-fluid { width: 100%; }
.row { display: flex; flex-wrap: wrap; margin: -8px; }
.row > * { padding: 8px; width: 100%; }
.g-3 { margin: -8px; }
.g-3 > * { padding: 8px; }
.g-4 { margin: -12px; }
.g-4 > * { padding: 12px; }
.col, .col-12 { flex: 1 0 0%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; }
.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.align-items-center { align-items: center; }
.align-items-start { align-items: flex-start; }
.justify-content-center { justify-content: center; }
.text-center { text-align: center; }
.text-muted { color: var(--muted-foreground); }
.text-success { color: #16a34a; }
.text-danger { color: #dc2626; }
.w-100 { width: 100%; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.ms-2 { margin-left: 8px; }
.table-responsive { overflow: visible; width: 100%; }
.table { border-collapse: collapse; width: 100%; }
.input-group { display: flex; width: 100%; }
.input-group .form-control { border-radius: 7px 0 0 7px !important; flex: 1; min-width: 0; }
.input-group .btn { border-left: 0 !important; border-radius: 0 7px 7px 0 !important; }
.form-check { align-items: center; display: flex; gap: 8px; min-height: 38px; }
.form-check-input { appearance: none; background: #fff; border: 1px solid #d4d4d8; border-radius: 4px; height: 16px; margin: 0; width: 16px; }
.form-check-input:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.5 8 3 3 6-7'/%3E%3C/svg%3E"); }
.form-check-label { color: #3f3f46; font-size: 12px; }
.card { background: #fff; border: 1px solid var(--border); border-radius: 10px; }
.card-body { padding: 22px; }
.spinner-border { animation: hr-spin .7s linear infinite; border: 2px solid var(--border); border-radius: 50%; border-top-color: var(--foreground); display: inline-block; height: 22px; width: 22px; }
@keyframes hr-spin { to { transform: rotate(360deg); } }

.modal { align-items: center; background: rgba(9,9,11,.48); display: none; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 2000; }
.modal.show { display: flex; }
.modal-open { overflow: hidden; }
.modal-dialog { margin: auto; max-height: calc(100vh - 40px); max-width: 620px; overflow-y: auto; width: 100%; }
.modal-dialog.modal-lg { max-width: 820px; }
.modal-content { background: #fff; }
.modal-header, .modal-footer { align-items: center; display: flex; justify-content: space-between; }
.modal-footer { gap: 8px; justify-content: flex-end; }
.btn-close { background: transparent; border: 0; border-radius: 6px; cursor: pointer; height: 30px; position: relative; width: 30px; }
.btn-close::before, .btn-close::after { background: #71717a; content: ""; height: 1px; left: 8px; position: absolute; top: 14px; transform: rotate(45deg); width: 14px; }
.btn-close::after { transform: rotate(-45deg); }
.btn-close:hover { background: var(--muted); }

/* Dashboard */
.hr-dashboard-welcome { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 34px; }
.hr-dashboard-welcome h1 { font-size: 28px; font-weight: 650; letter-spacing: -.035em; margin: 0; }
.hr-dashboard-welcome p { color: var(--muted-foreground); font-size: 13px; margin: 8px 0 0; }
.hr-date-chip { background: #fafafa; border: 1px solid var(--border); border-radius: 7px; color: #52525b; font-size: 11px; padding: 7px 10px; }
.hr-dashboard-stats { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 20px; }
.hr-stat-card { background: #fff; border: 1px solid var(--border); border-radius: 11px; display: flex; flex-direction: column; min-height: 140px; padding: 20px; }
.hr-stat-card span { color: #52525b; font-size: 11px; font-weight: 550; }
.hr-stat-card strong { font-size: 30px; font-weight: 650; letter-spacing: -.04em; margin-top: 17px; }
.hr-stat-card small { color: #a1a1aa; font-size: 10px; margin-top: auto; }
.hr-stat-top { align-items: center; display: flex; justify-content: space-between; }
.hr-stat-top .material-icons { align-items: center; background: #f4f4f5; border-radius: 7px; color: #71717a; display: flex; font-size: 16px; height: 30px; justify-content: center; width: 30px; }
.hr-dashboard-section-head { margin: 34px 0 13px; }
.hr-dashboard-section-head h2 { font-size: 14px; font-weight: 600; margin: 0; }
.hr-dashboard-section-head p { color: var(--muted-foreground); font-size: 11px; margin: 5px 0 0; }
.hr-dashboard-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hr-dashboard-chart-card { background: #fff; border: 1px solid var(--border); border-radius: 11px; min-height: 350px; overflow: hidden; padding: 21px; }
.hr-dashboard-chart-wide { grid-column: 1 / -1; min-height: 390px; }
.hr-dashboard-card-head { align-items: flex-start; display: flex; gap: 18px; justify-content: space-between; margin-bottom: 21px; }
.hr-dashboard-card-head h2 { font-size: 14px; font-weight: 650; margin: 0; }
.hr-dashboard-card-head p { color: var(--muted-foreground); font-size: 10px; margin: 5px 0 0; }
.hr-chart-legend { align-items: center; display: flex; gap: 15px; }
.hr-chart-legend span { align-items: center; color: #71717a; display: flex; font-size: 10px; gap: 6px; }
.hr-chart-legend i { background: #18181b; border-radius: 50%; height: 7px; width: 7px; }
.hr-chart-legend i.applications { background: #a1a1aa; }
.hr-line-chart { min-height: 290px; width: 100%; }
.hr-line-chart svg { display: block; height: 290px; overflow: visible; width: 100%; }
.hr-line-chart .chart-grid line { stroke: #eeeeef; stroke-width: 1; }
.hr-line-chart .chart-grid text { fill: #a1a1aa; font-family: Inter, sans-serif; font-size: 9px; }
.hr-line-chart .chart-line { fill: none; stroke: #18181b; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5; }
.hr-line-chart .chart-line.applications { stroke: #a1a1aa; }
.hr-chart-loading { align-items: center; display: flex; justify-content: center; min-height: 260px; }
.hr-chart-empty { align-items: center; color: #a1a1aa; display: flex; flex-direction: column; font-size: 11px; gap: 8px; justify-content: center; min-height: 240px; text-align: center; }
.hr-chart-empty .material-icons { font-size: 27px; }
.hr-status-chart { align-items: center; display: grid; gap: 28px; grid-template-columns: 160px minmax(0, 1fr); min-height: 260px; }
.hr-donut { align-items: center; border-radius: 50%; display: flex; height: 154px; justify-content: center; position: relative; width: 154px; }
.hr-donut::after { background: #fff; border-radius: 50%; content: ""; height: 100px; position: absolute; width: 100px; }
.hr-donut > div { align-items: center; display: flex; flex-direction: column; position: relative; z-index: 1; }
.hr-donut strong { font-size: 24px; letter-spacing: -.04em; }
.hr-donut span { color: var(--muted-foreground); font-size: 9px; margin-top: 2px; }
.hr-status-legend { display: grid; gap: 11px; max-height: 255px; overflow-y: auto; padding-right: 3px; }
.hr-status-legend > div { align-items: center; display: flex; gap: 9px; }
.hr-status-legend > div > i { border-radius: 50%; flex: 0 0 8px; height: 8px; }
.hr-status-legend > div > span { display: flex; flex: 1; justify-content: space-between; min-width: 0; }
.hr-status-legend strong { color: #3f3f46; font-size: 10px; font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-status-legend small { color: #a1a1aa; font-size: 9px; margin-left: 8px; white-space: nowrap; }
.hr-vacancy-chart { display: grid; gap: 13px; min-height: 260px; }
.hr-vacancy-bar { color: inherit; display: block; text-decoration: none; }
.hr-vacancy-bar > div { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 6px; }
.hr-vacancy-bar strong { color: #3f3f46; font-size: 10px; font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-vacancy-bar span { color: #71717a; font-size: 10px; font-weight: 650; }
.hr-vacancy-bar > i { background: #f1f1f2; border-radius: 999px; display: block; height: 7px; overflow: hidden; }
.hr-vacancy-bar > i > b { background: #27272a; border-radius: inherit; display: block; height: 100%; min-width: 3px; transition: width .35s ease; }

/* System action history */
.hr-history-filters { align-items: flex-end; background: #fafafa; border: 1px solid var(--border); border-radius: 11px; display: flex; gap: 10px; margin-bottom: 16px; padding: 14px; }
.hr-history-date-group { align-items: center; display: flex; gap: 7px; }
.hr-history-date-group > span { color: #71717a; font-size: 10px; font-weight: 650; text-transform: uppercase; }
.hr-history-date-group .form-control[type="date"] { width: 145px; }
.hr-history-date-group .form-control[type="time"] { width: 105px; }
.hr-history-filters .form-control, .hr-history-filters .hr-select { height: 40px; min-height: 40px; }
.hr-history-filters .hr-select { margin-left: auto; min-width: 230px; }
.hr-history-table { min-width: 1120px; }
.hr-history-table th:first-child { width: 145px; }
.hr-history-table th:nth-child(2) { width: 210px; }
.hr-history-table th:nth-child(3) { width: 135px; }
.hr-history-table th:nth-child(4) { width: 150px; }
.hr-history-time { color: #52525b; font-size: 11px; white-space: nowrap; }
.hr-history-actor { align-items: center; display: flex; gap: 9px; }
.hr-history-actor > img, .hr-history-actor > span { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 8px; display: flex; flex: 0 0 32px; height: 32px; justify-content: center; object-fit: cover; width: 32px; }
.hr-history-actor > span .material-icons { color: #71717a; font-size: 16px; }
.hr-history-actor > div { display: flex; flex-direction: column; min-width: 0; }
.hr-history-actor strong { color: #27272a; font-size: 11px; font-weight: 600; }
.hr-history-actor small { color: #a1a1aa; font-size: 9px; margin-top: 3px; }
.hr-history-actor.system > span { background: #18181b; border-color: #18181b; }
.hr-history-actor.system > span .material-icons { color: #fff; }
.hr-audit-action { background: #f4f4f5; border: 1px solid var(--border); border-radius: 999px; color: #52525b; display: inline-flex; font-size: 9px; font-weight: 650; padding: 5px 8px; white-space: nowrap; }
.hr-audit-action.created, .hr-audit-action.restored { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-audit-action.soft_deleted, .hr-audit-action.deleted { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.hr-audit-entity { color: #3f3f46; display: flex; flex-direction: column; font-size: 11px; font-weight: 550; }
.hr-audit-entity small { color: #a1a1aa; font-size: 9px; margin-top: 3px; }
.hr-history-description { color: #3f3f46; font-size: 11px; line-height: 1.55; max-width: 560px; min-width: 320px; }
.hr-history-pagination { align-items: center; color: #71717a; display: flex; font-size: 10px; justify-content: space-between; margin-top: 14px; }
.hr-history-pagination > div { align-items: center; display: flex; gap: 10px; }
.hr-history-pagination .btn { min-height: 36px; padding: 6px 10px !important; }
.hr-history-pagination button:disabled { cursor: default; opacity: .45; }
.hr-history-pagination strong { color: #52525b; font-size: 10px; }

/* Team tasks and kanban */
.hr-task-users-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hr-task-users-grid > .hr-table-loading { grid-column: 1 / -1; }
.hr-task-user-card { align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 12px; color: inherit; display: flex; gap: 13px; min-height: 112px; padding: 17px; text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; }
.hr-task-user-card:hover { border-color: #a1a1aa; box-shadow: 0 7px 18px rgba(0,0,0,.045); transform: translateY(-1px); }
.hr-task-user-card > img, .hr-task-user-card > span { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 10px; display: flex; flex: 0 0 48px; height: 48px; justify-content: center; object-fit: cover; width: 48px; }
.hr-task-user-card > span .material-icons { color: #71717a; font-size: 21px; }
.hr-task-user-info { flex: 1; min-width: 0; }
.hr-task-user-info > div { align-items: center; display: flex; gap: 6px; }
.hr-task-user-info strong { color: #18181b; font-size: 12px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-task-user-info p { color: #52525b; font-size: 10px; margin: 6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-task-user-info small { color: #a1a1aa; display: block; font-size: 9px; margin-top: 4px; }
.hr-user-disabled { background: #f4f4f5; border-radius: 999px; color: #a1a1aa; font-size: 8px; padding: 3px 5px; white-space: nowrap; }
.hr-task-user-count { align-items: center; display: flex; flex-direction: column; margin-left: auto; }
.hr-task-user-count strong { color: #18181b; font-size: 17px; }
.hr-task-user-count span { color: #a1a1aa; font-size: 8px; margin-top: 2px; }
.hr-task-user-arrow { color: #a1a1aa; font-size: 17px; }
.hr-tasks-page { max-width: 1540px !important; }
.hr-kanban-board { align-items: flex-start; display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(250px, 1fr)); overflow-x: auto; padding: 1px 1px 18px; }
.hr-kanban-column { background: #f7f7f8; border: 1px solid var(--border); border-radius: 11px; min-height: 0; overflow: visible; padding: 0 10px 12px; transition: background .15s, border-color .15s; }
.hr-kanban-column.drop-active { background: #f0f0f1; border-color: #a1a1aa; }
.hr-kanban-strip { border-radius: 0 0 4px 4px; height: 4px; margin: 0 -10px; }
.hr-kanban-column[data-task-column="DISCUSSION"] .hr-kanban-strip { background: #8b5cf6; }
.hr-kanban-column[data-task-column="WAITING"] .hr-kanban-strip { background: #f59e0b; }
.hr-kanban-column[data-task-column="IN_PROGRESS"] .hr-kanban-strip { background: #3b82f6; }
.hr-kanban-column[data-task-column="DONE"] .hr-kanban-strip { background: #22c55e; }
.hr-kanban-column-head { align-items: center; display: flex; justify-content: space-between; padding: 15px 4px 11px; }
.hr-kanban-column-head h2 { color: #27272a; font-size: 11px; font-weight: 650; margin: 0; text-transform: uppercase; }
.hr-kanban-column-head span { align-items: center; background: #e4e4e7; border-radius: 999px; color: #52525b; display: flex; font-size: 9px; font-weight: 650; height: 22px; justify-content: center; min-width: 22px; padding: 0 6px; }
.hr-new-task-card { align-items: center; background: transparent; border: 1px dashed #c7c7cc; border-radius: 9px; color: #71717a; cursor: pointer; display: flex; font-size: 10px; font-weight: 600; gap: 7px; justify-content: center; min-height: 43px; padding: 9px; width: 100%; }
.hr-new-task-card:hover { background: #fff; border-color: #a1a1aa; color: #27272a; }
.hr-new-task-card .material-icons { font-size: 16px; }
.hr-kanban-task-list { display: grid; gap: 9px; padding-top: 10px; }
.hr-kanban-task { background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.025); cursor: grab; padding: 13px; transition: border-color .15s, box-shadow .15s, opacity .15s, transform .15s; }
.hr-kanban-task.readonly { cursor: default; }
.hr-kanban-task:hover { border-color: #c7c7cc; box-shadow: 0 5px 12px rgba(0,0,0,.045); transform: translateY(-1px); }
.hr-kanban-task:active { cursor: grabbing; }
.hr-kanban-task.dragging { opacity: .4; }
.hr-kanban-task-title { align-items: flex-start; display: flex; gap: 8px; }
.hr-kanban-task-title strong { color: #18181b; flex: 1; font-size: 12px; font-weight: 650; line-height: 1.42; }
.hr-kanban-task-title > .hr-row-actions { margin: -6px -6px 0 0; }
.hr-kanban-task-title .hr-row-actions-button { height: 28px; width: 28px; }
.hr-kanban-task-title .material-icons { font-size: 17px; }
.hr-kanban-task > p { color: #71717a; display: -webkit-box; font-size: 10px; line-height: 1.55; margin: 8px 0 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hr-task-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.hr-task-badge { align-items: center; background: #f4f4f5; border: 1px solid #e4e4e7; border-radius: 999px; color: #52525b; display: inline-flex; font-size: 8px; font-weight: 550; gap: 4px; max-width: 100%; min-height: 23px; padding: 3px 7px; }
.hr-task-badge .material-icons { font-size: 12px; }
.hr-task-badge img { border-radius: 50%; height: 15px; object-fit: cover; width: 15px; }
.hr-task-badge.overdue { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.hr-task-badge.finished { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-task-creator { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-modal-spacer { flex: 1; }
.hr-task-delete-button { color: #b91c1c !important; }
.hr-task-archive-button { align-items: center; background: #fafafa; border: 1px solid var(--border); border-radius: 7px; color: #52525b; cursor: pointer; display: flex; font-size: 9px; font-weight: 600; gap: 5px; justify-content: center; margin-top: 10px; min-height: 31px; width: 100%; }
.hr-task-archive-button:hover { background: #f4f4f5; color: #18181b; }
.hr-task-archive-button .material-icons { font-size: 14px; }
.hr-task-archive-dialog { max-width: 960px !important; }
.hr-task-archive-search { margin-bottom: 15px; max-width: 440px; }
.hr-task-archive-results { display: grid; gap: 9px; min-height: 130px; }
.hr-task-archive-card { align-items: flex-start; background: #fff; border: 1px solid var(--border); border-radius: 10px; display: flex; gap: 18px; justify-content: space-between; padding: 15px 16px; }
.hr-task-archive-card > div:first-child { flex: 1; min-width: 0; }
.hr-task-archive-card strong { color: #18181b; font-size: 12px; font-weight: 650; }
.hr-task-archive-card p { color: #71717a; font-size: 10px; line-height: 1.5; margin: 6px 0 0; white-space: pre-wrap; }
.hr-task-archive-card .hr-task-badges { justify-content: flex-end; margin-top: 0; max-width: 52%; }
.hr-task-archive-empty { min-height: 220px; }
.hr-task-archive-pagination { align-items: center; color: #71717a; display: flex; font-size: 10px; justify-content: center; gap: 13px; margin-top: 16px; }
.hr-task-archive-pagination button:disabled { cursor: default; opacity: .45; }
.hr-task-assignments { display: grid; gap: 18px; }
.hr-assignment-group { background: #fafafa; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.hr-assignment-group > header { align-items: center; background: #fff; border-bottom: 1px solid var(--border); display: flex; gap: 11px; padding: 14px 16px; }
.hr-assignment-group > header > img, .hr-assignment-group > header > span { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 9px; display: flex; flex: 0 0 38px; height: 38px; justify-content: center; object-fit: cover; width: 38px; }
.hr-assignment-group > header .material-icons { color: #71717a; font-size: 18px; }
.hr-assignment-group > header > div { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.hr-assignment-group > header strong { color: #18181b; font-size: 12px; font-weight: 650; }
.hr-assignment-group > header span { color: #71717a; font-size: 9px; margin-top: 4px; }
.hr-assignment-group > header small { align-items: center; background: #f4f4f5; border-radius: 999px; color: #52525b; display: flex; font-size: 10px; font-weight: 650; height: 26px; justify-content: center; min-width: 26px; padding: 0 8px; }
.hr-assignment-list { display: grid; gap: 9px; padding: 12px; }
.hr-assignment-task { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 15px; }
.hr-assignment-task > div:first-child strong { color: #18181b; font-size: 12px; font-weight: 650; }
.hr-assignment-task > div:first-child p { color: #71717a; font-size: 10px; line-height: 1.55; margin: 7px 0 0; white-space: pre-wrap; }
.hr-assignment-task-footer { align-items: flex-end; display: flex; gap: 12px; justify-content: space-between; margin-top: 12px; }
.hr-assignment-task-footer .hr-task-badges { margin-top: 0; }
.hr-quick-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hr-quick-card { align-items: center; border: 1px solid var(--border); border-radius: 9px; color: inherit; display: flex; gap: 12px; min-height: 88px; padding: 16px; text-decoration: none; transition: border-color .15s, background .15s; }
.hr-quick-card:hover { background: #fafafa; border-color: #c7c7cc; }
.hr-quick-icon { align-items: center; background: var(--muted); border-radius: 7px; display: flex; flex: 0 0 34px; height: 34px; justify-content: center; }
.hr-quick-icon .material-icons { font-size: 17px; }
.hr-quick-card > div { min-width: 0; }
.hr-quick-card strong { font-size: 12px; font-weight: 600; }
.hr-quick-card p { color: var(--muted-foreground); font-size: 10px; line-height: 1.45; margin: 4px 0 0; }
.hr-quick-arrow { color: #a1a1aa; font-size: 15px; margin-left: auto; }

/* Positions and position-based tasks */
.hr-page-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 9px; }
.btn-compact { min-height: 38px; padding: 7px 12px !important; }
.hr-position-label { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 7px; color: #3f3f46; display: inline-flex; font-size: 11px; font-weight: 550; gap: 6px; padding: 6px 8px; white-space: nowrap; }
.hr-position-label .material-icons { color: #71717a; font-size: 15px; }
.hr-muted-value { color: #a1a1aa; font-size: 12px; }
.hr-count-badge { align-items: center; background: #f4f4f5; border-radius: 999px; color: #52525b; display: inline-flex; font-size: 11px; font-weight: 650; justify-content: center; min-width: 27px; padding: 5px 8px; }
.hr-position-task-preview { display: flex; flex-direction: column; gap: 5px; max-width: 380px; }
.hr-position-task-preview span { color: #3f3f46; font-size: 11px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-position-task-preview span::before { color: #a1a1aa; content: "•"; margin-right: 7px; }
.hr-position-task-preview small { color: #71717a; font-size: 10px; font-weight: 550; }
.hr-position-employees { display: flex; flex-wrap: wrap; gap: 5px; max-width: 280px; }
.hr-position-employees span { background: #f4f4f5; border: 1px solid var(--border); border-radius: 999px; color: #3f3f46; font-size: 10px; font-weight: 550; padding: 5px 8px; }
.hr-position-employees span.inactive { color: #a1a1aa; text-decoration: line-through; }
.hr-field-help { color: var(--muted-foreground); display: block; font-size: 10px; line-height: 1.45; margin-top: 7px; }
.hr-tasks-panel { max-width: 860px; }
.hr-task-list { display: grid; gap: 10px; }
.hr-task-item { align-items: flex-start; background: #fff; border: 1px solid var(--border); border-radius: 11px; display: flex; gap: 14px; min-height: 78px; padding: 17px 18px; }
.hr-task-number { align-items: center; background: #18181b; border-radius: 8px; color: #fff; display: flex; flex: 0 0 32px; font-size: 11px; font-weight: 650; height: 32px; justify-content: center; }
.hr-task-item > div { display: flex; flex-direction: column; padding-top: 1px; }
.hr-task-item strong { color: var(--foreground); font-size: 13px; font-weight: 600; line-height: 1.5; }
.hr-task-item small { color: var(--muted-foreground); font-size: 10px; margin-top: 6px; }
.hr-tasks-empty { align-items: center; border: 1px dashed #d4d4d8; border-radius: 12px; display: flex; flex-direction: column; justify-content: center; min-height: 260px; padding: 34px; text-align: center; }
.hr-tasks-empty .material-icons { color: #a1a1aa; font-size: 32px; }
.hr-tasks-empty strong { font-size: 14px; margin-top: 13px; }
.hr-tasks-empty span { color: var(--muted-foreground); font-size: 11px; line-height: 1.55; margin-top: 6px; max-width: 390px; }

@media (min-width: 768px) {
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
    .col-xl-4 { flex: 0 0 33.333%; max-width: 33.333%; }
}

@media (max-width: 991px) {
    :root { --sidebar-width: 224px; }
    .hr-settings-grid { grid-template-columns: 1fr; }
    .hr-page, .app-content .container-fluid { padding: 38px 26px 60px !important; }
    .hr-status { display: none; }
    .hr-profile-layout { grid-template-columns: 1fr; }
    .hr-candidate-action-layout { grid-template-columns: 1fr; }
    .hr-action-composer { position: static; }
    .hr-dashboard-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hr-dashboard-grid { grid-template-columns: 1fr; }
    .hr-dashboard-chart-wide { grid-column: auto; }
    .hr-history-filters { align-items: stretch; flex-wrap: wrap; }
    .hr-history-filters .hr-select { margin-left: 0; }
    .hr-task-users-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hr-kanban-board { grid-template-columns: repeat(4, 280px); margin-right: -26px; padding-right: 26px; }
}
@media (max-width: 767px) {
    :root { --sidebar-width: 0px; }
    body::before { background: rgba(9,9,11,.36); content: ""; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .18s ease; z-index: 1035; }
    body.sidebar-mobile-open { overflow: hidden; }
    body.sidebar-mobile-open::before { opacity: 1; pointer-events: auto; }
    .app-sidebar { box-shadow: 12px 0 32px rgba(0,0,0,.14) !important; height: 100dvh !important; transform: translateX(-105%); width: min(82vw, 288px) !important; }
    body.sidebar-collapsed .app-sidebar { transform: translateX(-105%); }
    body.sidebar-mobile-open .app-sidebar { transform: translateX(0); }
    .app-container { margin-left: 0 !important; width: 100% !important; }
    .app-header.hr-topbar { height: 58px !important; left: 0 !important; padding: 0 14px !important; }
    .app-content { padding-top: 58px !important; }
    .hr-page, .app-content .container-fluid { padding: 28px 18px 48px !important; }
    .hr-page-header { align-items: flex-start; flex-direction: column; gap: 18px; margin-bottom: 25px; }
    .hr-page-heading h1, .page-description h1 { font-size: 28px !important; }
    .hr-page-heading p, .page-description p { font-size: 12px !important; line-height: 1.55; }
    .hr-eyebrow { font-size: 10px; margin-bottom: 9px; }
    .hr-page-actions { width: 100%; }
    .hr-settings-card { min-height: 240px; }
    .hr-card-visual { display: none; }
    .hr-breadcrumb, .hr-topbar-divider { display: none; }
    .hr-topbar-actions { margin-left: auto; }
    .hr-icon-button { height: 38px; width: 38px; }
    .hr-quick-actions { margin-left: 7px; }
    .hr-quick-actions-button { font-size: 0; padding: 0; width: 38px; }
    .hr-quick-actions-button .hr-quick-actions-chevron { display: none; }
    .hr-quick-actions-menu { left: -45px; max-width: calc(100vw - 28px); min-width: 250px; }
    .hr-fields-grid { grid-template-columns: 1fr; }
    .hr-dashboard-welcome { align-items: flex-start; flex-direction: column; gap: 18px; }
    .hr-dashboard-stats, .hr-quick-grid { grid-template-columns: 1fr; }
    .hr-dashboard-chart-card { min-height: 310px; padding: 18px; }
    .hr-dashboard-card-head { align-items: flex-start; flex-direction: column; gap: 11px; }
    .hr-status-chart { grid-template-columns: 1fr; justify-items: center; }
    .hr-status-legend { width: 100%; }
    .hr-line-chart, .hr-line-chart svg { min-height: 230px; height: 230px; }
    .table-responsive { overflow-x: auto; }
    .hr-list-toolbar { align-items: stretch; flex-direction: column; }
    .hr-search { max-width: none; }
    .hr-select { margin-left: 0; width: 100%; }
    .hr-tasks-empty { min-height: 220px; padding: 28px 20px; }
    .hr-history-filters { flex-direction: column; }
    .hr-history-date-group { display: grid; grid-template-columns: 26px minmax(0, 1fr) 105px; }
    .hr-history-date-group .form-control[type="date"], .hr-history-date-group .form-control[type="time"], .hr-history-filters .hr-select { min-width: 0; width: 100%; }
    .hr-history-pagination { align-items: flex-start; flex-direction: column; gap: 10px; }
    .hr-task-users-grid { grid-template-columns: 1fr; }
    .hr-kanban-board { margin-right: -18px; padding-right: 18px; scroll-snap-type: x proximity; }
    .hr-kanban-column { min-height: 0; scroll-snap-align: start; }
    .hr-task-archive-card { flex-direction: column; }
    .hr-task-archive-card .hr-task-badges { justify-content: flex-start; max-width: none; }
    .hr-assignment-task-footer { align-items: stretch; flex-direction: column; }
}

/* Authentication screen */
body.wave_img { background: #f4f4f5 !important; min-height: 100vh; overflow-x: hidden; }
body.wave_img::before, body.wave_img::after { border-radius: 50%; content: ""; filter: blur(1px); pointer-events: none; position: fixed; }
body.wave_img::before { background: rgba(255,255,255,.9); height: 620px; left: -210px; top: -310px; width: 620px; }
body.wave_img::after { background: rgba(228,228,231,.72); bottom: -340px; height: 700px; right: -260px; width: 700px; }
body.wave_img #app { min-height: 100vh; position: relative; z-index: 1; }
.hr-auth-page { align-items: center; display: flex; justify-content: center; min-height: 100dvh; padding: 42px 20px; }
.hr-auth-wrap { align-items: center; display: flex; flex-direction: column; max-width: 440px; width: 100%; }
.hr-auth-brand { align-items: center; color: #18181b; display: flex; gap: 11px; margin-bottom: 22px; text-decoration: none; }

/* User editor */
.hr-no-underline,
.hr-no-underline:hover,
a.btn,
a.btn:hover { text-decoration: none !important; }
.hr-user-editor-wrap { padding: 8px 4px 24px; }
.hr-user-editor { padding: 12px 8px; }
.hr-user-editor-avatar { align-items: center; display: flex; gap: 14px; margin-bottom: 24px; }
.hr-user-editor-avatar img { background: #f4f4f5; border: 1px solid var(--border); border-radius: 14px; height: 72px; object-fit: cover; width: 72px; }
.hr-user-editor-avatar strong, .hr-user-editor-avatar small { display: block; }
.hr-user-editor-avatar strong { color: var(--foreground); font-size: 15px; margin-bottom: 4px; }
.hr-user-editor-avatar small { color: var(--muted-foreground); font-size: 12px; }
.hr-user-flags { display: grid; gap: 12px; grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); margin-top: 6px; }
.hr-user-flag { align-items: center; border: 1px solid var(--border); border-radius: 10px; cursor: pointer; display: flex; gap: 11px; min-height: 72px; padding: 12px; transition: border-color .15s, background .15s; }
.hr-user-flag:hover { background: #fafafa; border-color: #a1a1aa; }
.hr-user-flag > input { height: 16px; margin: 0; width: 16px; }
.hr-user-flag-icon { align-items: center; background: var(--muted); border-radius: 8px; color: #52525b; display: flex; height: 34px; justify-content: center; width: 34px; }
.hr-user-flag-icon .material-icons { font-size: 18px; }
.hr-user-flag strong, .hr-user-flag small { display: block; }
.hr-user-flag strong { color: var(--foreground); font-size: 12px; margin-bottom: 3px; }
.hr-user-flag small { color: var(--muted-foreground); font-size: 10px; line-height: 1.3; }
.hr-user-flag:has(input:checked) { background: #f0fdf4; border-color: #86efac; }
.hr-user-flag:has(input:checked) .hr-user-flag-icon { background: #dcfce7; color: #15803d; }
.hr-user-editor-actions { align-items: center; display: flex; gap: 24px; margin-top: 26px; }
.hr-user-editor-actions .spinner-border { height: 14px; margin-right: 7px; width: 14px; }
.hr-admin-user-notifications { border-top: 1px solid var(--border); margin-top: 8px; padding: 32px 12px 24px; }
.hr-admin-section-head { align-items: flex-start; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 16px; }
.hr-admin-section-head h2 { color: #18181b; font-size: 17px; margin: 0; }
.hr-admin-section-head p { color: #71717a; font-size: 11px; margin: 6px 0 0; }
.hr-admin-notification-list { background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.hr-admin-notification-row { align-items: center; border-bottom: 1px solid #f1f1f2; display: grid; gap: 13px; grid-template-columns: 38px minmax(0,1fr) minmax(190px,260px); min-height: 88px; padding: 14px 16px; }
.hr-admin-notification-row:last-child { border-bottom: 0; }
.hr-admin-notification-event { align-items: center; background: #f4f4f5; border-radius: 9px; color: #52525b; display: flex; height: 38px; justify-content: center; width: 38px; }
.hr-admin-notification-event i { font-size: 18px; }
.hr-admin-notification-content { min-width: 0; }
.hr-admin-notification-content strong { color: #27272a; display: block; font-size: 12px; line-height: 1.4; }
.hr-admin-notification-content p { color: #71717a; font-size: 10px; margin: 5px 0; }
.hr-admin-notification-content small { color: #a1a1aa; font-size: 9px; }
.hr-delivery-state { align-items: flex-end; display: flex; flex-direction: column; min-width: 0; text-align: right; }
.hr-delivery-state > span { align-items: center; border: 1px solid; border-radius: 999px; display: inline-flex; font-size: 10px; font-weight: 700; gap: 5px; min-height: 27px; padding: 4px 9px; }
.hr-delivery-state > span i { font-size: 14px; }
.hr-delivery-state > small { color: #71717a; font-size: 9px; line-height: 1.4; margin-top: 5px; max-width: 260px; overflow-wrap: anywhere; }
.hr-delivery-state.sent > span { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-delivery-state.waiting > span { background: #fffbeb; border-color: #fde68a; color: #a16207; }
.hr-delivery-state.error > span { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.hr-delivery-state.cancelled > span,.hr-delivery-state.internal > span { background: #f4f4f5; border-color: #e4e4e7; color: #52525b; }
.hr-retry-notification { align-items: center; background: #18181b; border: 1px solid #18181b; border-radius: 8px; color: #fff; cursor: pointer; display: inline-flex; font-size: 10px; font-weight: 700; gap: 6px; margin-top: 9px; min-height: 32px; padding: 6px 10px; }
.hr-retry-notification:hover { background: #27272a; }
.hr-retry-notification:disabled { cursor: wait; opacity: .7; }
.hr-retry-notification i { font-size: 14px; }
.hr-retry-notification .spinner-border { height: 13px; width: 13px; }
.hr-admin-notifications-empty { align-items: center; background: #fafafa; border: 1px dashed #d4d4d8; border-radius: 12px; color: #71717a; display: flex; flex-direction: column; min-height: 180px; justify-content: center; text-align: center; }
.hr-admin-notifications-empty i { color: #a1a1aa; font-size: 30px; }
.hr-admin-notifications-empty strong { color: #3f3f46; font-size: 13px; margin-top: 10px; }
.hr-admin-notifications-empty span { font-size: 10px; margin-top: 5px; }
.hr-btn-danger { background: #dc2626 !important; border: 1px solid #dc2626 !important; color: #fff !important; }
.hr-btn-danger:hover { background: #b91c1c !important; border-color: #b91c1c !important; color: #fff !important; }
@media (max-width: 760px) { .hr-user-flags { grid-template-columns: 1fr; } .hr-admin-section-head { flex-direction: column; } .hr-admin-notification-row { align-items: flex-start; grid-template-columns: 38px minmax(0,1fr); } .hr-delivery-state { align-items: flex-start; grid-column: 2; text-align: left; } }

/* Projects */
.hr-project-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.hr-project-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; color: inherit; display: block; min-width: 0; overflow: visible; text-decoration: none !important; transition: border-color .16s, box-shadow .16s, transform .16s; }
.hr-project-card:hover { border-color: #a1a1aa; box-shadow: 0 8px 24px rgba(24,24,27,.07); color: inherit; transform: translateY(-2px); }
.hr-project-card-image { background: #f4f4f5; border-radius: 11px 11px 0 0; height: 168px; overflow: hidden; position: relative; }
.hr-project-card-image img { height: 100%; object-fit: cover; transition: transform .2s; width: 100%; }
.hr-project-card:hover .hr-project-card-image img { transform: scale(1.015); }
.hr-project-member-count { align-items: center; backdrop-filter: blur(8px); background: rgba(255,255,255,.9); border: 1px solid rgba(255,255,255,.7); border-radius: 999px; bottom: 10px; color: #3f3f46; display: flex; font-size: 11px; font-weight: 600; gap: 5px; padding: 5px 9px; position: absolute; right: 10px; }
.hr-project-member-count .material-icons { font-size: 14px; }
.hr-project-card-body { padding: 18px; }
.hr-project-card-title { align-items: flex-start; display: flex; gap: 10px; justify-content: space-between; }
.hr-project-card-title h2 { color: #18181b; font-size: 16px; font-weight: 650; letter-spacing: -.015em; margin: 1px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-project-card-body > p { color: #71717a; display: -webkit-box; font-size: 12px; line-height: 1.55; margin: 9px 0 18px; min-height: 37px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hr-project-actions { flex: 0 0 auto; }
.hr-project-actions .hr-row-actions-button { height: 30px; width: 30px; }
.hr-project-actions .hr-row-actions-menu { z-index: 60; }
.hr-project-updated { align-items: center; color: #a1a1aa; display: flex; font-size: 10px; gap: 5px; }
.hr-project-updated .material-icons { font-size: 13px; }
.hr-project-empty { align-items: center; border: 1px dashed #d4d4d8; border-radius: 12px; display: flex; flex-direction: column; margin-top: 12px; padding: 72px 24px; text-align: center; }
.hr-project-empty > span { align-items: center; background: #f4f4f5; border-radius: 12px; color: #71717a; display: flex; height: 52px; justify-content: center; margin-bottom: 18px; width: 52px; }
.hr-project-empty h2 { color: #18181b; font-size: 16px; margin: 0 0 7px; }
.hr-project-empty p { color: #71717a; font-size: 12px; line-height: 1.55; margin: 0 0 18px; max-width: 430px; }
.hr-project-loading { align-items: center; color: #71717a; display: flex; gap: 10px; justify-content: center; min-height: 260px; }
.hr-project-view-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: 22px; }
.hr-project-back { align-items: center; color: #52525b; display: inline-flex; font-size: 12px; gap: 6px; text-decoration: none !important; }
.hr-project-back .material-icons { font-size: 16px; }
.hr-project-hero { align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 12px; display: flex; gap: 24px; padding: 24px; }
.hr-project-hero > img { border: 1px solid var(--border); border-radius: 10px; height: 112px; object-fit: cover; width: 150px; }
.hr-project-hero h1 { color: #18181b; font-size: 28px; letter-spacing: -.03em; margin: 5px 0 8px; }
.hr-project-hero p { color: #71717a; font-size: 13px; line-height: 1.55; margin: 0 0 14px; }
.hr-project-workspace { align-items: center; border: 1px solid var(--border); border-radius: 12px; color: inherit; display: flex; flex-direction: column; margin-top: 20px; padding: 48px 20px; text-align: center; text-decoration: none !important; transition: border-color .15s, box-shadow .15s; }
.hr-project-workspace:hover { border-color: #a1a1aa; box-shadow: 0 8px 24px rgba(24,24,27,.06); color: inherit; }
.hr-project-workspace > .material-icons { color: #a1a1aa; font-size: 30px; }
.hr-project-workspace h2 { font-size: 14px; margin: 12px 0 5px; }
.hr-project-workspace p { color: #a1a1aa; font-size: 11px; margin: 0; }
.hr-project-workspace > span { align-items: center; color: #52525b; display: flex; font-size: 11px; font-weight: 600; gap: 5px; margin-top: 16px; }
.hr-project-workspace > span .material-icons { font-size: 14px; }
.hr-project-task-links { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; margin-top: 20px; }
.hr-project-task-links > a { align-items: center; border-radius: 13px; color: #fff !important; display: flex; gap: 14px; min-height: 112px; padding: 22px; text-decoration: none !important; transition: filter .15s,transform .15s; }
.hr-project-task-links > a:hover { filter: brightness(.95); transform: translateY(-1px); }
.hr-project-task-links > a.all { background: #4f46e5; }
.hr-project-task-links > a.mine { background: #059669; }
.hr-project-task-links > a > .material-icons:first-child { background: rgba(255,255,255,.16); border-radius: 10px; font-size: 23px; padding: 10px; }
.hr-project-task-links > a > span { display: flex; flex: 1; flex-direction: column; }
.hr-project-task-links strong { font-size: 17px; }
.hr-project-task-links small { color: rgba(255,255,255,.76); font-size: 10px; margin-top: 5px; }
.hr-project-task-links > a > .material-icons:last-child { font-size: 20px; opacity: .8; }
.hr-project-form { display: grid; gap: 18px; }
.hr-project-form textarea { resize: vertical; }
.hr-project-add-user { display: grid; gap: 10px; grid-template-columns: 1fr auto; margin-bottom: 20px; }
.hr-project-members { border-top: 1px solid var(--border); }
.hr-project-member { align-items: center; border-bottom: 1px solid #f1f1f2; display: flex; gap: 11px; padding: 12px 2px; }
.hr-project-member img { background: #f4f4f5; border-radius: 9px; height: 38px; object-fit: cover; width: 38px; }
.hr-project-member > div { display: flex; flex: 1; flex-direction: column; }
.hr-project-member strong { color: #27272a; font-size: 12px; }
.hr-project-member small { color: #a1a1aa; font-size: 10px; margin-top: 2px; }
.hr-project-member > button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #dc2626; cursor: pointer; display: flex; height: 32px; justify-content: center; width: 32px; }
.hr-project-member > button:hover { background: #fef2f2; }
.hr-project-member > button .material-icons { font-size: 17px; }
.hr-member-you { background: #f4f4f5; border-radius: 999px; color: #71717a; font-size: 10px; padding: 4px 8px; }
.hr-project-resources-section { border-top: 1px solid var(--border); margin-top: 34px; padding-top: 30px; }
.hr-resource-section-head { align-items: flex-end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 18px; }
.hr-resource-section-head h2 { color: #18181b; font-size: 20px; margin: 3px 0 5px; }
.hr-resource-section-head p { color: #71717a; font-size: 11px; margin: 0; }
.hr-quick-links { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); }
.hr-quick-link { align-items: center; background: var(--link-color); border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); color: #fff !important; display: flex; font-size: 16px; font-weight: 700; gap: 10px; min-height: 92px; overflow: visible; padding: 18px 16px 18px 20px; position: relative; text-decoration: none !important; transition: filter .15s,transform .15s; }
.hr-quick-link:hover { filter: brightness(.94); transform: translateY(-1px); }
.hr-quick-link > span { flex: 1; overflow: hidden; text-overflow: ellipsis; }
.hr-quick-link > .material-icons { font-size: 21px; opacity: .75; }
.hr-resource-actions .hr-row-actions-button { color: inherit; height: 32px; width: 32px; }
.hr-resource-actions.open .hr-row-actions-button,.hr-resource-actions .hr-row-actions-button:hover { background: rgba(255,255,255,.16); color: inherit; }
.hr-resource-actions .hr-row-actions-menu { color: #27272a; z-index: 90; }
.hr-resource-empty,.hr-resource-error { border: 1px dashed #d4d4d8; border-radius: 11px; color: #71717a; font-size: 11px; padding: 28px; text-align: center; }
.hr-resource-error { background: #fff7ed; border-color: #fed7aa; color: #9a3412; }
.hr-secrets-locked { align-items: center; background: #fafafa; border: 1px solid var(--border); border-radius: 12px; display: flex; gap: 13px; padding: 20px; }
.hr-secrets-locked > i { align-items: center; background: #f4f4f5; border-radius: 9px; color: #71717a; display: flex; height: 40px; justify-content: center; width: 40px; }
.hr-secrets-locked h2 { font-size: 14px; margin: 0 0 4px; }
.hr-secrets-locked p { color: #71717a; font-size: 10px; margin: 0; }
.hr-secret-grid { display: grid; gap: 13px; grid-template-columns: repeat(auto-fill,minmax(290px,1fr)); }
.hr-secret-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 17px; }
.hr-secret-card > div:first-child { align-items: flex-start; display: flex; gap: 11px; }
.hr-secret-card > div:first-child > .material-icons { align-items: center; background: #f4f4f5; border-radius: 8px; color: #52525b; display: flex; font-size: 18px; height: 34px; justify-content: center; width: 34px; }
.hr-secret-card > div:first-child > div:nth-child(2) { flex: 1; min-width: 0; }
.hr-secret-card h3 { color: #18181b; font-size: 13px; margin: 1px 0 5px; }
.hr-secret-card p { color: #71717a; font-size: 10px; line-height: 1.4; margin: 0; overflow-wrap: anywhere; }
.hr-secret-preview { border-top: 1px solid #f1f1f2; display: flex; flex-direction: column; gap: 8px; margin-top: 14px; padding-top: 13px; }
.hr-secret-preview span { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.hr-secret-preview code { background: #f4f4f5; border-radius: 5px; color: #52525b; font-size: 9px; padding: 3px 6px; }
.hr-secret-preview b { color: #71717a; font-size: 9px; font-weight: 500; max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-secret-preview .empty { color: #a1a1aa; font-size: 9px; justify-content: flex-start; }
.hr-resource-color { background: #fff; border: 1px solid #d4d4d8; border-radius: 9px; height: 48px; padding: 4px; width: 76px; }
.hr-secret-comment code { color: #71717a; font-size: 10px; margin-left: 5px; }
.hr-secret-fields-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: 10px; }
.hr-secret-fields-head .form-label { margin: 0; }
.hr-secret-fields { display: flex; flex-direction: column; gap: 9px; }
.hr-secret-field-row { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(150px,.75fr) minmax(220px,1.5fr) 34px; }
.hr-secret-field-row > button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #dc2626; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 34px; }
.hr-secret-field-row > button:hover { background: #fef2f2; }
.hr-secret-field-row > button i { font-size: 17px; }
#project_secret_form { position: relative; }
@media (max-width: 640px) { .hr-project-grid { grid-template-columns: 1fr; } .hr-project-hero { align-items: flex-start; flex-direction: column; } .hr-project-hero > img { height: 150px; width: 100%; } .hr-project-add-user,.hr-project-task-links { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .hr-resource-section-head { align-items: flex-start; flex-direction: column; } .hr-quick-links,.hr-secret-grid { grid-template-columns: 1fr; } .hr-secret-field-row { grid-template-columns: 1fr 34px; } .hr-secret-field-row [data-secret-value] { grid-column: 1; grid-row: 2; } .hr-secret-field-row > button { grid-column: 2; grid-row: 1 / span 2; } }

/* Project task boards */
.hr-task-people { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); }
.hr-task-person { align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 12px; color: inherit; display: flex; gap: 13px; min-height: 82px; padding: 16px; text-decoration: none !important; transition: border-color .15s,box-shadow .15s,transform .15s; }
.hr-task-person:hover { border-color: #a1a1aa; box-shadow: 0 7px 20px rgba(24,24,27,.06); color: inherit; transform: translateY(-1px); }
.hr-task-person img { background: #f4f4f5; border: 1px solid var(--border); border-radius: 10px; height: 48px; object-fit: cover; width: 48px; }
.hr-task-person > div { display: flex; flex: 1; flex-direction: column; }
.hr-task-person strong { color: #18181b; font-size: 13px; }
.hr-task-person small { color: #a1a1aa; font-size: 10px; margin-top: 4px; }
.hr-task-person > .material-icons { color: #a1a1aa; font-size: 18px; }
.hr-board-heading { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 32px; }
.hr-board-heading .hr-project-back { margin-bottom: 24px; }
.hr-board-heading h1 { color: #09090b; font-size: 34px; letter-spacing: -.035em; margin: 7px 0 0; }
.hr-board-heading{align-items:center;gap:14px;justify-content:flex-start;margin-bottom:12px}.hr-board-heading .hr-project-back{align-items:center;display:inline-flex;gap:4px;margin:0;white-space:nowrap}.hr-board-heading h1{font-size:23px;line-height:1.2;margin:0}
.hr-kanban { align-items: stretch; display: flex; gap: 14px; min-height: 520px; overflow-x: auto; padding: 2px 2px 24px; }
.hr-kanban-column { background: #f7f7f8; border: 1px solid #e4e4e7; border-radius: 12px; display: flex; flex: 0 0 270px; flex-direction: column; min-height: 520px; overflow: visible; position: relative; }
.hr-kanban-column::before { background: var(--column-color); content: ''; height: 4px; left: 0; position: absolute; right: 0; top: 0; }
.hr-kanban-column-head { align-items: center; display: flex; gap: 8px; padding: 20px 16px 12px; }
.hr-kanban-column-head h2 { color: #27272a; flex: 1; font-size: 12px; font-weight: 700; letter-spacing: .03em; margin: 0; text-transform: uppercase; }
.hr-form-switch{align-items:center;border:1px solid #e4e4e7;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px}.hr-form-switch>span{display:flex;flex-direction:column;gap:4px}.hr-form-switch strong{color:#27272a;font-size:12px}.hr-form-switch small{color:#71717a;font-size:10px}.hr-form-switch input{height:0;opacity:0;position:absolute;width:0}.hr-form-switch i{background:#d4d4d8;border-radius:99px;flex:0 0 38px;height:22px;position:relative;transition:background .16s}.hr-form-switch i:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .16s;width:16px}.hr-form-switch input:checked+i{background:#22a06b}.hr-form-switch input:checked+i:before{transform:translateX(16px)}.hr-form-switch input:focus-visible+i{outline:2px solid #18181b;outline-offset:2px}.hr-form-switch input:disabled+i{cursor:not-allowed;opacity:.55}
.hr-kanban-column-head > span { align-items: center; background: #e4e4e7; border-radius: 999px; color: #52525b; display: flex; font-size: 10px; font-weight: 700; height: 24px; justify-content: center; min-width: 24px; padding: 0 7px; }
.hr-column-delete { align-items: center; background: transparent; border: 0; border-radius: 6px; color: #a1a1aa; cursor: pointer; display: flex; height: 28px; justify-content: center; width: 28px; }
.hr-column-delete:hover { background: #e4e4e7; color: #52525b; }
.hr-column-delete .material-icons { font-size: 18px; }
.hr-kanban-create { align-items: center; background: transparent; border: 1px dashed #c7c7cc; border-radius: 9px; color: #71717a; cursor: pointer; display: flex; font-size: 11px; font-weight: 600; gap: 7px; justify-content: center; margin: 4px 14px 12px; min-height: 46px; width: calc(100% - 28px); }
.hr-kanban-create:hover { background: #fff; border-color: #a1a1aa; color: #27272a; }
.hr-kanban-create .material-icons { font-size: 17px; }
.hr-kanban-drop { flex: 1; min-height: 180px; padding: 4px 14px 14px; transition: background .15s; }
.hr-kanban-drop.drag-over { background: #eef2ff; }
.hr-task-card { background: #fff; border: 1px solid #dedee1; border-radius: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.03); cursor: grab; margin-bottom: 10px; padding: 15px; transition: border-color .15s,box-shadow .15s,opacity .15s; }
.hr-task-card:hover { border-color: #b4b4ba; box-shadow: 0 4px 12px rgba(24,24,27,.06); }
.hr-task-card.dragging { opacity: .42; }
.hr-task-card.hr-task-card-readonly { cursor: default; }
.hr-task-card-top { align-items: flex-start; display: flex; gap: 8px; }
.hr-task-card-top h3 { color: #18181b; flex: 1; font-size: 15px; font-weight: 700; line-height: 1.4; margin: 0; }
.hr-task-card-top button { background: transparent; border: 0; color: #a1a1aa; cursor: pointer; padding: 0; }
.hr-task-card-top button .material-icons { font-size: 17px; }
.hr-task-card > p { color: #52525b; font-size: 12px; font-weight: 500; line-height: 1.55; margin: 13px 0; white-space: pre-line; }
.hr-task-attachment-picker{align-items:center;border:1px dashed #d4d4d8;border-radius:9px;display:flex;flex-wrap:wrap;gap:9px;padding:10px 12px}.hr-task-attachment-picker>span{color:#71717a;flex:1;font-size:11px;min-width:140px}.hr-task-attachment-picker .btn{align-items:center;display:inline-flex;font-size:11px;gap:5px}.hr-task-attachment-picker .material-icons{font-size:16px}.hr-task-attachment-picker>[hidden]{display:none!important}#task_attachment_remove{background:#fee2e2;border:0;border-radius:50%;color:#b91c1c;cursor:pointer;font-size:18px;height:25px;width:25px}.hr-task-image-attachment{background:#f4f4f5;border:0;border-radius:8px;cursor:pointer;display:block;margin-top:10px;max-height:155px;overflow:hidden;padding:0;width:100%}.hr-task-image-attachment img{display:block;height:auto;max-height:155px;object-fit:cover;width:100%}.hr-task-file-attachment{align-items:center;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:10px;color:#3f3f46;cursor:pointer;display:flex;gap:9px;margin-top:10px;max-width:100%;padding:10px 12px;text-align:left;width:100%}.hr-task-file-attachment>.material-icons{color:#71717a;font-size:23px}.hr-task-file-attachment span{flex:1;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-task-file-attachment small{color:#71717a;font-size:10px;white-space:nowrap}.hr-task-attachment-full{border-radius:9px;display:block;height:auto;margin:0 auto;max-height:70vh;max-width:100%;object-fit:contain}.hr-task-attachment-full[hidden]{display:none}.hr-task-upload-state{background:#fff;border-top:1px solid #e4e4e7;padding:13px 20px}.hr-task-upload-state[hidden]{display:none}.hr-task-upload-state strong{color:#52525b;display:block;font-size:11px;margin-bottom:8px}.hr-upload-progress{background:#e4e4e7;border-radius:99px;height:7px;overflow:hidden}.hr-upload-progress span{background:#2563eb;border-radius:inherit;display:block;height:100%;transition:width .15s;width:0}.hr-draw-dialog{max-width:min(1050px,96vw)}.hr-draw-tools{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:8px 18px}.hr-draw-tools label{align-items:center;color:#52525b;display:flex;font-size:11px;gap:6px}.hr-draw-tools input[type=color]{border:0;height:30px;padding:0;width:38px}.hr-draw-canvas-wrap{align-items:center;background:#f4f4f5;display:flex;justify-content:center;max-height:70vh;overflow:auto;padding:12px}.hr-draw-canvas-wrap .canvas-container{max-width:100%}.hr-draw-canvas-wrap canvas{max-width:100%;height:auto!important}
.hr-task-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.hr-task-badges > span { align-items: center; background: #f4f4f5; border: 1px solid #e4e4e7; border-radius: 999px; color: #52525b; display: flex; font-size: 9px; font-weight: 600; gap: 5px; min-height: 25px; padding: 3px 8px; }
.hr-task-badges > span img { border-radius: 50%; height: 17px; object-fit: cover; width: 17px; }
.hr-task-badges > span .material-icons { font-size: 13px; }
.hr-task-badges > .hr-task-completed { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-task-badges > .hr-task-unread { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.hr-menu-count { align-items: center; background: #18181b; border-radius: 999px; color: #fff; display: inline-flex; font-size: 9px; height: 18px; justify-content: center; margin-left: auto; min-width: 18px; padding: 0 5px; }
.hr-task-archive { align-items: center; background: #fafafa; border: 1px solid #e4e4e7; border-radius: 8px; color: #52525b; cursor: pointer; display: flex; font-size: 10px; font-weight: 600; gap: 6px; justify-content: center; margin-top: 12px; min-height: 36px; width: 100%; }
.hr-task-archive:hover { background: #f4f4f5; }
.hr-task-archive .material-icons { font-size: 15px; }
.hr-kanban-add-column { align-items: center; align-self: flex-start; background: transparent; border: 1px dashed #d4d4d8; border-radius: 12px; color: #71717a; cursor: pointer; display: flex; flex: 0 0 190px; gap: 7px; justify-content: center; min-height: 62px; }
.hr-kanban-add-column:hover { background: #fafafa; border-color: #a1a1aa; color: #27272a; }
.hr-kanban-add-column .material-icons { font-size: 17px; }
.hr-kanban-add-column span { font-size: 11px; font-weight: 600; }
.hr-archive-row { border-bottom: 1px solid #f1f1f2; padding: 12px 2px; }
.hr-archive-row strong,.hr-archive-row small { display: block; }
.hr-archive-row strong { color: #27272a; font-size: 12px; }
.hr-archive-row small { color: #a1a1aa; font-size: 10px; margin-top: 4px; }
.hr-archive-search{align-items:center;background:#fff;border:1px solid #dedee2;border-radius:9px;display:flex;gap:8px;margin-bottom:14px;padding:0 11px}.hr-archive-search i{color:#a1a1aa;font-size:18px}.hr-archive-search input{border:0;box-shadow:none!important;flex:1;font:inherit;font-size:12px;min-height:40px;outline:0}.hr-archive-row{padding:0}.hr-archive-row button{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:13px 8px;text-align:left;width:100%}.hr-archive-row button:hover{background:#fafafa}.hr-archive-row button>span{min-width:0}.hr-archive-row button strong{font-size:12px}.hr-archive-row button small{line-height:1.5}.hr-archive-row button>.material-icons{color:#a1a1aa;font-size:18px}.hr-archive-empty{color:#71717a;font-size:12px;padding:24px 8px;text-align:center}.hr-archive-task-detail{color:#3f3f46}.hr-archive-task-description{background:#fafafa;border:1px solid #eeeeef;border-radius:10px;font-size:12px;line-height:1.6;margin:0 0 16px;padding:13px;white-space:pre-wrap}.hr-archive-task-description.empty{color:#a1a1aa;font-style:italic}.hr-archive-task-detail dl{display:grid;gap:11px;grid-template-columns:110px minmax(0,1fr);margin:0}.hr-archive-task-detail dt{color:#a1a1aa;font-size:10px}.hr-archive-task-detail dd{color:#3f3f46;font-size:11px;font-weight:650;margin:0}.hr-archive-task-actions{border-top:1px solid #eee;margin-top:17px;padding-top:14px;display:flex;gap:8px}.hr-archive-task-actions .btn{align-items:center;display:inline-flex;gap:6px}.hr-archive-task-actions .material-icons{font-size:16px}
.hr-column-actions,.hr-task-actions { flex: 0 0 auto; }
.hr-column-actions .hr-row-actions-button,.hr-task-actions .hr-row-actions-button { height: 28px; width: 28px; }
.hr-column-actions .hr-row-actions-menu,.hr-task-actions .hr-row-actions-menu { z-index: 80; }
.hr-column-actions .hr-row-actions-menu button,.hr-task-actions .hr-row-actions-menu button { align-items: center; display: flex; font-size: 12px; gap: 9px; line-height: 1.35; min-height: 38px; padding: 10px 11px; }
.hr-column-actions .hr-row-actions-menu .material-icons,.hr-task-actions .hr-row-actions-menu .material-icons { flex: 0 0 auto; font-size: 17px; }
.hr-board-user-line { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.hr-sync-badge { border-radius: 999px; font-size: 9px; font-weight: 650; padding: 5px 9px; }
.hr-sync-badge.loading { background: #fef3c7; color: #92400e; }
.hr-sync-badge.error { background: #fef2f2; color: #b91c1c; }
.hr-column-color-control { align-items: flex-start; display: flex; gap: 13px; }
.hr-column-color-control > input { background: #fff; border: 1px solid var(--border); border-radius: 8px; height: 44px; padding: 4px; width: 58px; }
.hr-color-presets { display: grid; flex: 1; gap: 7px; grid-template-columns: repeat(8,22px); }
.hr-color-presets button { background: var(--preset); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #d4d4d8; cursor: pointer; height: 22px; padding: 0; width: 22px; }
.hr-color-presets button:hover { box-shadow: 0 0 0 2px #71717a; transform: scale(1.08); }
.hr-column-delete-zone { align-items: flex-start; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 8px; margin-top: 4px; padding-top: 18px; }
.hr-column-delete-zone small { color: #71717a; font-size: 10px; line-height: 1.4; }
.hr-column-delete-zone button:disabled { cursor: not-allowed; opacity: .42; }
.hr-confirm-text { color: #52525b; font-size: 13px; line-height: 1.6; margin: 0; }
#task_create_form { position: relative; }
.hr-task-save-state { align-items: center; background: rgba(255,255,255,.97); border-radius: 12px; display: flex; flex-direction: column; inset: 0; justify-content: center; position: absolute; z-index: 10; }
.hr-task-save-state[hidden] { display: none; }
.hr-task-save-state i { color: #71717a; font-size: 36px; }
.hr-task-save-state.loading i { animation: hr-hourglass 1s infinite ease-in-out; }
.hr-task-save-state.success i { color: #16a34a; }
.hr-task-save-state strong { color: #27272a; font-size: 13px; margin-top: 10px; }
@keyframes hr-hourglass { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
.hr-sheet-backdrop { background: rgba(9,9,11,.22); inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .18s; z-index: 9998; }
.hr-sheet-backdrop.show { opacity: 1; pointer-events: auto; }
.hr-task-sheet { background: #fff; border-left: 1px solid var(--border); bottom: 0; box-shadow: -18px 0 45px rgba(0,0,0,.1); display: flex; flex-direction: column; position: fixed; right: 0; top: 0; transform: translateX(105%); transition: transform .22s ease; width: min(460px,94vw); z-index: 9999; }
.hr-task-sheet.open { transform: translateX(0); }
.hr-task-sheet-head { align-items: center; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; padding: 20px; }
.hr-task-sheet-head span { color: #a1a1aa; display: block; font-size: 9px; font-weight: 700; letter-spacing: .08em; margin-bottom: 5px; text-transform: uppercase; }
.hr-task-sheet-head h2 { color: #18181b; font-size: 15px; margin: 0; }
.hr-task-sheet-head button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #71717a; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 34px; }
.hr-task-sheet-head button:hover { background: #f4f4f5; }
.hr-task-sheet-head button i { font-size: 19px; }
.hr-task-sheet-body { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 20px; }
.hr-chat-list { display: flex; flex-direction: column; gap: 16px; }
.hr-chat-message { align-items: flex-start; display: flex; gap: 10px; }
.hr-chat-message > img { border-radius: 8px; height: 34px; object-fit: cover; width: 34px; }
.hr-chat-message > div { flex: 1; min-width: 0; }
.hr-chat-message > div > div { align-items: baseline; display: flex; gap: 8px; }
.hr-chat-message strong { color: #27272a; font-size: 11px; }
.hr-chat-message time { color: #a1a1aa; font-size: 9px; }
.hr-chat-message p { background: #f4f4f5; border-radius: 4px 10px 10px 10px; color: #3f3f46; font-size: 12px; line-height: 1.5; margin: 6px 0 0; padding: 10px 12px; white-space: pre-wrap; }
.hr-chat-compose { align-items: flex-end; border-top: 1px solid var(--border); display: flex; gap: 9px; padding: 14px; }
.hr-chat-compose[hidden] { display: none; }
.hr-chat-compose textarea { border: 1px solid #d4d4d8; border-radius: 9px; flex: 1; font: inherit; font-size: 12px; max-height: 130px; min-height: 42px; padding: 10px 12px; resize: vertical; }
.hr-chat-compose .btn { min-height: 42px; padding: 9px 12px !important; }
.hr-history-list { display: flex; flex-direction: column; }
.hr-history-item { display: grid; gap: 11px; grid-template-columns: 10px 1fr; padding-bottom: 18px; position: relative; }
.hr-history-item::before { background: #e4e4e7; bottom: 0; content: ''; left: 4px; position: absolute; top: 10px; width: 1px; }
.hr-history-item:last-child::before { display: none; }
.hr-history-item > span { background: #18181b; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #d4d4d8; height: 9px; margin-top: 3px; width: 9px; z-index: 1; }
.hr-history-item strong,.hr-history-item small { display: block; }
.hr-history-item strong { color: #3f3f46; font-size: 11px; line-height: 1.45; }
.hr-history-item small { color: #a1a1aa; font-size: 9px; margin-top: 5px; }
.hr-sheet-empty { color: #a1a1aa; font-size: 12px; padding: 50px 10px; text-align: center; }
.hr-task-card.hr-task-target { animation: hr-task-target-pulse .8s ease-in-out 2; }
@keyframes hr-task-target-pulse { 0%,100% { border-color: #dedee1; box-shadow: 0 1px 2px rgba(0,0,0,.03); } 50% { border-color: #09090b; box-shadow: 0 0 0 3px rgba(9,9,11,.16); } }
.hr-my-project { margin-bottom: 34px; }
.hr-my-project-head { align-items: center; display: flex; gap: 12px; margin-bottom: 14px; }
.hr-my-project-head > img { border: 1px solid var(--border); border-radius: 9px; height: 40px; object-fit: cover; width: 40px; }
.hr-my-project-head > div { flex: 1; }
.hr-my-project-head h2 { color: #18181b; font-size: 15px; margin: 0; }
.hr-my-project-head span { color: #a1a1aa; font-size: 9px; }
.hr-my-project-head > a { align-items: center; color: #71717a; display: flex; font-size: 10px; gap: 5px; text-decoration: none; }
.hr-my-project-head > a i { font-size: 14px; }
.hr-my-task-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); }
.hr-my-task { background: #fff; border: 1px solid var(--border); border-radius: 11px; overflow: hidden; }
.hr-my-task-main { color: inherit; display: block; min-height: 150px; padding: 16px; text-decoration: none !important; }
.hr-my-task-main:hover { background: #fdfdfd; color: inherit; }
.hr-my-task-title > span { color: var(--task-color); font-size: 8px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.hr-my-task-title h3 { color: #18181b; font-size: 15px; font-weight: 700; line-height: 1.4; margin: 6px 0 0; }
.hr-my-task-main > p { color: #52525b; font-size: 12px; font-weight: 500; line-height: 1.55; margin: 10px 0 0; }
.hr-my-task-actions { border-top: 1px solid var(--border); display: grid; grid-template-columns: 1fr 1fr; }
.hr-my-task-actions.single { grid-template-columns: 1fr; }
.hr-my-task-actions button { align-items: center; background: #fafafa; border: 0; color: #3f3f46; cursor: pointer; display: flex; font-size: 12px; font-weight: 700; gap: 7px; justify-content: center; min-height: 46px; position: relative; }
.hr-my-task-actions button + button { border-left: 1px solid var(--border); }
.hr-my-task-actions button:hover { background: #f4f4f5; color: #18181b; }
.hr-my-task-actions button i { font-size: 17px; }
.hr-my-task-actions button b { align-items: center; background: #18181b; border-radius: 999px; color: #fff; display: flex; font-size: 8px; height: 17px; justify-content: center; min-width: 17px; }
.hr-my-assignments-heading { border-top: 1px solid var(--border); margin: 42px 0 22px; padding-top: 30px; }
.hr-my-assignments-heading h2 { color: #18181b; font-size: 24px; margin: 5px 0 7px; }
.hr-my-assignments-heading p { color: #71717a; font-size: 11px; margin: 0; }
.hr-assignment-project { padding-left: 14px; position: relative; }
.hr-assignment-project::before { background: #18181b; border-radius: 999px; bottom: 0; content: ''; left: 0; position: absolute; top: 0; width: 3px; }
.hr-assignment-task { border-color: #d4d4d8; }
.hr-acknowledge-button { background: #18181b !important; color: #fff !important; }
.hr-acknowledge-button:hover { background: #27272a !important; }
.hr-acknowledge-button:disabled { cursor: wait; opacity: .7; }
.hr-project-empty.hr-project-empty-compact { min-height: 190px; padding: 30px; }
.hr-notification-settings-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); }
.hr-notification-setting { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 20px; position: relative; }
.hr-notification-setting-head { align-items: center; display: flex; gap: 11px; }
.hr-notification-setting-head > .material-icons { align-items: center; background: #f4f4f5; border-radius: 8px; color: #52525b; display: flex; font-size: 18px; height: 36px; justify-content: center; width: 36px; }
.hr-notification-setting-head > div { flex: 1; }
.hr-notification-setting-head h2 { font-size: 13px; margin: 0; }
.hr-notification-setting-head small { color: #a1a1aa; font-size: 8px; }
.hr-mini-switch input { display: none; }
.hr-mini-switch i { background: #d4d4d8; border-radius: 999px; display: block; height: 22px; position: relative; width: 38px; }
.hr-mini-switch i::after { background: #fff; border-radius: 50%; content: ''; height: 18px; left: 2px; position: absolute; top: 2px; transition: transform .15s; width: 18px; }
.hr-mini-switch input:checked + i { background: #18181b; }
.hr-mini-switch input:checked + i::after { transform: translateX(16px); }
.hr-notification-setting-fields { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; margin: 20px 0; }
.hr-channel-choices { display: flex; gap: 8px; }
.hr-channel-choices label { align-items: center; border: 1px solid var(--border); border-radius: 8px; display: flex; font-size: 10px; gap: 6px; min-height: 44px; padding: 8px 10px; }
.hr-setting-saved { color: #15803d; font-size: 10px; margin-left: 9px; }
.hr-setting-saved.error { color: #b91c1c; }
.hr-max-bot-setting { align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 12px; display: grid; gap: 16px; grid-template-columns: 44px minmax(0,1fr) auto; margin-bottom: 20px; padding: 20px; }
.hr-max-bot-icon { align-items: center; background: #18181b; border-radius: 10px; color: #fff; display: flex; height: 44px; justify-content: center; width: 44px; }
.hr-max-bot-icon i { font-size: 21px; }
.hr-max-bot-setting .hr-eyebrow { margin-bottom: 4px; }
.hr-max-bot-setting h2 { color: #18181b; font-size: 15px; margin: 0 0 5px; }
.hr-max-bot-setting p { color: #71717a; font-size: 10px; margin: 0; }
.hr-max-bot-setting code { color: #52525b; font-size: 9px; }
.hr-max-bot-setting > .hr-setting-saved { grid-column: 2 / -1; margin: -4px 0 0; }
.hr-max-bot-setting button:disabled { cursor: not-allowed; opacity: .5; }
.hr-notification-preferences { align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 12px; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 20px; padding: 20px; }
.hr-notification-preferences h2 { font-size: 13px; margin: 0; }
.hr-notification-preferences p { color: #71717a; font-size: 10px; margin: 5px 0 0; }
.hr-notification-preferences form { display: flex; gap: 8px; min-width: 410px; }
.hr-notification-list { background: #fff; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.hr-notification-item { align-items: center; border-bottom: 1px solid #f1f1f2; color: inherit; display: flex; gap: 12px; min-height: 82px; padding: 14px 17px; text-decoration: none !important; }
.hr-notification-item:hover { background: #fafafa; color: inherit; }
.hr-notification-item.unread { background: #fcfcfd; }
.hr-notification-icon { align-items: center; background: #f4f4f5; border-radius: 9px; color: #52525b; display: flex; height: 38px; justify-content: center; width: 38px; }
.hr-notification-icon i { font-size: 18px; }
.hr-notification-item > div { flex: 1; }
.hr-notification-item strong { color: #27272a; display: block; font-size: 11px; }
.hr-notification-item p { color: #71717a; font-size: 9px; margin: 4px 0; }
.hr-notification-item small { color: #a1a1aa; font-size: 8px; }
.hr-notification-dot { background: #18181b; border-radius: 50%; height: 7px; width: 7px; }
@media(max-width:720px){.hr-notification-preferences{align-items:flex-start;flex-direction:column}.hr-notification-preferences form{min-width:0;width:100%}.hr-notification-setting-fields{grid-template-columns:1fr}.hr-max-bot-setting{align-items:flex-start;grid-template-columns:44px 1fr}.hr-max-bot-setting>button{grid-column:2}.hr-max-bot-setting>.hr-setting-saved{grid-column:2}}
@media (max-width: 760px) { .hr-board-heading { align-items: center; flex-direction: row; gap: 9px; } .hr-board-heading h1{font-size:18px}.hr-kanban-column { flex-basis: 285px; } }
.hr-auth-brand-mark { align-items: center; background: #18181b; border-radius: 10px; color: #fff; display: flex; font-size: 12px; font-weight: 700; height: 42px; justify-content: center; letter-spacing: -.02em; width: 42px; }
.hr-auth-brand > span:last-child { display: flex; flex-direction: column; }
.hr-auth-brand strong { font-size: 15px; font-weight: 700; letter-spacing: -.025em; }
.hr-auth-brand small { color: #71717a; font-size: 9px; font-weight: 550; margin-top: 2px; text-transform: uppercase; }
body.wave_img .island { background: rgba(255,255,255,.98); border: 1px solid #dedee2; border-radius: 18px; box-shadow: 0 24px 65px rgba(24,24,27,.1), 0 2px 8px rgba(24,24,27,.035); min-height: 348px; overflow: hidden; width: 100%; }
.hr-auth-card-body { padding: 38px 38px 34px; }
.hr-auth-heading, .hr-auth-user { margin-bottom: 28px; text-align: center; }
.hr-auth-step { color: #71717a; display: block; font-size: 10px; font-weight: 650; letter-spacing: .1em; margin-bottom: 10px; text-transform: uppercase; }
.hr-auth-heading h1, .hr-auth-user h1 { color: #18181b; font-size: 25px; font-weight: 680; letter-spacing: -.04em; line-height: 1.2; margin: 0; }
.hr-auth-heading p, .hr-auth-user p { color: #71717a; font-size: 12px; line-height: 1.55; margin: 9px auto 0; max-width: 300px; }
.hr-auth-field label { color: #3f3f46; display: block; font-size: 11px; font-weight: 600; margin-bottom: 7px; }
.hr-auth-input-wrap { align-items: center; background: #fff; border: 1px solid #d4d4d8; border-radius: 10px; display: flex; min-height: 48px; padding: 0 13px; transition: border-color .15s, box-shadow .15s; }
.hr-auth-input-wrap:focus-within { border-color: #a1a1aa; box-shadow: 0 0 0 3px rgba(161,161,170,.17); }
.hr-auth-input-wrap > .material-icons { color: #a1a1aa; flex: 0 0 19px; font-size: 19px; }
body.wave_img .island-input { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #18181b !important; flex: 1; font-family: Inter, sans-serif; font-size: 13px; height: 46px; min-width: 0; outline: 0; padding: 0 0 0 10px; }
body.wave_img .island-input::placeholder { color: #a1a1aa; }
.hr-auth-submit { margin-top: 16px; min-height: 46px; }
.hr-auth-primary { align-items: center; background: #18181b; border: 1px solid #18181b; border-radius: 10px; color: #fff; cursor: pointer; display: flex; font-family: Inter, sans-serif; font-size: 12px; font-weight: 650; gap: 7px; justify-content: center; min-height: 46px; padding: 10px 16px; transition: background .15s, transform .15s; width: 100%; }
.hr-auth-primary:hover { background: #27272a; }
.hr-auth-primary:active { transform: translateY(1px); }
.hr-auth-primary .material-icons { font-size: 17px; }
.hr-auth-back { align-items: center; background: transparent; border: 0; color: #71717a; cursor: pointer; display: flex; font-family: Inter, sans-serif; font-size: 11px; gap: 6px; justify-content: center; margin: 14px auto 0; min-height: 34px; padding: 5px 10px; }
.hr-auth-back:hover { color: #18181b; }
.hr-auth-back .material-icons { font-size: 15px; }
.hr-auth-avatar { align-items: center; background: #f4f4f5; border: 1px solid #e4e4e7; border-radius: 14px; display: flex; height: 76px; justify-content: center; margin: 0 auto 17px; overflow: hidden; width: 76px; }
.hr-auth-avatar img { height: 100%; object-fit: cover; width: 100%; }
.hr-auth-avatar svg { width: 52px; }
.hr-auth-success { margin: 42px 0; }
.hr-auth-success .hr-auth-avatar { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-auth-success .hr-auth-avatar .material-icons { font-size: 32px; }
.hr-auth-message { align-items: center; border: 1px solid; border-radius: 9px; display: flex; font-size: 11px; justify-content: center; line-height: 1.45; margin: 0; min-height: 44px; padding: 9px 12px; text-align: center; }
.hr-auth-message.error { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.hr-auth-message.warning { background: #fffbeb; border-color: #fde68a; color: #a16207; }
.hr-auth-caption { color: #a1a1aa; font-size: 9px; letter-spacing: .03em; margin: 18px 0 0; text-align: center; }
@media (max-width: 520px) {
    .hr-auth-page { align-items: flex-start; padding: 30px 14px; }
    .hr-auth-brand { margin-bottom: 18px; }
    body.wave_img .island { border-radius: 15px; min-height: 320px; }
    .hr-auth-card-body { padding: 31px 23px 27px; }
    .hr-auth-heading h1, .hr-auth-user h1 { font-size: 22px; }
}

.hr-error-page { align-items: center; background: #fafafa !important; display: flex; justify-content: center; min-height: 100vh; padding: 24px; }
.hr-error { max-width: 420px; text-align: center; }
.hr-error > span { color: #a1a1aa; display: block; font-size: 13px; font-weight: 650; letter-spacing: .12em; margin-bottom: 15px; }
.hr-error h1 { font-size: 26px; letter-spacing: -.035em; margin: 0; }
.hr-error p { color: var(--muted-foreground); font-size: 12px; line-height: 1.6; margin: 10px 0 22px; }

/* Finance refinements */
.finance-toolbar{position:static;display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#fff;margin:10px 0 28px}.finance-toolbar h1{font-size:20px;min-width:190px;text-align:center;margin:0}.finance-toolbar select{border:1px solid rgba(255,255,255,.15);background:#123b2f;color:#fff;border-radius:11px;padding:11px 34px 11px 12px}.finance-month-button{flex:0 0 42px}
.finance-empty-ring,.finance-donut{width:160px;height:160px;min-width:160px;flex:0 0 160px;aspect-ratio:1/1}.finance-taxable[hidden]{display:none!important}
#finance_dashboard_data{position:relative;min-height:520px}.finance-dashboard-skeleton{display:none;position:absolute;inset:0;z-index:8;grid-template-columns:repeat(4,1fr);grid-template-rows:170px 250px 220px;gap:16px;background:#072b21}.finance-dashboard-skeleton i,.finance-dashboard-skeleton b{display:block;border-radius:18px;background:linear-gradient(100deg,#123b2f 25%,#1b4b3d 38%,#123b2f 52%);background-size:220% 100%;animation:finance-shimmer 1.15s linear infinite}.finance-dashboard-skeleton b{grid-column:span 2}#finance_dashboard_data.loading>.finance-dashboard-skeleton{display:grid}#finance_dashboard_data.loading>.finance-metrics,#finance_dashboard_data.loading>.finance-dashboard-main{visibility:hidden}@keyframes finance-shimmer{to{background-position-x:-220%}}
#financeOperationModal .modal-content,#financeCategoryModal .modal-content,#financeContractModal .modal-content{position:relative;overflow:hidden}.finance-request-state{position:absolute;inset:0;z-index:20;background:rgba(251,247,237,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:inherit;font-size:16px;font-weight:800;color:#153b2f}.finance-request-state i{font-size:34px}.finance-request-state.success{color:#168b58}.finance-request-state.error{color:#c94722}
.finance-history-row{display:grid;grid-template-columns:86px minmax(0,1fr) 42px;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid #e8e2d5}.finance-history-action{padding:6px 8px;border-radius:8px;font-size:10px;text-align:center;font-weight:900}.finance-history-action.create{background:#dff6e9;color:#148653}.finance-history-action.update{background:#e4efff;color:#2866a8}.finance-history-action.delete{background:#fbe6df;color:#c94722}.finance-history-row strong,.finance-history-row small,.finance-history-row code{display:block}.finance-history-row small{margin:6px 0;color:#718078}.finance-history-row code{font-size:10px;color:#879189;overflow:hidden;text-overflow:ellipsis}.finance-history-expand{border:0;background:#ece8dc;border-radius:9px;width:38px;height:38px;cursor:pointer}.finance-history-row pre{grid-column:1/-1;white-space:pre-wrap;overflow:auto;background:#122a23;color:#cce7dc;padding:16px;border-radius:12px;font-size:11px}
@media(max-width:850px){.finance-toolbar{flex-wrap:wrap;justify-content:center}.finance-toolbar .finance-primary{width:100%}.finance-dashboard-skeleton{grid-template-columns:1fr;grid-template-rows:repeat(6,130px)}.finance-dashboard-skeleton b{grid-column:auto}.finance-history-row{grid-template-columns:70px minmax(0,1fr) 38px}}
.finance-balance-card{display:flex;align-items:center;gap:20px;background:linear-gradient(100deg,#e4fff0,#f8fbef);border:1px solid rgba(32,181,116,.3);border-radius:16px;padding:18px 24px;margin-bottom:16px}.finance-balance-card span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px;color:#477061}.finance-balance-card strong{font-size:28px;color:#0d7a4b}.finance-balance-card small{margin-left:auto;color:#718078}.finance-op-main em{display:block;margin-top:5px;color:#9a9f9c;font-size:10px;font-style:normal;font-weight:600}.finance-operation-filters{grid-template-columns:190px minmax(260px,1fr)}
.finance-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px}.finance-pagination button{width:36px;height:36px;border:1px solid #ddd8ca;background:#fffef9;border-radius:9px;color:#536158;cursor:pointer;display:grid;place-items:center}.finance-pagination button.active{background:#123b2f;color:#fff;border-color:#123b2f}.finance-pagination button:disabled{opacity:.4;cursor:not-allowed}.finance-pagination span{margin-left:10px;color:#879189;font-size:12px}
.finance-year-nav{display:flex;align-items:center;gap:12px}.finance-year-nav strong{min-width:64px;text-align:center;font-size:20px}.finance-tax-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.finance-tax-summary article{background:#fbf7ed;border-radius:16px;padding:22px}.finance-tax-summary span,.finance-tax-summary strong{display:block}.finance-tax-summary span{color:#789087;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.finance-tax-summary strong{font-size:27px;margin-top:12px;color:#ad870c}.finance-tax-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.finance-tax-quarter>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;color:#789087}.finance-tax-quarter h2{font-size:27px;color:#ad870c;margin:12px 0 20px}.finance-tax-quarter>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e5dfd1}.finance-tax-quarter small{color:#718078}.finance-tax-quarter b{white-space:nowrap}
@media(max-width:1100px){.finance-tax-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.finance-balance-card{align-items:flex-start;flex-direction:column}.finance-balance-card small{margin-left:0}.finance-tax-summary,.finance-tax-grid{grid-template-columns:1fr}.finance-operation-filters{grid-template-columns:1fr}}

/* Color navigation and recent pages */
.app-menu .accordion-menu li>a[class*="hr-menu-"]{border:1px solid transparent}.app-menu .accordion-menu li>a[class*="hr-menu-"] .material-icons{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:15px!important}.hr-menu-home .material-icons{background:#e9e7ff;color:#6853d8!important}.hr-menu-projects .material-icons{background:#e2f2ff;color:#2675ae!important}.hr-menu-tasks .material-icons{background:#e4f8ed;color:#188552!important}.hr-menu-notifications .material-icons{background:#fff1d9;color:#b66b12!important}.hr-menu-finance .material-icons{background:#dcf7e9;color:#0c8550!important}.hr-menu-settings .material-icons{background:#f1e7ff;color:#7c3eb4!important}.app-menu .accordion-menu li>a[class*="hr-menu-"].active{background:#fff!important;border-color:#e4e4e7;box-shadow:0 3px 10px rgba(24,24,27,.05)}
.hr-recent-title{margin-top:25px!important}.hr-recent-pages{display:grid;gap:2px}.app-menu .accordion-menu .hr-recent-pages>a{display:grid!important;grid-template-columns:18px minmax(0,1fr) 18px;min-height:31px;padding:5px 9px!important;color:#71717a!important;font-size:11px!important}.hr-recent-pages>a i{font-size:14px!important;color:#a1a1aa!important}.hr-recent-pages>a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-recent-pages>a small{text-align:right;color:#c1c1c7;font-size:9px}

/* Main workspace dashboard */
.hr-home-hero{display:flex;justify-content:space-between;align-items:center;border-radius:18px;padding:30px 34px;background:linear-gradient(125deg,#18181b,#34343a);color:#fff;margin-bottom:18px;overflow:hidden}.hr-home-hero.guest{background:linear-gradient(125deg,#27235c,#6254b8)}.hr-home-hero h1{font-size:32px;margin:7px 0}.hr-home-hero p{margin:0;color:#d4d4d8}.hr-home-hero>span{width:82px;height:82px;border-radius:22px;background:rgba(255,255,255,.1);display:grid;place-items:center;transform:rotate(5deg)}.hr-home-hero>span i{font-size:42px;color:#f7cc71}.hr-home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:32px}.hr-home-stat{min-height:135px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:13px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.18s}.hr-home-stat:hover{color:inherit;transform:translateY(-2px);box-shadow:0 10px 25px rgba(24,24,27,.07)}.hr-home-stat>span{display:flex;align-items:center;gap:8px;color:#71717a;font-size:11px;font-weight:700}.hr-home-stat>span i{font-size:18px}.hr-home-stat strong{font-size:31px;margin:13px 0}.hr-home-stat small{display:flex;align-items:center;gap:5px;color:#a1a1aa;margin-top:auto}.hr-home-stat small i{font-size:13px}.hr-home-section-head{display:flex;justify-content:space-between;margin-bottom:15px}.hr-home-section-head h2{margin:5px 0;font-size:22px}.hr-home-section-head p{color:#71717a;margin:0;font-size:12px}.hr-home-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.hr-home-project{background:#fff;border:1px solid var(--border);border-radius:14px;padding:19px}.hr-home-project-head{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #f0f0f1}.hr-home-project-head img{width:46px;height:46px;border-radius:12px;object-fit:cover}.hr-home-project-head h2{font-size:15px;margin:0 0 5px}.hr-home-project-head span{color:#a1a1aa;font-size:10px}.hr-home-project-head>a{font-size:10px;font-weight:700;color:#52525b;text-decoration:none}.hr-home-workload{display:grid;gap:4px;padding-top:12px}.hr-home-workload>a{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 100px;align-items:center;gap:9px;padding:7px;border-radius:9px;text-decoration:none;color:inherit}.hr-home-workload>a:hover{background:#fafafa}.hr-home-workload img{width:30px;height:30px;border-radius:50%;object-fit:cover}.hr-home-workload strong,.hr-home-workload small{display:block}.hr-home-workload strong{font-size:10px}.hr-home-workload small{font-size:9px;color:#a1a1aa;margin-top:2px}.hr-home-workload b{height:6px;border-radius:999px;background:#eeeeef;overflow:hidden}.hr-home-workload b:after{content:'';display:block;width:var(--load);height:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:inherit}.hr-home-no-tasks{padding:25px;text-align:center;color:#a1a1aa;font-size:11px}

/* Notifications */
.hr-notification-item{padding:0}.hr-notification-item>a{align-items:center;color:inherit;display:flex;gap:12px;min-height:82px;padding:14px 17px;text-decoration:none;flex:1}.hr-notification-item>a>div{flex:1}.hr-notification-read{margin-right:15px;border:1px solid #d4d4d8;background:#fff;border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.hr-notification-read:hover{background:#18181b;color:#fff}.hr-notification-read i{font-size:14px}.hr-live-notification-stack{position:fixed;right:20px;top:78px;z-index:3000;width:min(390px,calc(100vw - 40px));display:grid;gap:10px}.hr-live-notification{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;background:#fff;border:1px solid #dedee2;border-radius:14px;padding:15px;box-shadow:0 18px 48px rgba(24,24,27,.18);overflow:hidden;animation:hr-live-in .22s ease-out}.hr-live-notification.leaving{opacity:0;transform:translateX(25px);transition:.22s}.hr-live-notification-icon{width:40px;height:40px;border-radius:11px;background:#ede9fe;color:#6d4dd0;display:grid;place-items:center}.hr-live-notification-icon i{font-size:20px}.hr-live-notification-content>span{display:block;color:#8b5cf6;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.hr-live-notification-content>strong{display:block;font-size:11px;line-height:1.45;margin:5px 0;white-space:pre-line}.hr-live-notification-content>small{color:#a1a1aa;font-size:9px}.hr-live-notification-content>div{display:flex;gap:7px;margin-top:11px}.hr-live-notification-content>.hr-live-notification-more{display:block;margin-top:10px;padding:7px 9px;border-radius:8px;background:#f4f4f5;color:#52525b;font-size:10px;font-weight:750}.hr-live-notification-content button{border:1px solid #d4d4d8;background:#fff;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:750;cursor:pointer}.hr-live-notification-content button:last-child{background:#18181b;color:#fff;border-color:#18181b;display:flex;gap:4px;align-items:center}.hr-live-notification-content button i{font-size:13px}.hr-live-notification-progress{position:absolute;bottom:0;left:0;height:3px;background:#8b5cf6;animation:hr-live-progress 7s linear forwards}.hr-live-notification.paused .hr-live-notification-progress{animation-play-state:paused}@keyframes hr-live-in{from{opacity:0;transform:translateY(-12px)}}@keyframes hr-live-progress{from{width:100%}to{width:0}}
@media(max-width:900px){.hr-home-stats{grid-template-columns:repeat(2,1fr)}.hr-home-project-grid{grid-template-columns:1fr}}@media(max-width:767px){.hr-live-notification-stack{display:none}.hr-home-hero{padding:23px}.hr-home-hero>span{display:none}.hr-home-stats{grid-template-columns:1fr 1fr}.hr-home-workload>a{grid-template-columns:30px minmax(0,1fr) 65px}.hr-notification-item{align-items:flex-start}.hr-notification-read{margin:13px 10px 13px 0}}

/* Favorites and AI task creation */
.hr-favorite-toggle i{font-size:21px;color:#71717a}.hr-favorite-toggle.active{background:#fff8dc;border-color:#f1cf63}.hr-favorite-toggle.active i{color:#e5ad14}.hr-favorite-toggle.error{animation:hr-favorite-error .35s ease 2}.app-menu .accordion-menu .hr-recent-pages>a{grid-template-columns:18px minmax(0,1fr)}.hr-recent-pages>a .material-icons{color:#e5ad14!important}@keyframes hr-favorite-error{50%{transform:translateX(3px)}}
.hr-kanban-create-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(55px,1fr);gap:7px;margin:4px 14px 12px}.hr-kanban-create-row .hr-kanban-create{width:100%;margin:0}.hr-kanban-ai{min-height:46px;border:1px dashed #c4b5fd;background:#f5f3ff;color:#6d4dd0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:800;cursor:pointer;transition:.15s}.hr-kanban-ai:hover{background:#ede9fe;border-color:#8b5cf6}.hr-kanban-ai i{font-size:16px}.hr-ai-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.hr-ai-dictation{border:0;background:transparent;color:#6d4dd0;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:750;cursor:pointer}.hr-ai-dictation i{font-size:16px}.hr-ai-dictation.listening{color:#dc2626;animation:hr-ai-pulse .8s ease infinite alternate}.hr-ai-result{border-top:1px solid #e4e4e7;padding-top:17px;display:grid;gap:14px}.hr-ai-result[hidden]{display:none}.hr-ai-error{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:650}.hr-ai-error[hidden]{display:none}@keyframes hr-ai-pulse{to{opacity:.45}}

/* Local loading state for assignment acknowledgement */
.hr-assignment-task{position:relative;overflow:hidden}.hr-assignment-task.acknowledging>:not(.hr-card-loading){filter:blur(2px);opacity:.42;pointer-events:none}.hr-card-loading{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(255,255,255,.74);backdrop-filter:blur(1px);color:#3f3f46}.hr-card-loading .spinner-border{width:18px;height:18px}.hr-card-loading strong{font-size:11px}.hr-assignment-task.acknowledged{opacity:0;transform:scale(.98);transition:opacity .25s,transform .25s}

/* Task widgets and dashboard activity */
.hr-task-widget-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hr-task-card.has-dependency{border-top:3px solid #f59e0b}.hr-task-dependency{display:flex;align-items:center;gap:5px;margin:-2px 0 10px;color:#b45309;font-size:9px;font-weight:750;line-height:1.35}.hr-task-dependency i{font-size:13px}.hr-task-dependency.done{color:#16824c}.hr-task-priority.critical{background:#fee2e2!important;color:#b91c1c!important}.hr-task-priority.urgent{background:#ffedd5!important;color:#c2410c!important}.hr-task-priority.normal{background:#eef2ff!important;color:#4f46e5!important}.hr-task-priority.low{background:#f4f4f5!important;color:#71717a!important}.hr-task-priority.waiting{background:#fef3c7!important;color:#92400e!important}.hr-task-column-select{display:grid;grid-template-columns:18px 58px minmax(90px,1fr);align-items:center;gap:7px;padding:7px 10px;color:#3f3f46;font-size:10px;font-weight:650}.hr-task-column-select i{font-size:16px}.hr-task-column-select select{min-width:0;border:1px solid #dedee2;border-radius:6px;background:#fff;padding:5px;font:inherit}.hr-home-activity{background:#fff;border:1px solid var(--border);border-radius:15px;padding:20px 23px;margin:0 0 28px}.hr-home-activity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:13px}.hr-home-activity h2{font-size:18px;margin:5px 0 0}.hr-home-activity-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.hr-home-activity-legend span{display:flex;align-items:center;gap:5px;color:#71717a;font-size:9px;font-weight:650}.hr-home-activity-legend i{width:16px;height:3px;border-radius:3px;background:var(--line)}.hr-home-activity svg{width:100%;height:auto;max-height:280px;overflow:visible}.hr-home-activity .grid line{stroke:#eeeeef;stroke-width:1}.hr-home-activity text{fill:#a1a1aa;font-size:9px;font-family:Inter,sans-serif}.hr-home-activity .lines polyline{fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.hr-home-activity .lines circle{stroke:#fff;stroke-width:1.5}@media(max-width:767px){.hr-task-widget-fields{grid-template-columns:1fr}.hr-home-activity-head{flex-direction:column}.hr-home-activity-legend{justify-content:flex-start}.hr-home-activity{padding:17px 12px;overflow-x:auto}.hr-home-activity svg{min-width:680px}}
.hr-task-priority-select{grid-template-columns:18px 65px minmax(90px,1fr)}
.hr-task-card:focus-visible{outline:2px solid #111;outline-offset:3px}.hr-task-card.hr-keyboard-moving{opacity:.72;transform:scale(.985)}.hr-kanban-column.hr-keyboard-move-target{box-shadow:inset 0 0 0 2px #111,0 12px 30px rgba(0,0,0,.08)}.hr-kanban-column.hr-keyboard-move-target .hr-kanban-column-head:after{content:'Отпустите Shift, чтобы переместить';display:block;grid-column:1/-1;margin-top:7px;color:#18181b;font-size:9px;font-weight:750}
.hr-home-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;width:100%;margin-bottom:14px}.hr-home-overview .hr-home-hero{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:12px;height:100%;min-height:112px;margin:0;padding:18px 21px}.hr-home-overview .hr-home-hero>div{min-width:0}.hr-home-overview .hr-home-hero h1{font-size:24px;line-height:1.08}.hr-home-overview .hr-home-hero>span{width:48px;height:48px;border-radius:14px}.hr-home-overview .hr-home-hero>span i{font-size:27px}.hr-home-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hr-home-quick-stat{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:15px;background:#fff;border:1px solid var(--border);border-radius:14px;color:inherit;text-decoration:none;transition:.18s}.hr-home-quick-stat:hover{color:inherit;transform:translateY(-2px);box-shadow:0 10px 25px rgba(24,24,27,.07)}.hr-home-quick-stat>span{display:flex;align-items:center;gap:7px;color:#71717a;font-size:10px;font-weight:700}.hr-home-quick-stat>span i{font-size:17px}.hr-home-quick-stat>strong{font-size:27px}.hr-home-column-summary{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:18px;width:100%;margin:0 0 24px;padding:13px 18px;background:#fff;border:1px solid var(--border);border-radius:14px}.hr-home-column-summary>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.hr-home-column-summary>div:first-child .hr-eyebrow{grid-column:auto}.hr-home-column-summary>div:first-child>strong{font-size:24px}.hr-home-column-items{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hr-home-column-items>span{display:grid;grid-template-columns:7px auto auto;align-items:center;gap:7px;padding:8px 10px;background:#fafafa;border:1px solid #eeeeef;border-radius:9px;font-size:9px}.hr-home-column-items>span>i{width:7px;height:7px;border-radius:50%;background:var(--column-color)}.hr-home-column-items>span>b{font-weight:600;color:#52525b}.hr-home-column-items>span>strong{font-size:11px}.hr-home-column-items>.empty{display:block;color:#a1a1aa}@media(max-width:1050px){.hr-home-overview{grid-template-columns:1fr}.hr-home-overview .hr-home-hero{min-height:105px}}@media(max-width:767px){.hr-home-overview .hr-home-hero{grid-template-columns:minmax(0,1fr);padding:18px}.hr-home-overview .hr-home-hero>span{display:none}.hr-home-quick-stats{grid-template-columns:1fr}.hr-home-quick-stat{min-height:78px}.hr-home-column-summary{grid-template-columns:1fr}.hr-home-column-items{align-items:stretch}.hr-home-column-items>span{flex:1 1 130px}}
.hr-project-task-links{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-project-task-links>a.gantt{background:#7c3aed}
.hr-kanban-column-title{display:flex;align-items:center;gap:7px;min-width:0}.hr-kanban-column-title h2{margin:0}.hr-done-archive-badge{display:inline-flex;align-items:center;gap:3px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#15803d;padding:4px 7px;font-size:9px;font-weight:750;white-space:nowrap;cursor:pointer}.hr-done-archive-badge:hover{background:#dcfce7}.hr-done-archive-badge i{font-size:13px}.hr-done-archive-badge:disabled{opacity:.5;cursor:wait}
.hr-chat-compose-input{position:relative;flex:1;min-width:0}.hr-chat-compose-input textarea{width:100%}.hr-chat-mention-options{position:absolute;bottom:calc(100% + 9px);left:0;right:0;z-index:100;background:#fff;border:1px solid var(--border);border-radius:12px;padding:5px;box-shadow:0 12px 35px rgba(0,0,0,.15);max-height:230px;overflow:auto}.hr-chat-mention-options[hidden]{display:none}.hr-chat-mention-options button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;border-radius:8px;padding:7px;text-align:left;cursor:pointer}.hr-chat-mention-options button:hover{background:#f4f4f5}.hr-chat-mention-options img{width:30px;height:30px;border-radius:50%;object-fit:cover}.hr-chat-mention-options strong,.hr-chat-mention-options small{display:block}.hr-chat-mention-options strong{font-size:11px}.hr-chat-mention-options small{color:#a1a1aa;font-size:9px}.hr-chat-mention{border-radius:4px;background:#ede9fe;color:#6d28d9;padding:0 3px}
.gantt-phase-bar{grid-column:calc(var(--left) + 1) / span var(--span)}
.gantt-lane.empty:before{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;color:#a1a1aa;font-size:9px;content:'Протяните диапазон сюда, чтобы создать этап';pointer-events:none}
.gantt-group-heading{position:relative;display:grid;grid-template-columns:var(--name-width) minmax(0,1fr)}.gantt-group-heading>div:first-child{position:sticky;left:0;z-index:2;grid-column:1;width:var(--name-width);padding-left:2px;background:#f8fafc}.gantt-group-heading>div:last-child{grid-column:2;justify-self:end}
.gantt-page-head{align-items:center;background:linear-gradient(115deg,#fff 0%,#fafaff 100%);border:1px solid #e7e7eb;border-radius:18px;box-shadow:0 5px 18px rgba(24,24,27,.035);display:flex;gap:24px;justify-content:space-between;margin:0 0 18px;padding:23px 27px}.gantt-page-head>div{min-width:0}.gantt-page-head .hr-project-back{align-items:center;color:#71717a;display:inline-flex;font-size:11px;font-weight:650;gap:5px;margin-bottom:12px;text-decoration:none}.gantt-page-head .hr-project-back:hover{color:#18181b}.gantt-page-head .hr-project-back i{font-size:17px}.gantt-page-head .hr-eyebrow{color:#7c3aed;font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase}.gantt-page-head h1{color:#18181b;font-size:26px;font-weight:760;letter-spacing:-.04em;line-height:1.15;margin:0}.gantt-page-head p{color:#71717a;font-size:11px;line-height:1.5;margin:7px 0 0}.gantt-page-head>.btn{align-items:center;border-radius:10px;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:700;gap:7px;min-height:40px;padding:0 14px}.gantt-page-head>.btn i{font-size:17px}.gantt-panel{background:#fff;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 8px 30px rgba(24,24,27,.045);overflow:hidden}.gantt-toolbar{align-items:center;background:#fff;border-bottom:1px solid #eeeef1;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:14px 18px}.gantt-period{align-items:center;display:flex;gap:8px;min-width:0}.gantt-period h2{color:#27272a;font-size:14px;font-weight:750;letter-spacing:-.015em;margin:0 5px;min-width:165px;text-align:center}.gantt-period button,.gantt-modes button{align-items:center;background:#fff;border:1px solid #e4e4e7;border-radius:8px;color:#52525b;cursor:pointer;display:inline-flex;font:inherit;font-size:10px;font-weight:650;gap:5px;justify-content:center;min-height:32px;padding:0 10px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.gantt-period button:hover,.gantt-modes button:hover{background:#fafafa;border-color:#c4c4ca;color:#18181b}.gantt-period button[aria-label]{height:32px;padding:0;width:32px}.gantt-period button i{font-size:18px}.gantt-period [data-today]{margin-left:3px}.gantt-modes{align-items:center;background:#f4f4f5;border:1px solid #eeeef0;border-radius:9px;display:flex;gap:3px;padding:3px}.gantt-modes button{background:transparent;border-color:transparent;min-height:27px;padding:0 10px}.gantt-modes button.active{background:#fff;border-color:#e4e4e7;box-shadow:0 1px 3px rgba(0,0,0,.07);color:#27272a}.gantt-scroll{overflow:auto;overscroll-behavior-x:contain;scrollbar-color:#c4c4ca #f4f4f5;scrollbar-width:thin}.gantt-calendar{--name-width:220px;--day-width:38px;background:#fff;min-width:var(--min-width);padding:0 0 15px;width:max(100%,var(--min-width))}.gantt-axis{align-items:stretch;background:#fff;border-bottom:1px solid #e4e4e7;display:grid;grid-template-columns:var(--name-width) minmax(0,1fr);position:sticky;top:0;z-index:5}.gantt-axis>b{background:#fafafa;border-right:1px solid #eeeef1;position:sticky;left:0;z-index:2}.gantt-axis-days{display:grid;grid-template-columns:repeat(var(--days),minmax(var(--day-width),1fr));min-height:53px}.gantt-day{align-items:center;border-right:1px solid #f1f1f3;color:#71717a;display:flex;font-size:9px;font-weight:650;justify-content:center;min-width:0;padding:5px 2px;position:relative}.gantt-day.weekend{background:#fafafa;color:#a1a1aa}.gantt-day.today{background:#f5f3ff;color:#6d28d9;font-weight:800}.gantt-day.today:after{background:#8b5cf6;border-radius:3px 3px 0 0;bottom:0;content:"";height:2px;left:25%;position:absolute;right:25%}.gantt-group{background:#fff;border-bottom:1px solid #eeeef1}.gantt-group:last-child{border-bottom:0}.gantt-group-heading{align-items:center;background:#fafafa;border-bottom:1px solid #eeeef1;display:grid;grid-template-columns:var(--name-width) minmax(0,1fr);min-height:44px;position:relative}.gantt-group-heading>div:first-child{align-items:center;background:#fafafa;border-right:1px solid #eeeef1;display:flex;gap:8px;grid-column:1;min-height:44px;padding:0 12px;position:sticky;left:0;width:var(--name-width);z-index:3}.gantt-group-heading>div:first-child>i{color:#a1a1aa;font-size:17px}.gantt-group-heading strong{color:#3f3f46;font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gantt-group-heading small{background:#f0eefb;border-radius:999px;color:#6d5aa8;font-size:8px;font-weight:700;margin-left:auto;padding:4px 7px;white-space:nowrap}.gantt-group-heading>div:last-child{align-items:center;display:flex;gap:4px;grid-column:2;justify-self:end;padding:0 10px}.gantt-group-heading button{align-items:center;background:transparent;border:0;border-radius:6px;color:#a1a1aa;cursor:pointer;display:inline-flex;height:27px;justify-content:center;padding:0;width:27px}.gantt-group-heading button:hover{background:#eeeef1;color:#3f3f46}.gantt-group-heading button.danger:hover{background:#fef2f2;color:#dc2626}.gantt-group-heading button i{font-size:16px}.gantt-lane{--lane-height:36px;display:grid;grid-auto-rows:var(--lane-height);grid-template-columns:repeat(var(--days),minmax(var(--day-width),1fr));min-height:56px;overflow:hidden;padding:8px 0;position:relative;row-gap:5px;touch-action:pan-y;user-select:none}.gantt-lane-grid{display:grid;grid-column:1/-1;grid-row:1/-1;grid-template-columns:subgrid;inset:0;pointer-events:none;position:absolute}.gantt-lane-grid>i{background:#fff;border-right:1px solid #f1f1f3;display:block;height:100%}.gantt-lane-grid>i.weekend{background:#fafafa}.gantt-lane-grid>i.today{background:#f5f3ff}.gantt-lane.empty{min-height:82px}.gantt-lane.empty:before{color:#a1a1aa;font-size:10px;font-weight:550;inset:0}.gantt-lane.creating:after{background:rgba(124,58,237,.12);border:1px dashed #8b5cf6;border-radius:8px;content:"";grid-column:calc(var(--draft-left) + 1)/span var(--draft-span);grid-row:1/-1;pointer-events:none;z-index:2}.gantt-phase-bar{align-items:center;background:#ede9fe;border:1px solid #c4b5fd;border-radius:8px;box-shadow:0 1px 2px rgba(88,28,135,.07);color:#5b21b6;cursor:grab;display:flex;font-size:9px;font-weight:750;grid-column:calc(var(--left) + 1)/span var(--span);grid-row:calc(var(--lane) + 1);margin:2px 3px;min-width:0;overflow:hidden;padding:0 9px;position:relative;touch-action:none;transition:box-shadow .12s,filter .12s;white-space:nowrap;z-index:3}.gantt-phase-bar:hover{box-shadow:0 4px 12px rgba(88,28,135,.15);filter:saturate(1.1);z-index:4}.gantt-phase-bar.dragging{cursor:grabbing;opacity:.82;z-index:6}.gantt-phase-bar>span{overflow:hidden;text-overflow:ellipsis}.gantt-resize{background:#8b5cf6;border-radius:2px;bottom:8px;cursor:ew-resize;opacity:0;position:absolute;top:8px;transition:opacity .12s;width:3px;z-index:2}.gantt-resize.left{left:3px}.gantt-resize.right{right:3px}.gantt-phase-bar:hover .gantt-resize,.gantt-phase-bar.dragging .gantt-resize{opacity:1}.gantt-empty{color:#a1a1aa;font-size:11px;padding:28px;text-align:center}.gantt-phase-dates{background:#f5f3ff;border:1px solid #ede9fe;border-radius:9px;color:#6d28d9;font-size:11px;font-weight:700;padding:10px 12px}.hr-feedback.hr-feedback-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;padding:15px;font-size:12px}@media(max-width:760px){.gantt-page-head{align-items:flex-start;border-radius:13px;flex-direction:column;gap:12px;padding:17px}.gantt-page-head h1{font-size:22px}.gantt-page-head>.btn{min-height:36px}.gantt-toolbar{align-items:flex-start;flex-direction:column;padding:12px}.gantt-period{max-width:100%;width:100%}.gantt-period h2{flex:1;font-size:12px;min-width:0}.gantt-period [data-today]{margin-left:auto}.gantt-modes{align-self:stretch}.gantt-modes button{flex:1}.gantt-calendar{--name-width:170px}}
.gantt-lane{grid-template-rows:repeat(var(--lanes),var(--lane-height))}.gantt-lane-grid{grid-column:auto;grid-row:auto;grid-template-columns:repeat(var(--days),minmax(var(--day-width),1fr));grid-template-rows:repeat(var(--lanes),var(--lane-height));inset:8px 0;row-gap:5px}
.gantt-lane-grid>i{grid-row:1/-1}.gantt-group-heading>div:last-child:first-child{grid-column:1;justify-self:stretch}

/* My tasks: project- and status-grouped table view */
.hr-my-tasks-section{margin-bottom:34px}.hr-my-tasks-section-head{align-items:center;display:flex;gap:10px;margin:0 0 15px}.hr-my-tasks-section-head h2{color:#18181b;font-size:19px;font-weight:700;margin:0}.hr-my-tasks-section-head>span{background:#f4f4f5;border-radius:999px;color:#71717a;font-size:10px;font-weight:700;padding:5px 9px}
.hr-my-project{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.hr-my-project-head{margin:0;padding:14px 16px}.hr-my-project-head h2{font-size:14px}.hr-my-project-head span{font-size:10px;margin-top:3px}.hr-my-project-head>a{font-size:11px}.hr-my-task-table-wrap{border-top:1px solid var(--border);overflow-x:auto}.hr-my-task-table{border-collapse:separate;border-spacing:0;min-width:900px;width:100%}.hr-my-task-table thead th{background:#fafafa;border-bottom:1px solid var(--border);color:#8a8a93;font-size:9px;font-weight:700;letter-spacing:.045em;padding:10px 13px;text-align:left;text-transform:uppercase;white-space:nowrap}.hr-my-task-table th:first-child,.hr-my-task-table td:first-child{padding-left:18px}.hr-my-task-table tbody tr:not(.hr-my-task-group) td{border-bottom:1px solid #f0f0f2;color:#3f3f46;font-size:11px;padding:10px 13px;vertical-align:middle}.hr-my-task-table tbody tr:last-child td{border-bottom:0}.hr-my-task-group th{background:#fcfcfd;border-bottom:1px solid #eeeef1;color:#3f3f46;font-size:10px;font-weight:750;padding:10px 16px;text-align:left}.hr-my-task-group th .material-icons{font-size:14px;margin-right:7px;vertical-align:middle}.hr-my-task-group th span{background:#f0f0f2;border-radius:999px;color:#71717a;font-size:9px;margin-left:7px;padding:3px 7px}.hr-my-task-name{max-width:440px;min-width:230px}.hr-my-task-name>div{align-items:baseline;display:flex;gap:8px}.hr-my-task-link{align-items:baseline;color:#27272a;display:inline-flex;font-size:12px;font-weight:650;gap:7px;text-decoration:none}.hr-my-task-link:hover{color:#6d4dd0;text-decoration:underline}.hr-my-task-id{color:#a1a1aa;font-size:9px;font-weight:600;white-space:nowrap}.hr-my-task-description{color:#8b8b94;display:block;font-size:9px;line-height:1.45;margin:4px 0 0 29px;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-my-task-status,.hr-my-task-person,.hr-my-task-priority{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.hr-my-task-status{color:#52525b;font-size:10px}.hr-my-task-status i{background:var(--task-color);border-radius:50%;height:8px;width:8px}.hr-my-task-person{color:#52525b;font-size:10px}.hr-my-task-person img{border:1px solid #e4e4e7;border-radius:50%;height:23px;object-fit:cover;width:23px}.hr-my-task-priority{background:#f4f4f5;border-radius:999px;color:#52525b;font-size:9px;padding:4px 8px}.hr-my-task-priority .material-icons{font-size:13px}.hr-my-task-priority.critical{background:#fef2f2;color:#b91c1c}.hr-my-task-priority.urgent{background:#fff7ed;color:#c2410c}.hr-my-task-priority.low{background:#f4f4f5;color:#71717a}.hr-my-task-priority.waiting{background:#eff6ff;color:#1d4ed8}.hr-my-task-due{color:#71717a!important;font-size:10px!important;white-space:nowrap}.hr-task-completed{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;color:#15803d;display:inline-flex;font-size:9px;gap:4px;padding:5px 8px;white-space:nowrap}.hr-task-completed .material-icons{font-size:13px}.hr-my-task-archived{align-items:center;color:#a1a1aa;display:flex;font-size:8px;gap:3px;margin-top:4px}.hr-my-task-archived .material-icons{font-size:12px}.hr-my-task-row-actions{align-items:center;display:flex;gap:4px;justify-content:flex-end;white-space:nowrap}.hr-my-task-row-actions button{align-items:center;background:#fff;border:1px solid #e4e4e7;border-radius:7px;color:#52525b;cursor:pointer;display:inline-flex;font-size:9px;font-weight:650;gap:4px;min-height:29px;padding:4px 7px}.hr-my-task-row-actions button:hover{background:#f4f4f5;color:#18181b}.hr-my-task-row-actions button>.material-icons{font-size:14px}.hr-my-task-row-actions button b{align-items:center;background:#18181b;border-radius:50%;color:#fff;display:inline-flex;font-size:8px;height:15px;justify-content:center;min-width:15px}.hr-my-task-row-actions .hr-acknowledge-button{background:#18181b!important;border-color:#18181b;color:#fff!important}.hr-my-task-row-actions .hr-correction-button{background:#fff!important;border-color:#e4e4e7;color:#52525b!important}.hr-my-task-row.acknowledging{opacity:.55}.hr-my-task-row.acknowledged{opacity:0;transform:translateX(8px);transition:opacity .2s,transform .2s}.hr-my-assignments-heading{margin:34px 0 18px;padding-top:24px}.hr-my-assignments-heading h2{font-size:20px}.hr-my-assignments-heading p{font-size:10px}
@media(max-width:760px){.hr-my-project-head{gap:9px;padding:11px}.hr-my-project-head>img{height:34px;width:34px}.hr-my-project-head>a{font-size:0}.hr-my-project-head>a i{font-size:18px}.hr-my-task-table{min-width:780px}.hr-my-task-row-actions button span{display:none}.hr-my-task-row-actions button{min-height:30px;padding:5px}.hr-my-assignments-heading{margin-top:28px}}
.hr-assignment-project{padding-left:0}.hr-assignment-project::before{display:none}
.hr-my-tasks-section{margin-top:0}.hr-my-tasks-section-head{margin-top:0}.hr-my-tasks-toolbar{align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:9px}.hr-my-task-search{align-items:center;background:#fff;border:1px solid #e4e4e7;border-radius:7px;color:#a1a1aa;display:flex;flex:1 1 220px;gap:7px;min-height:34px;padding:0 9px}.hr-my-task-search i{font-size:17px}.hr-my-task-search input{background:transparent;border:0;color:#27272a;font:inherit;font-size:10px;min-width:0;outline:0;width:100%}.hr-my-tasks-toolbar select{background:#fff;border:1px solid #e4e4e7;border-radius:7px;color:#52525b;font:inherit;font-size:9px;min-height:34px;max-width:220px;padding:0 9px}.hr-my-task-filter-empty{background:#fff;border:1px dashed #d4d4d8;border-radius:10px;color:#71717a;font-size:11px;padding:28px;text-align:center}.hr-my-task-id{color:var(--task-color)!important;font-weight:750!important}.hr-my-task-status.hr-task-inline-edit,.hr-my-task-priority.hr-task-inline-edit,.hr-task-due-edit{cursor:pointer;font-family:inherit}.hr-my-task-status.hr-task-inline-edit{background:transparent;border:0;border-radius:6px;padding:5px 7px}.hr-my-task-status.hr-task-inline-edit:hover,.hr-task-due-edit:hover{background:#f4f4f5}.hr-my-task-priority.hr-task-inline-edit{border:1px solid transparent}.hr-my-task-priority.hr-task-inline-edit:hover{border-color:#e4e4e7;filter:brightness(.98)}.hr-task-due-edit{background:transparent;border:0;border-radius:6px;color:#71717a;font-size:10px;padding:6px 7px;white-space:nowrap}.hr-task-due-edit>span{color:#a1a1aa}.hr-my-task-row-actions .hr-row-actions-button{border:0;border-radius:7px;height:30px;justify-content:center;padding:0;width:30px}.hr-my-task-menu .hr-row-actions-menu{min-width:175px;z-index:90}.hr-my-task-menu .hr-row-actions-menu button{align-items:center;font-size:10px;min-height:34px;padding:8px 9px}.hr-my-task-menu .hr-row-actions-menu .material-icons{font-size:15px}
@media(max-width:760px){.hr-my-tasks-toolbar{align-items:stretch}.hr-my-task-search{flex-basis:100%}.hr-my-tasks-toolbar select{flex:1 1 44%;max-width:none}}
.hr-my-task-id-wrap{align-items:center;display:inline-flex;flex-direction:column;gap:3px;justify-content:center}.hr-my-task-select{accent-color:#6d4dd0;cursor:pointer;height:11px;margin:0;width:11px}.hr-my-task-bulk{position:sticky;top:10px;z-index:40;background:#fff;border:1px solid #ddd6fe;border-radius:12px;box-shadow:0 8px 25px rgba(39,39,42,.1);margin:0 0 13px;padding:12px 14px}.hr-my-task-bulk-head,.hr-my-task-progress>div{align-items:center;display:flex;justify-content:space-between;gap:10px}.hr-my-task-bulk-head strong{color:#3f3f46;font-size:11px}.hr-my-task-bulk-head button{border:0;background:transparent;color:#71717a;font:inherit;font-size:9px;cursor:pointer}.hr-my-task-bulk-fields{align-items:end;display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.hr-my-task-bulk-fields label{color:#71717a;display:grid;font-size:9px;font-weight:650;gap:4px;min-width:145px}.hr-my-task-bulk-fields select,.hr-my-task-bulk-fields input{background:#fff;border:1px solid #e4e4e7;border-radius:7px;color:#3f3f46;font:inherit;font-size:10px;min-height:33px;padding:5px 8px}.hr-my-task-bulk-apply{background:#18181b;border:1px solid #18181b;border-radius:7px;color:#fff;cursor:pointer;font:inherit;font-size:10px;font-weight:700;min-height:33px;padding:6px 14px}.hr-my-task-bulk-apply:disabled{cursor:wait;opacity:.6}.hr-my-task-progress{border-top:1px solid #f0f0f2;margin-top:11px;padding-top:9px}.hr-my-task-progress>div{color:#71717a;font-size:9px;margin-bottom:5px}.hr-my-task-progress progress{appearance:none;border:0;border-radius:99px;height:7px;overflow:hidden;width:100%}.hr-my-task-progress progress::-webkit-progress-bar{background:#eeeef0;border-radius:99px}.hr-my-task-progress progress::-webkit-progress-value{background:#7c3aed;border-radius:99px;transition:width .2s}.hr-my-task-progress progress::-moz-progress-bar{background:#7c3aed;border-radius:99px}.hr-my-task-bulk-error{background:#fef2f2;border:1px solid #fecaca;border-radius:7px;color:#b91c1c;font-size:9px;line-height:1.6;margin-top:9px;padding:8px 10px}.hr-my-task-bulk-error[hidden]{display:none}
.hr-my-task-bulk{top:78px;background:#18181b;border-color:#3f3f46;box-shadow:0 14px 38px rgba(0,0,0,.26);color:#f4f4f5}.hr-my-task-bulk-head strong{color:#fafafa}.hr-my-task-bulk-head button,.hr-my-task-bulk-hint{color:#c4c4cc}.hr-my-task-bulk-hint{font-size:9px;margin-top:5px}.hr-my-task-bulk-fields label{color:#d4d4d8}.hr-my-task-bulk-fields select,.hr-my-task-bulk-fields input{background:#27272a;border-color:#52525b;color:#fafafa;color-scheme:dark}.hr-my-task-bulk-apply{background:#a78bfa;border-color:#a78bfa;color:#18181b}.hr-my-task-bulk-apply:hover{background:#c4b5fd}.hr-my-task-progress{border-color:#3f3f46}.hr-my-task-progress>div{color:#d4d4d8}
.hr-my-task-number{color:inherit;display:inline-flex;text-decoration:none}.hr-my-task-number:hover .hr-my-task-id{text-decoration:underline;text-underline-offset:2px}.hr-my-task-title-line{align-items:baseline;display:flex;gap:8px;min-width:0}.hr-my-task-title-text{cursor:default;display:inline-block;max-width:min(390px,38vw);overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.hr-my-task-title-text[data-text-edit],.hr-my-task-description-edit[data-text-edit]{cursor:text}.hr-my-task-title-text[data-text-edit]:hover,.hr-my-task-description-edit[data-text-edit]:hover{color:#6d4dd0}.hr-my-task-description-edit{cursor:text;max-width:min(440px,45vw)}.hr-my-task-empty-description{color:#a1a1aa;font-style:italic}.hr-my-task-editor-popover textarea.form-control{min-height:95px;resize:vertical;white-space:pre-wrap}
.hr-my-task-quick-nav{align-items:center;display:inline-flex;gap:6px;color:#52525b;font-size:9px;font-weight:650;white-space:nowrap;cursor:pointer}.hr-my-task-quick-nav input{accent-color:#6d4dd0;height:14px;margin:0;width:14px}.hr-my-task-quick-nav:has(input:checked){color:#6d4dd0}.hr-my-task-table [data-task-nav]:focus{border-radius:5px;outline:2px solid #18181b;outline-offset:3px;position:relative;z-index:2}.hr-my-task-table [data-task-nav]:focus-visible{box-shadow:0 0 0 4px rgba(124,58,237,.12)}.hr-my-task-title-text[data-task-nav],.hr-my-task-description-edit[data-task-nav]{border-radius:3px}
.hr-my-task-title-text{font-weight:750}.hr-my-task-person{align-items:center;display:flex!important;gap:7px;white-space:normal}.hr-my-task-author-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.hr-my-task-author-name{color:#3f3f46;font-size:10px;line-height:1.2}.hr-my-task-author-date{color:#a1a1aa;font-size:8px;line-height:1.2;white-space:nowrap}
@media(min-width:561px){.hr-messenger-back{display:none!important}}@media(max-width:560px){.hr-messenger-layout:not(.chat-open) .hr-messenger-conversation{display:none}.hr-messenger-layout.chat-open .hr-messenger-list{display:none}.hr-messenger-layout.chat-open .hr-messenger-conversation{display:flex}.hr-messenger-back{align-items:center;background:#f4f4f5;border:0;border-radius:7px;color:#52525b;display:grid;height:31px;place-items:center;width:31px}.hr-messenger-back i{font-size:17px}}
.hr-menu-chats .material-icons{background:#efe7ff;color:#7c3aed!important}
.app-menu .accordion-menu li>a.hr-menu-chats .hr-menu-chat-unread{align-items:center;background:#ef4444;border-radius:999px;color:#fff;display:inline-flex;font-size:9px;font-weight:750;justify-content:center;line-height:1;margin-left:auto;min-width:19px;padding:4px 6px}
.app-menu .accordion-menu li>a.hr-menu-chats .hr-menu-chat-unread[hidden]{display:none!important}
.hr-messenger{min-height:calc(100vh - 150px)}.hr-messenger-heading{align-items:center;display:flex;justify-content:space-between;gap:18px;margin:0 0 19px}.hr-messenger-heading h1{font-size:27px;letter-spacing:-.04em;margin:3px 0}.hr-messenger-heading p{color:#71717a;font-size:11px;margin:4px 0 0}.hr-messenger-heading>.btn{align-items:center;display:inline-flex;gap:5px}.hr-messenger-heading>.btn i{font-size:17px}.hr-messenger-toolbar{align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:10px}.hr-messenger-search{align-items:center;border:1px solid #e4e4e7;border-radius:8px;color:#a1a1aa;display:flex;flex:1 1 220px;gap:8px;min-height:36px;padding:0 10px}.hr-messenger-search i{font-size:17px}.hr-messenger-search input{background:transparent;border:0;color:#27272a;font:inherit;font-size:10px;min-width:0;outline:none;width:100%}.hr-messenger-filters{align-items:center;background:#f4f4f5;border-radius:8px;display:flex;gap:2px;padding:3px}.hr-messenger-filters button{background:transparent;border:0;border-radius:6px;color:#71717a;cursor:pointer;font:inherit;font-size:9px;font-weight:650;padding:7px 9px}.hr-messenger-filters button.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#27272a}.hr-messenger-toolbar>select{background:#fff;border:1px solid #e4e4e7;border-radius:8px;color:#52525b;font:inherit;font-size:9px;min-height:36px;padding:0 9px}.hr-messenger-layout{background:#fff;border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);height:min(680px,calc(100vh - 280px));min-height:480px;overflow:hidden}.hr-messenger-list{border-right:1px solid #e4e4e7;overflow-y:auto}.hr-messenger-chat-item{align-items:center;background:#fff;border:0;border-bottom:1px solid #f0f0f2;cursor:pointer;display:flex;gap:10px;min-height:76px;padding:11px 12px;text-align:left;width:100%}.hr-messenger-chat-item:hover{background:#fafafa}.hr-messenger-chat-item.selected{background:#f5f3ff;box-shadow:inset 3px 0 #7c3aed}.hr-messenger-chat-avatar{align-items:center;background:#f4f4f5;border-radius:50%;color:#71717a;display:grid;flex:0 0 38px;height:38px;overflow:hidden;place-items:center;width:38px}.hr-messenger-chat-avatar img{height:100%;object-fit:cover;width:100%}.hr-messenger-chat-avatar i{font-size:18px}.hr-messenger-chat-copy{display:grid;flex:1;gap:4px;min-width:0}.hr-messenger-chat-top{align-items:center;display:flex;gap:7px;justify-content:space-between}.hr-messenger-chat-top strong{color:#27272a;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-messenger-chat-top time{color:#a1a1aa;font-size:8px;white-space:nowrap}.hr-messenger-chat-copy>small{color:#7c3aed;font-size:8px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-messenger-chat-preview{color:#71717a;display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-messenger-chat-preview b{color:#a1a1aa;font-weight:600}.hr-messenger-unread{align-items:center;background:#7c3aed;border-radius:999px;color:#fff;display:flex;font-size:8px;height:18px;justify-content:center;min-width:18px;padding:0 5px}.hr-messenger-list-empty,.hr-messenger-list-error{align-items:center;color:#8b8b94;display:flex;flex-direction:column;font-size:10px;gap:7px;justify-content:center;min-height:180px;padding:22px;text-align:center}.hr-messenger-list-empty i{color:#a78bfa;font-size:29px}.hr-messenger-list-empty strong{color:#52525b;font-size:11px}.hr-messenger-list-empty span{line-height:1.5;max-width:220px}.hr-messenger-list-error{color:#b91c1c}.hr-messenger-conversation{display:flex;flex-direction:column;min-width:0}.hr-messenger-welcome{align-items:center;color:#a1a1aa;display:flex;flex:1;flex-direction:column;justify-content:center;text-align:center}.hr-messenger-welcome>i{color:#c4b5fd;font-size:44px}.hr-messenger-welcome h2{color:#3f3f46;font-size:16px;margin:10px 0 3px}.hr-messenger-welcome p{font-size:10px;margin:0}.hr-messenger-conversation-head{align-items:center;border-bottom:1px solid #eeeef0;display:flex;gap:10px;min-height:65px;padding:10px 16px}.hr-messenger-current-icon{align-items:center;background:#f4f0ff;border-radius:50%;color:#7c3aed;display:grid;height:37px;place-items:center;width:37px}.hr-messenger-current-icon i{font-size:19px}.hr-messenger-conversation-head>div:nth-child(2){min-width:0}.hr-messenger-conversation-head h2{color:#27272a;font-size:12px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-messenger-conversation-head small{color:#8b8b94;font-size:9px}.hr-messenger-conversation-actions{align-items:center;display:flex;gap:10px;margin-left:auto}.hr-messenger-conversation-actions>a{align-items:center;color:#6d4dd0;display:flex;font-size:9px;font-weight:650;gap:4px;text-decoration:none;white-space:nowrap}.hr-messenger-conversation-actions i{font-size:14px}.hr-messenger-archived-label{align-items:center;color:#8b8b94;display:flex;font-size:9px;gap:4px;white-space:nowrap}.hr-messenger-messages{flex:1;overflow-y:auto;padding:17px}.hr-messenger-message-list{display:flex;flex-direction:column;gap:14px}.hr-messenger-message{align-items:flex-start;display:flex;gap:8px;max-width:88%}.hr-messenger-message>img{border-radius:50%;height:27px;object-fit:cover;width:27px}.hr-messenger-message>div{background:#f4f4f5;border-radius:3px 12px 12px 12px;min-width:100px;padding:8px 10px}.hr-messenger-message.own{align-self:flex-end;flex-direction:row-reverse}.hr-messenger-message.own>div{background:#f3f0ff;border-radius:12px 3px 12px 12px}.hr-messenger-message header{align-items:center;display:flex;gap:9px}.hr-messenger-message header strong{color:#52525b;font-size:9px}.hr-messenger-message header time{color:#a1a1aa;font-size:8px}.hr-messenger-message p{color:#27272a;font-size:10px;line-height:1.55;margin:5px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.hr-messenger-empty-messages{align-items:center;color:#a1a1aa;display:flex;font-size:10px;height:100%;justify-content:center}.hr-messenger-compose{align-items:flex-end;border-top:1px solid #eeeef0;display:flex;gap:9px;padding:12px 14px}.hr-messenger-compose textarea{background:#fafafa;border:1px solid #e4e4e7;border-radius:9px;color:#27272a;flex:1;font:inherit;font-size:10px;max-height:140px;min-height:39px;outline:none;padding:10px;resize:vertical}.hr-messenger-compose textarea:focus{background:#fff;border-color:#a78bfa;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.hr-messenger-compose button{align-items:center;background:#18181b;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:9px;font-weight:650;gap:5px;min-height:39px;padding:0 12px}.hr-messenger-compose button:disabled{opacity:.55}.hr-messenger-compose button i{font-size:16px}.hr-messenger-modal{inset:0;position:fixed;z-index:1400;display:none;place-items:center;padding:18px}.hr-messenger-modal.open{display:grid}.hr-messenger-modal-backdrop{background:rgba(24,24,27,.42);inset:0;position:absolute}.hr-messenger-modal-card{background:#fff;border:1px solid #e4e4e7;border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.2);display:grid;gap:13px;max-height:calc(100vh - 36px);max-width:460px;overflow-y:auto;padding:19px;position:relative;width:100%}.hr-messenger-modal-card>header{align-items:flex-start;display:flex;justify-content:space-between}.hr-messenger-modal-card h2{color:#27272a;font-size:17px;margin:0}.hr-messenger-modal-card p{color:#8b8b94;font-size:10px;margin:4px 0 0}.hr-messenger-modal-card>header button{background:transparent;border:0;color:#71717a;cursor:pointer}.hr-messenger-form-label{color:#52525b;display:grid;font-size:10px;font-weight:650;gap:5px}.hr-messenger-form-label span{color:#a1a1aa;font-size:9px;font-weight:400}.hr-messenger-form-label input,.hr-messenger-form-label select{background:#fff;border:1px solid #dedee2;border-radius:8px;color:#27272a;font:inherit;font-size:10px;min-height:36px;padding:8px}.hr-messenger-form-label select[multiple]{height:150px;padding:5px}.hr-messenger-form-label small{color:#8b8b94;font-size:9px;font-weight:400}.hr-messenger-modal-card footer{display:flex;gap:8px;justify-content:flex-end}.hr-messenger-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:10px;padding:9px}.hr-messenger-error[hidden],.hr-messenger-form-label[hidden]{display:none!important}@media(max-width:800px){.hr-messenger-toolbar{align-items:stretch}.hr-messenger-search{flex-basis:100%}.hr-messenger-filters{flex:1;overflow-x:auto}.hr-messenger-filters button{white-space:nowrap}.hr-messenger-layout{grid-template-columns:minmax(205px,38%) minmax(0,1fr);height:calc(100vh - 290px);min-height:400px}.hr-messenger-compose button span{display:none}.hr-messenger-message{max-width:100%}}@media(max-width:560px){.hr-messenger-heading{align-items:flex-start}.hr-messenger-heading h1{font-size:23px}.hr-messenger-heading>.btn{font-size:0;padding:8px}.hr-messenger-heading>.btn i{font-size:20px}.hr-messenger-toolbar>select{flex:1 1 100%}.hr-messenger-layout{grid-template-columns:1fr;height:calc(100vh - 300px);min-height:430px}.hr-messenger-conversation{display:none}.hr-messenger-layout.chat-open .hr-messenger-list{display:none}.hr-messenger-layout.chat-open .hr-messenger-conversation{display:flex}.hr-messenger-conversation-head{padding:8px}.hr-messenger-conversation-actions>a{font-size:0}.hr-messenger-conversation-actions>a i{font-size:18px}.hr-messenger-messages{padding:11px}}
.hr-my-task-editor-popover{position:fixed;z-index:1200;min-width:220px;max-width:min(310px,calc(100vw - 16px));padding:11px;background:#fff;border:1px solid #e4e4e7;border-radius:10px;box-shadow:0 12px 36px rgba(24,24,27,.16);display:grid;gap:9px}.hr-my-task-editor-popover[hidden]{display:none!important}.hr-my-task-editor-title{font-size:10px;font-weight:750;color:#71717a}.hr-my-task-editor-popover .form-control{width:100%;min-height:36px;border:1px solid #d4d4d8;border-radius:7px;background:#fff;padding:7px 9px;color:#27272a;font:inherit;font-size:11px;outline:none}.hr-my-task-editor-popover .form-control:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(139,92,246,.12)}.hr-my-task-editor-actions{display:flex;justify-content:flex-end;gap:7px}.hr-my-task-editor-actions button{border:1px solid #e4e4e7;border-radius:7px;background:#fff;padding:6px 10px;font:inherit;font-size:10px;font-weight:650;color:#52525b;cursor:pointer}.hr-my-task-editor-actions button[type=submit]{background:#18181b;border-color:#18181b;color:#fff}.hr-my-task-editor-actions button:disabled{opacity:.55;cursor:wait}.hr-my-task-group th{position:relative}.hr-my-task-archive-all{float:right;display:inline-flex;align-items:center;gap:4px;border:1px solid #bbf7d0;border-radius:7px;background:#f0fdf4;color:#15803d;padding:5px 9px;font:inherit;font-size:9px;font-weight:700;cursor:pointer}.hr-my-task-archive-all:hover{background:#dcfce7}.hr-my-task-archive-all:disabled{opacity:.55;cursor:wait}.hr-my-task-menu .hr-row-actions-menu .hr-my-task-delete{color:#b91c1c}.hr-my-task-menu .hr-row-actions-menu .hr-my-task-delete:hover{background:#fef2f2;color:#991b1b}
/* Compact Telegram-style messenger layout */
.hr-page:has(>.hr-messenger){max-width:none!important;padding:8px 12px 12px!important;}
.hr-messenger{height:calc(100dvh - 90px);min-height:420px;width:100%;}
.hr-messenger-layout{background:transparent;border:0;border-radius:0;box-shadow:none;height:100%;max-height:none;min-height:0;grid-template-columns:minmax(270px,340px) minmax(0,1fr);overflow:hidden;}
.hr-messenger-list{display:flex;flex-direction:column;min-width:0;overflow:hidden;}
.hr-messenger-list-controls{background:#fff;border-bottom:1px solid #eeeef0;display:grid;flex:0 0 auto;gap:10px;padding:12px;}
.hr-messenger-chat-list-items{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;}
.hr-messenger-filters{display:flex;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;}
.hr-messenger-filters::-webkit-scrollbar{display:none}
.hr-messenger-filters button{align-items:center;display:inline-flex;gap:4px;padding:7px 8px;}
.hr-messenger-filters button i{font-size:14px}
.hr-messenger-list-actions{align-items:center;display:flex;gap:7px;min-width:0;}
.hr-messenger-list-actions select{background:#fff;border:1px solid #e4e4e7;border-radius:8px;color:#52525b;flex:1;font:inherit;font-size:9px;min-height:34px;min-width:0;padding:0 8px;}
.hr-messenger-list-actions button{align-items:center;background:#18181b;border:0;border-radius:8px;color:white;cursor:pointer;display:flex;flex:0 0 auto;font:inherit;font-size:9px;font-weight:650;gap:4px;min-height:34px;padding:0 9px;}
.hr-messenger-list-actions button:hover{background:#27272a;}
.hr-messenger-list-actions button i{font-size:16px}
.hr-messenger-chat-top{align-items:flex-start}
.hr-messenger-chat-top strong{display:-webkit-box;flex:1;line-height:1.3;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.hr-messenger-chat-copy,.hr-messenger-chat-top,.hr-messenger-chat-item{min-width:0;}
.hr-messenger-chat-item{overflow:hidden;}
.hr-messenger-message .hr-messenger-image{border-radius:9px;display:block;height:auto;margin-top:6px;max-height:520px;max-width:min(100%,420px);object-fit:contain;width:auto;}
.hr-messenger-image-link{display:block;max-width:100%;}
.hr-messenger-file{align-items:center;background:#fff;border:1px solid #e4e4e7;border-radius:8px;color:#6d4dd0;display:flex;font-size:10px;gap:6px;margin-top:6px;max-width:100%;overflow-wrap:anywhere;padding:8px;text-decoration:none;}
.hr-messenger-compose .hr-messenger-attach{background:#f4f4f5;color:#52525b;flex:0 0 39px;justify-content:center;padding:0;width:39px;}
.hr-messenger-compose .hr-messenger-attach i{font-size:19px;}
@media(max-width:800px){.hr-page:has(>.hr-messenger){padding:6px 8px 10px!important}.hr-messenger{height:calc(100dvh - 74px);min-height:400px}.hr-messenger-layout{height:100%;min-height:0;grid-template-columns:minmax(220px,38%) minmax(0,1fr)}}
@media(max-width:560px){.hr-page:has(>.hr-messenger){padding:4px 5px 8px!important}.hr-messenger{height:calc(100dvh - 70px);min-height:380px}.hr-messenger-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr)}.hr-messenger-list-actions button span{display:none}.hr-messenger-list-actions button{padding:0 9px}.hr-messenger-chat-top strong{font-size:11px}}
.hr-my-task-attachment-badge{align-items:center;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:999px;color:#52525b;cursor:pointer;display:inline-flex;flex:0 1 auto;font:inherit;font-size:9px;gap:4px;max-width:155px;min-width:0;padding:4px 7px;vertical-align:middle}
.hr-my-task-attachment-badge:hover{background:#ede9fe;border-color:#ddd6fe;color:#6d28d9}
.hr-my-task-attachment-badge i{flex:0 0 auto;font-size:13px}
.hr-my-task-attachment-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-my-task-attachment-popover{background:#fff;border:1px solid #e4e4e7;border-radius:12px;box-shadow:0 14px 40px rgba(24,24,27,.2);display:grid;gap:9px;max-height:min(80vh,520px);max-width:min(360px,calc(100vw - 20px));overflow:auto;padding:11px;position:fixed;width:max-content;z-index:1600}
.hr-my-task-attachment-popover[hidden]{display:none!important}
.hr-my-task-attachment-popover header,.hr-my-task-attachment-popover footer{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}
.hr-my-task-attachment-popover header strong{color:#27272a;font-size:11px;max-width:285px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-my-task-attachment-popover header button{align-items:center;background:#f4f4f5;border:0;border-radius:50%;color:#71717a;cursor:pointer;display:grid;height:25px;place-items:center;width:25px}
.hr-my-task-attachment-popover header i{font-size:15px}
.hr-my-task-attachment-popover>img{border-radius:8px;display:block;height:auto;max-height:300px;max-width:min(330px,calc(100vw - 44px));object-fit:contain;width:auto}
.hr-my-task-attachment-popover footer{border-top:1px solid #eeeef0;padding-top:8px}
.hr-my-task-attachment-popover footer span{color:#8b8b94;font-size:9px}
.hr-my-task-attachment-popover footer a{align-items:center;color:#6d4dd0;display:inline-flex;font-size:10px;font-weight:700;gap:3px;text-decoration:none}
.hr-my-task-attachment-popover footer i{font-size:15px}
.hr-my-task-attachment-file{align-items:center;background:#f4f4f5;border-radius:8px;color:#71717a;display:flex;gap:7px;min-height:66px;padding:12px}