@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-surface-1: #0f172a;--bg-surface-2: #111827;--bg-surface-3: #1e293b;--bg-muted: #182235;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--brand-color: #0d3b66;--brand-hover: #082f49;--brand-color-dark: #082f49;--brand-color-rgb: 13, 59, 102;--brand-fg: #93c5fd;--brand-bg: var(--brand-color);--brand-tint-05: rgba(var(--brand-color-rgb), .05);--brand-tint-10: rgba(var(--brand-color-rgb), .1);--brand-tint-12: rgba(var(--brand-color-rgb), .12);--brand-tint-20: rgba(var(--brand-color-rgb), .2);--brand-tint-28: rgba(var(--brand-color-rgb), .28);--safety-color: #e85d04;--safety-hover: #c2410c;--safety-color-rgb: 232, 93, 4;--safety-fg: #fdba74;--safety-bg: var(--safety-color);--sidebar-bg: #0b1220;--sidebar-text: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-accent: #e85d04;--sidebar-accent-rgb: 232, 93, 4;--sidebar-hover-bg: rgba(255, 255, 255, .12);--sidebar-section-label: #6b7280;--sidebar-border: rgba(255, 255, 255, .06);--primary-color: var(--brand-color);--primary-hover: var(--brand-hover);--accent-color: var(--safety-color);--secondary-color: var(--text-secondary);--text-color: var(--text-primary);--bg-color: var(--bg-surface-1);--bg-card: var(--bg-surface-2);--card-bg: var(--bg-card);--bg-surface: var(--bg-surface-2);--bg-input: var(--bg-surface-2);--border-color: rgba(255, 255, 255, .1);--bg-cer-color: #1e293b;--error-color: #b91c1c;--success-color: #2d6a4f;--warning-color: #b45309;--purple-color: #7c3aed;--success-text: #86efac;--success-bg: rgba(34, 197, 94, .16);--success-solid: #15803d;--warning-text: #fbbf24;--warning-bg: rgba(234, 179, 8, .16);--warning-solid: #a16207;--error-text: #fca5a5;--error-bg: rgba(239, 68, 68, .16);--error-solid: #b91c1c;--info-text: #93c5fd;--info-bg: rgba(59, 130, 246, .16);--info-solid: #2563eb;--warn-bg: #431407;--warn-text: #fdba74;--font-xs: .8125rem;--font-sm: .875rem;--font-base: .9375rem;--font-lg: 1.0625rem;--font-xl: 1.5rem;--font-2xl: 1.75rem;--font-size-base: var(--font-base);--font-size-touch: var(--font-lg);--font-size-button: .875rem;--spacing-unit: 8px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--page-pad-x: 12px;--page-pad-y: 12px;--page-pad-bottom: 16px;--page-pad-x-mobile: 10px;--page-pad-y-mobile: 10px;--safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--nav-rail-width: 72px;--keyboard-inset: 0px;--page-pad-bottom-mobile: calc(88px + var(--safe-bottom));--sidebar-width-desktop: 260px;--sidebar-width-desktop-wide: 240px;--section-gap: 12px;--section-gap-sm: 10px;--stack-gap: 8px;--table-cell-pad-y: 10px;--table-cell-pad-x: 12px;--card-pad: 12px;--form-max-width: 960px;--form-readable-max: 1100px;--touch-padding: 16px;--touch-target-size: 44px;--border-radius: 10px;--border-radius-sm: 6px;--border-radius-lg: 14px;--border-radius-xl: 20px;--breakpoint-xs: 320px;--breakpoint-sm: 375px;--breakpoint-md: 480px;--breakpoint-lg: 768px;--breakpoint-xl: 1024px;--breakpoint-2xl: 1200px;--font-min-body: 16px;--font-min-secondary: 14px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200;--visibility-hidden-display: none;--visibility-active-display: block;--visibility-disabled-opacity: .55;--bg-hover: rgba(255, 255, 255, .14);--bg-secondary: var(--bg-surface-1);--text-on-brand: #ffffff}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;line-height:1.6;font-size:var(--font-size-base);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}.is-hidden{display:none!important}i.ph{vertical-align:middle;display:inline-block;line-height:1;font-style:normal}.input-icon i.ph{font-size:1.2rem;width:1.2rem;height:1.2rem;overflow:hidden;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:769px){#main-app.dashboard-container{--bg-surface-1: #0f172a;--bg-surface-2: #111827;--bg-surface-3: #1e293b;--bg-muted: #182235;--bg-card: #111827;--bg-input: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(148, 163, 184, .24);--bg-hover: rgba(248, 250, 252, .14);--sidebar-bg: #08111f;--sidebar-text: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-accent: #e85d04;--sidebar-accent-rgb: 232, 93, 4;--sidebar-hover-bg: rgba(248, 250, 252, .14);--sidebar-section-label: #94a3b8;--sidebar-border: rgba(148, 163, 184, .18);--shell-header-bg: #0b1220;--shell-header-border: rgba(148, 163, 184, .22);--shell-subnav-bg: rgba(15, 23, 42, .55);--shell-subnav-border: rgba(148, 163, 184, .18);--shell-subnav-hover-bg: rgba(232, 93, 4, .12);--shell-subnav-active-bg: rgba(232, 93, 4, .18);--shell-action-bg: rgba(15, 23, 42, .65);grid-template-columns:260px 1fr!important;grid-template-rows:64px 1fr!important;background-color:var(--bg-color)!important}[data-theme=light] #main-app.dashboard-container{--bg-surface-1: #f8fafc;--bg-surface-2: #ffffff;--bg-surface-3: #f1f5f9;--bg-muted: #e2e8f0;--bg-card: #ffffff;--bg-input: #ffffff;--bg-secondary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #cbd5e1;--bg-hover: rgba(15, 23, 42, .04);--sidebar-bg: #ffffff;--sidebar-text: #475569;--sidebar-text-active: #0f172a;--sidebar-accent: #e85d04;--sidebar-accent-rgb: 232, 93, 4;--sidebar-hover-bg: rgba(15, 23, 42, .04);--sidebar-section-label: #64748b;--sidebar-border: #cbd5e1;--shell-header-bg: #ffffff;--shell-header-border: #cbd5e1;--shell-subnav-bg: #f8fafc;--shell-subnav-border: #cbd5e1;--shell-subnav-hover-bg: rgba(13, 59, 102, .08);--shell-subnav-active-bg: rgba(13, 59, 102, .1)}#main-app .app-sidebar{min-width:260px!important;padding:0!important;gap:0!important;background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important;color:var(--sidebar-text)!important}#main-app .sidebar-header{padding:16px 16px 12px!important;border-bottom:1px solid var(--sidebar-border)!important}#main-app .sidebar-brand-info h2{color:var(--sidebar-text-active)!important;font-size:1.125rem!important;line-height:normal!important;font-weight:700!important}#main-app .version-badge{color:var(--text-muted)!important;background:rgba(var(--brand-color-rgb),.12)!important;border:1px solid rgba(var(--brand-color-rgb),.2)!important;padding:2px 6px!important}#main-app .sidebar-app-logo{width:36px!important;height:36px!important;background:transparent!important;padding:0!important}#main-app .sidebar-company-brand{margin:0!important;padding:12px 16px!important;border:0!important;border-bottom:1px solid var(--sidebar-border)!important;border-radius:0!important;background:transparent!important}#main-app .sidebar-company-logo{width:40px!important;height:40px!important;background:var(--sidebar-hover-bg)!important}#main-app .sidebar-company-name{color:var(--sidebar-text)!important}#main-app .sidebar-company-text small{color:var(--text-muted)!important;font-size:11px}#main-app .sidebar-nav{padding:8px 12px!important;gap:2px!important}#main-app .sidebar-group{margin-bottom:4px!important}#main-app .sidebar-section-label{margin:0!important;padding:16px 16px 6px!important;color:var(--sidebar-section-label)!important;font-size:.6875rem!important;font-weight:600!important;letter-spacing:1px!important}#main-app .app-sidebar button.sidebar-nav-item{min-height:unset!important;padding:9px 16px!important;border-radius:8px!important;color:var(--sidebar-text)!important;font-size:.875rem!important;font-weight:500!important;gap:12px!important;background:transparent!important}#main-app .app-sidebar button.sidebar-nav-item:hover{background:var(--sidebar-hover-bg)!important;color:var(--sidebar-text-active)!important}#main-app .app-sidebar button.sidebar-nav-item.active{background:rgba(var(--sidebar-accent-rgb),.15)!important;color:var(--sidebar-accent)!important;font-weight:600!important}#main-app .sidebar-nav-item.active i{color:var(--sidebar-accent)!important}#main-app .sidebar-help{margin-top:0!important;padding:8px 12px!important;border-top:1px solid var(--sidebar-border)!important}#main-app .sidebar-help-btn{min-height:unset!important;padding:9px 16px!important;border-radius:8px!important;font-weight:500!important}#main-app .sidebar-footer{padding:12px 16px!important;border-top:1px solid var(--sidebar-border)!important;display:flex!important;gap:12px!important}#main-app .sidebar-user-info{min-height:0!important;padding:6px 8px!important;background:transparent!important}#main-app .sidebar-user-avatar{width:32px!important;height:32px!important;border-radius:50%!important}#main-app .app-header{height:60px!important;padding:0 24px!important;background:var(--shell-header-bg, var(--bg-surface-2))!important;border-bottom:1px solid var(--shell-header-border, var(--border-color))!important;color:var(--text-primary)!important}#main-app .header-left{min-width:0!important;gap:12px!important}#main-app .sub-nav-container{margin-left:0!important;height:100%!important}#main-app .sub-nav{background:var(--shell-subnav-bg, transparent)!important;border:1px solid var(--shell-subnav-border, transparent)!important;border-radius:10px!important;padding:4px!important;gap:4px!important}#main-app .sub-nav-btn{height:100%!important;min-height:0!important;padding:0 14px!important;border-radius:7px!important;border:0!important;color:var(--text-muted)!important;font-size:.8125rem!important;font-weight:500!important;background:transparent!important}#main-app .sub-nav-btn:hover{background:var(--shell-subnav-hover-bg, var(--bg-hover))!important;color:var(--text-primary)!important}#main-app .sub-nav-btn.active{color:var(--sidebar-accent)!important;background:var(--shell-subnav-active-bg, rgba(var(--sidebar-accent-rgb), .15))!important;font-weight:700!important}#main-app .app-container{padding:0!important;background:var(--bg-color)!important}#user-tab #user-overview-section{padding:16px 14px 24px;background:var(--bg-surface-1);min-height:calc(100vh - 64px)}#user-overview-section>:not(.desktop-profile-dashboard){display:none!important}.desktop-profile-dashboard{display:grid;gap:16px;color:var(--text-primary)}.desktop-profile-hero,.desktop-profile-panel,.desktop-profile-metric{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);box-shadow:none}.desktop-profile-hero{min-height:104px;padding:18px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(90deg,rgba(var(--brand-color-rgb),.22),rgba(var(--safety-color-rgb, 232, 93, 4),.1))}.desktop-profile-eyebrow{margin-bottom:5px;color:var(--safety-fg, var(--safety-color));font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.desktop-profile-hero h2{margin:0;color:var(--text-primary);font-size:25px;line-height:1.1;font-weight:900;letter-spacing:0}.desktop-profile-hero p{margin:9px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.35}.desktop-profile-avatar{width:74px;height:74px;flex:0 0 74px;border:0;border-radius:50%;background:var(--brand-color);color:var(--text-on-brand);display:grid;place-items:center;font-size:35px;overflow:hidden}.desktop-profile-avatar img{width:100%;height:100%;object-fit:cover}.desktop-profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.desktop-profile-metric{min-height:96px;padding:13px;display:grid;align-content:center;justify-items:start;text-align:left;color:var(--text-primary);cursor:pointer}.desktop-profile-metric span,.desktop-profile-metric small{color:var(--text-secondary);font-size:11px;font-weight:700}.desktop-profile-metric strong{margin-top:9px;color:var(--text-primary);font-size:25px;line-height:1;font-weight:900;letter-spacing:0}.desktop-profile-metric small{margin-top:7px;font-weight:500}.desktop-profile-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.95fr);gap:14px}.desktop-profile-panel{overflow:hidden}.desktop-profile-panel-head{min-height:56px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-color)}.desktop-profile-panel-head h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:900;letter-spacing:0}.desktop-profile-summary-grid{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.desktop-assessor-feedback{margin:0 14px 14px;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-2)}.desktop-assessor-feedback[hidden]{display:none!important}.desktop-assessor-feedback strong{display:block;color:var(--text-primary);font-size:13px;font-weight:900;line-height:1.25}.desktop-profile-note-card,.desktop-profile-skill-card,.desktop-profile-agenda-card{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-2)}.desktop-profile-note-card{min-height:62px;padding:12px}.desktop-profile-note-card strong,.desktop-profile-skill-card strong,.desktop-profile-agenda-card strong{display:block;color:var(--text-primary);font-size:13px;font-weight:900;line-height:1.25}.desktop-profile-note-card p,.desktop-profile-skill-card small,.desktop-profile-agenda-card small,.desktop-profile-empty,.desktop-profile-agenda-empty{margin:7px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.4}.desktop-profile-skill-grid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.desktop-profile-skill-card{min-height:52px;padding:10px}.desktop-profile-empty{grid-column:1 / -1;min-height:116px;display:grid;place-items:center;gap:12px;border:1px dashed var(--border-color);border-radius:6px;background:var(--bg-muted);text-align:center}.desktop-profile-agenda-panel{margin-top:1px}.desktop-profile-filter-row{display:flex;gap:7px;flex-wrap:wrap}.desktop-profile-filter-row button{min-height:32px;padding:0 11px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-2);color:var(--text-primary);font-weight:800;cursor:pointer}.desktop-profile-filter-row button.is-active{border-color:rgba(var(--sidebar-accent-rgb),.55);color:var(--sidebar-accent);background:var(--shell-subnav-active-bg)}.desktop-profile-agenda-board{padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.desktop-profile-agenda-column{min-height:214px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-1);padding:10px}.desktop-profile-agenda-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.desktop-profile-agenda-column-head strong{color:var(--text-primary);font-size:12px;font-weight:900}.desktop-profile-count{min-width:21px;height:21px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.desktop-profile-count.is-danger{background:#b91c1c29;color:#fecaca}.desktop-profile-count.is-info{background:#0d3b663d;color:#bfdbfe}.desktop-profile-count.is-warning{background:#b453092e;color:#fed7aa}.desktop-profile-count.is-success{background:#2d6a4f38;color:#bbf7d0}.desktop-profile-agenda-items{display:grid;gap:8px}.desktop-profile-agenda-card{min-height:54px;padding:10px;text-align:left;cursor:pointer}.desktop-profile-agenda-card:hover,.desktop-profile-metric:hover,.desktop-profile-filter-row button:hover{border-color:rgba(var(--sidebar-accent-rgb),.45);background:var(--bg-hover);color:var(--text-primary)}[data-theme=light] .desktop-profile-hero{background:linear-gradient(90deg,#fff,#eaf2ff)}[data-theme=light] .desktop-profile-empty{background:#f7faff}[data-theme=light] .desktop-profile-agenda-column{background:#f8fbff}[data-theme=light] .desktop-profile-count.is-danger{background:#fde8e6;color:#bf3f3a}[data-theme=light] .desktop-profile-count.is-info{background:#e8f1ff;color:#1667cf}[data-theme=light] .desktop-profile-count.is-warning{background:#fff4d8;color:#a96f12}[data-theme=light] .desktop-profile-count.is-success{background:#e8f7ef;color:#16865d}@media(max-width:1180px){.desktop-profile-main-grid,.desktop-profile-agenda-board{grid-template-columns:1fr 1fr}.desktop-profile-summary-grid,.desktop-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}}.mention-input-wrapper{position:relative;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:10px;min-height:100px;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;cursor:text;transition:all .2s ease}.mention-input-wrapper:focus-within{border-color:var(--brand-color);background:#fafafa;box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.1)}.mention-input{flex:1;min-width:150px;border:none;background:transparent;color:var(--text-primary);font-size:14px;padding:0;outline:none}.mention-input::placeholder{color:#b3b3b3;font-style:normal}.mention-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%;min-height:20px}.mention-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--brand-color);color:var(--text-on-brand);border-radius:18px;font-size:14px;font-weight:500;white-space:nowrap;animation:chipSlideIn .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow)}.mention-chip:hover{background:var(--brand-hover);color:var(--text-on-brand);box-shadow:var(--shadow-hover)}.mention-chip-remove{cursor:pointer;opacity:.9;font-weight:700;font-size:18px;min-width:32px;min-height:32px;padding:4px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s;margin-left:2px}.mention-input{flex:1;min-width:150px;padding:0!important;background:transparent!important;border:none!important;color:var(--text-primary);font-size:14px;outline:none!important}.mention-input::placeholder{color:#b3b3b3}.mention-suggestions{position:absolute;top:100%;left:0;right:0;max-height:220px;overflow-y:auto;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:8px;margin-top:6px;box-shadow:var(--shadow-hover);z-index:1001;animation:suggestionsSlideDown .2s ease}.mention-suggestion-item{padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.mention-suggestion-item:last-child{border-bottom:none}.mention-suggestion-item:hover,.mention-suggestion-item.active{background-color:var(--bg-hover)}.mention-suggestion-item.active{background-color:var(--bg-hover);border-left:3px solid var(--brand-color);padding-left:9px}.mention-suggestion-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-color);color:var(--text-on-brand);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.mention-user-info{flex:1;min-width:0}.mention-user-name{font-weight:500;color:var(--text-primary);margin-bottom:2px;font-size:14px}.mention-user-email{font-size:14px;color:var(--text-secondary)}@keyframes chipSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes suggestionsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mention-chip-remove:hover{opacity:1}@keyframes suggestionsSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-detail-modal .modal-content{max-height:90vh;overflow-y:auto}.task-detail-modal .modal-body{padding:0 16px 16px}.task-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background:var(--bg-surface-1);padding:16px;border-radius:8px;margin-bottom:20px}.task-meta-row{display:flex;align-items:center;gap:8px}.task-meta-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.status-select{padding:4px 8px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);font-size:.85rem;cursor:pointer}.status-select:focus{outline:none;border-color:var(--brand-color)}.task-detail-section{margin-bottom:20px}.task-detail-section h5{margin:0 0 10px;color:var(--text-primary);font-size:1rem;display:flex;align-items:center;gap:6px}.task-description{background:var(--bg-surface-1);padding:12px;border-radius:6px;color:var(--text-secondary);font-size:.95rem;line-height:1.5;white-space:pre-wrap}.task-participants-list{display:flex;flex-wrap:wrap;gap:8px}.participant-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:16px;font-size:.85rem;color:var(--text-primary)}.task-checklist{list-style:none;padding:0;margin:0}.task-checklist li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-color)}.task-checklist li:last-child{border-bottom:none}.task-checklist li.completed span{text-decoration:line-through;color:var(--text-secondary)}.task-checklist li.empty{color:var(--text-secondary);font-style:italic}.task-comments-section{background:var(--bg-surface-1);padding:16px;border-radius:8px}.task-comments-list{max-height:300px;overflow-y:auto;margin-bottom:16px}.comment-item{background:var(--bg-surface-2);padding:12px;border-radius:8px;margin-bottom:10px}.comment-item:last-child{margin-bottom:0}.agenda-system-note{display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;max-width:min(92%,680px);margin:8px auto 12px;padding:7px 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-surface-2);color:var(--text-secondary);font-size:.78rem;line-height:1.35;text-align:center}.agenda-system-note i{flex:0 0 auto;color:var(--brand-color);font-size:.95rem}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-author{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px;font-size:.9rem}.comment-time{font-size:.75rem;color:var(--text-secondary)}.comment-content{color:var(--text-primary);font-size:.9rem;line-height:1.4;white-space:pre-wrap}.comment-meta{display:flex;align-items:center;gap:6px}.comment-edited-label{font-size:.7rem;color:var(--text-secondary);font-style:italic}.comment-actions{display:flex;gap:4px;margin-top:4px;opacity:0;transition:opacity .15s}.comment-item:hover .comment-actions{opacity:1}.btn-comment-action{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:.85rem}.btn-comment-action:hover{background:var(--bg-surface-3, var(--bg-hover));color:var(--text-primary)}.btn-comment-delete:hover{color:var(--color-error, #e74c3c)}.comment-reply{margin-left:20px;border-left:2px solid var(--border-color)}.comment-reply-ref{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.comment-reply-indicator{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-surface-2);border-radius:6px;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.btn-cancel-reply{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:0 4px;font-size:1rem}.btn-cancel-reply:hover{color:var(--color-error, #e74c3c)}.comment-edit-textarea{width:100%;padding:8px;border:1px solid var(--color-primary, #007bff);border-radius:6px;background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;resize:vertical;font-family:inherit}.comment-edit-actions{display:flex;gap:6px;margin-top:6px}.no-comments{text-align:center;color:var(--text-secondary);font-style:italic;padding:20px}.task-comment-form{display:flex;gap:10px;align-items:flex-end}.task-comment-form textarea{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-2);color:var(--text-primary);font-size:.9rem;resize:vertical;min-height:60px}.task-comment-form textarea:focus{outline:none;border-color:var(--brand-color)}.task-comment-form button{padding:10px 16px;white-space:nowrap}.kanban-board-container{gap:var(--section-gap, 12px);overflow-x:auto;padding-bottom:var(--section-gap, 12px);min-height:360px}.kanban-board-container:not(:empty){min-height:min(480px,70vh)}.kanban-column{flex:0 0 280px;border-radius:var(--border-radius);padding:12px;display:flex;flex-direction:column;border:1px solid var(--border-color);background:var(--bg-surface-2)!important}.kanban-column-header{margin-bottom:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}.kanban-items{flex:1;min-height:200px}.kanban-card{background:var(--bg-surface-1);border-radius:6px;border:1px solid var(--border-color);padding:12px;margin-bottom:8px;cursor:grab;transition:transform .2s,box-shadow .2s}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.kanban-card-title{font-weight:600;margin-bottom:4px;color:var(--text-primary)}.avatar-circle.small{width:24px;height:24px;font-size:.75rem;line-height:24px}.tasks-stats-bar{display:flex;gap:6px;margin-bottom:0;flex:1 1 auto;min-width:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.tasks-stats-bar::-webkit-scrollbar{display:none}.tasks-stat-item{--agenda-stat-accent: var(--text-secondary);display:flex;align-items:center;gap:7px;min-width:76px;height:36px;flex:0 0 auto;padding:5px 9px;background:var(--bg-surface-2);border:1px solid var(--border-color);border-left:3px solid var(--agenda-stat-accent);border-radius:8px;text-align:left}.tasks-stat-item .stat-value{display:inline-flex;align-items:center;justify-content:center;min-width:20px;font-size:.98rem;line-height:1;font-weight:700;color:var(--text-primary)}.tasks-stat-item .stat-label{display:block;font-size:.68rem;line-height:1.05;color:var(--text-secondary);text-transform:none;letter-spacing:0;white-space:nowrap}.tasks-stat-item.active{background:color-mix(in srgb,var(--agenda-stat-accent) 10%,var(--bg-surface-2));border-color:color-mix(in srgb,var(--agenda-stat-accent) 42%,var(--border-color))}.tasks-stat-item.active .stat-value{color:var(--agenda-stat-accent)}.tasks-stat-total{--agenda-stat-accent: var(--brand-color)}.tasks-stat-pending{--agenda-stat-accent: #6b7280}.tasks-stat-progress{--agenda-stat-accent: #2563eb}.tasks-stat-review{--agenda-stat-accent: #b45309}.tasks-stat-done{--agenda-stat-accent: #15803d}.tasks-stat-overdue{--agenda-stat-accent: #b91c1c}.company-archived-agenda-panel{margin-top:24px;padding:20px;background:var(--bg-surface-2);border-radius:var(--border-radius);border:1px solid var(--border-color)}.company-archived-agenda-panel .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.company-archived-agenda-panel .panel-header h5{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.company-archived-agenda-panel .archive-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.company-archived-agenda-panel .archive-filters input,.company-archived-agenda-panel .archive-filters select{padding:7px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-surface-1);color:var(--text-primary);font-size:.875rem}.btn-permanent-delete{padding:5px 10px;font-size:.78rem;border-radius:var(--border-radius);border:1.5px solid #ef4444;background:transparent;color:var(--error-text, #991b1b);cursor:pointer;transition:background .15s,color .15s}.btn-permanent-delete:hover{background:#ef4444;color:#fff}.archive-empty-state{text-align:center;padding:32px 16px;color:var(--text-secondary);font-size:.9rem}.kanban-done-more-btn{display:block;width:100%;margin-top:8px;padding:8px 12px;background:transparent;border:1.5px dashed var(--border-color, #d1d5db);border-radius:var(--border-radius, 8px);color:var(--text-secondary, #6b7280);font-size:.82rem;text-align:center;cursor:pointer;transition:background .15s,color .15s}.kanban-done-more-btn:hover{background:var(--bg-surface-2, #f3f4f6);color:var(--text-primary, #111827)}.tasks-filters-row{display:flex;gap:12px;flex-wrap:wrap;background:var(--bg-surface-2);padding:12px 16px;border-radius:var(--border-radius);align-items:flex-end}.tasks-filters-row .filter-group{display:flex;flex-direction:column;gap:4px;min-width:0}.tasks-filters-row .filter-group label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap}.tasks-filters-row .filter-group select{padding:7px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-surface-1);color:var(--text-primary);font-size:.85rem;min-width:130px;max-width:200px}.tasks-filters-row .search-group{flex:1;min-width:180px}.tasks-filters-row .search-group input{width:100%;padding:7px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-surface-1);color:var(--text-primary);font-size:.85rem}.tasks-list-view{margin-top:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--bg-card)}.task-list-header{display:grid;grid-template-columns:32px 96px 1fr 110px 130px 90px 60px 118px;align-items:center;gap:0;padding:8px 12px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-color);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.task-list-header>div[onclick]{cursor:pointer;user-select:none;display:flex;align-items:center;gap:4px;transition:color .15s}.task-list-header>div[onclick]:hover{color:var(--text-primary)}.tlh-sort-icon{font-size:.75rem;opacity:.6}.task-row{display:grid;grid-template-columns:32px 96px 1fr 110px 130px 90px 60px 118px;align-items:center;gap:0;padding:10px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s;position:relative;min-height:52px}.task-row:last-child{border-bottom:none}.task-row:hover{background:var(--bg-surface-1)}.task-row.status-todo{border-left:3px solid #6b7280}.task-row.status-in_progress{border-left:3px solid #3b82f6}.task-row.status-review{border-left:3px solid #f59e0b}.task-row.status-done{border-left:3px solid #10b981}.task-row-done{opacity:.55}.task-row-done .tr-title-text{text-decoration:line-through}.tr-checkbox{display:flex;align-items:center;justify-content:center}.tr-title{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:12px}.tr-title-line{display:inline-flex;align-items:center;gap:8px;min-width:0}.tr-title-text{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-card-update-badge{flex:0 0 auto;display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#22c55e;color:#fff;font-size:.72rem;line-height:1;font-weight:800;box-shadow:0 0 0 2px var(--bg-surface-1),0 6px 12px #22c55e38}.agenda-card-update-badge-row{min-width:20px;height:20px;padding:0 6px;font-size:.68rem}.agenda-card-update-badge-card{margin-left:auto}.agenda-card-update-badge-kanban{position:absolute;top:8px;right:8px;z-index:2}.tr-desc{font-size:.75rem;color:var(--text-muted, var(--text-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-checklist{font-size:.7rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:3px}.tr-pic{display:flex;align-items:center;gap:6px;min-width:0}.tr-avatar{width:26px;height:26px;border-radius:50%;background:var(--brand-color, #3b82f6);color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tr-pic-name{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-project{min-width:0;padding-right:8px}.tr-project-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-secondary);background:var(--bg-surface-2);border-radius:10px;padding:2px 8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-deadline{font-size:.78rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:visible}@media(max-width:1280px){.task-list-header,.task-row{grid-template-columns:32px 88px 1fr 100px 112px 118px 52px 110px}.tr-deadline{min-width:7.5rem}}.row-deadline-overdue{color:var(--error-text, #991b1b);font-weight:700}.row-deadline-today{color:var(--safety-fg, #c2410c);font-weight:700}.row-deadline-soon{color:#f59e0b;font-weight:600}.row-deadline-week{color:#84cc16;font-weight:500}.tr-priority{display:flex;align-items:center;justify-content:center}.tr-actions{display:flex;gap:4px;align-items:center;justify-content:flex-end;opacity:1;visibility:visible}.tr-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:84px;height:32px;padding:0 10px;border:0;border-radius:8px;background:var(--brand-color, #0d3b66);color:#fff;font-size:.72rem;font-weight:800;cursor:pointer;white-space:nowrap}.tr-action-btn span{display:inline}.tr-action-btn:hover{background:var(--brand-hover, #082f49);color:#fff}.tasks-list-view .tasks-empty,.tasks-list-view .tasks-loading{padding:20px 16px;text-align:center;color:var(--text-secondary)}.agenda-focus-state{display:flex;align-items:flex-start;gap:12px}.agenda-focus-state-compact,.agenda-focus-state-empty{align-items:center;min-height:0;padding:14px 16px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface-1)}.agenda-focus-state-compact .agenda-focus-state-icon,.agenda-focus-state-empty .agenda-focus-state-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--bg-surface-2);color:var(--brand-fg, var(--primary-color))}.agenda-focus-state-copy h4{margin:0;font-size:.95rem}.agenda-focus-state-copy p{margin:4px 0 0;font-size:.82rem;line-height:1.4;color:var(--text-secondary)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.task-list-header{display:none}.task-row{grid-template-columns:32px 1fr auto;grid-template-rows:auto auto;padding:10px;gap:4px}.tr-checkbox{grid-row:1 / 3}.tr-title{grid-column:2;grid-row:1}.tr-status{grid-column:3;grid-row:1}.tr-pic,.tr-project,.tr-priority{display:none}.tr-deadline{grid-column:2;grid-row:2;font-size:.72rem}.tr-actions{grid-column:3;grid-row:2;opacity:1}}.tasks-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:20px}.tasks-loading,.tasks-empty{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-secondary)}.task-card{background:var(--bg-surface-1);border-radius:var(--border-radius-lg);padding:16px;cursor:pointer;transition:all .2s ease;border-left:4px solid #6b7280;position:relative}.task-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.task-card.status-todo{border-left-color:#6b7280}.task-card.status-in_progress{border-left-color:#3b82f6}.task-card.status-review{border-left-color:#f59e0b}.task-card.status-done{border-left-color:#10b981;opacity:.75}.task-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.task-priority-icon{font-size:1rem}.task-priority-label{font-size:.65rem;padding:2px 8px;border-radius:10px;font-weight:700;text-transform:uppercase}.task-priority-label.priority-critical,.task-priority-label.priority-urgent{background:#dc2626;color:#fff}.task-priority-label.priority-high{background:#f97316;color:#fff}.task-priority-label.priority-medium{background:#eab308;color:#000}.task-priority-label.priority-low{background:#6b7280;color:#fff}.task-deadline{margin-left:auto;font-size:.75rem;color:var(--text-secondary)}.task-deadline.warning{color:#f59e0b;font-weight:600}.task-deadline.overdue{color:var(--error-text, #991b1b);font-weight:700}.task-card-title{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary);line-height:1.3}.task-card-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.task-card-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-secondary);margin-bottom:12px}.task-card-meta i{margin-right:4px}.task-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.task-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;padding:3px 10px;border-radius:20px;font-weight:600;line-height:1.4}.task-status-badge.status-todo{background:#6b72801f;color:#6b7280}.task-status-badge.status-in_progress{background:#3b82f61f;color:#2563eb}.task-status-badge.status-review{background:#f59e0b1f;color:var(--warning-text, #854d0e)}.task-status-badge.status-done{background:#10b9811f;color:#059669}.task-date{font-size:.75rem;color:var(--text-secondary)}.task-quick-actions{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.task-card:hover .task-quick-actions{opacity:1}@media(hover:none){.task-quick-actions{opacity:1}}.batch-checkbox-label{position:absolute;top:8px;left:8px;z-index:2;cursor:pointer;display:flex;align-items:center}.batch-checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.batch-action-bar{position:sticky;bottom:16px;background:var(--bg-surface-1);border:1px solid var(--primary-color);border-radius:var(--border-radius-lg);padding:10px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);z-index:50;margin-top:12px}.batch-count{font-weight:600;font-size:.85rem;color:var(--brand-fg, var(--primary-color));white-space:nowrap}.tasks-load-sentinel{grid-column:1 / -1;text-align:center;padding:16px}.btn-quick{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.btn-quick:hover{transform:scale(1.15);background:var(--bg-surface-1)}@keyframes deadline-pulse-warning{0%{box-shadow:0 0 #f59e0b80}50%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes deadline-pulse-overdue{0%{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.task-card.deadline-warning{animation:deadline-pulse-warning 2s ease-in-out infinite}.task-card.deadline-overdue{animation:deadline-pulse-overdue 1.5s ease-in-out infinite;border-left-color:#ef4444!important}.task-card.deadline-safe{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,var(--bg-surface-1) 50%);border-left-color:#10b98180}.task-card.deadline-approaching{background:linear-gradient(135deg,rgba(132,204,22,.12) 0%,var(--bg-surface-1) 50%);border-left-color:#84cc1699}.task-card.deadline-near{background:linear-gradient(135deg,rgba(245,158,11,.15) 0%,var(--bg-surface-1) 50%);border-left-color:#f59e0bb3}.task-card.deadline-very-near{background:linear-gradient(135deg,rgba(249,115,22,.18) 0%,var(--bg-surface-1) 50%);border-left-color:#f97316cc;animation:deadline-pulse-warning 2s ease-in-out infinite}.task-card.deadline-urgent{background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,var(--bg-surface-1) 50%);border-left-color:#ef4444b3;animation:deadline-pulse-warning 1.8s ease-in-out infinite}.task-card.deadline-critical{background:linear-gradient(135deg,rgba(239,68,68,.25) 0%,var(--bg-surface-1) 50%);border-left-color:#ef4444}.agenda-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.agenda-view-toggle{display:inline-flex;background:var(--bg-surface-1);border-radius:8px;padding:3px;gap:2px}.agenda-scope-bar{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap;width:100%;min-width:0;max-width:100%}.agenda-scope-bar-filters{display:flex;gap:8px;align-items:center;flex:1 1 220px;justify-content:flex-end;min-width:0;margin-left:auto}.agenda-scope-bar-filters select{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-surface-1);color:var(--text-primary);font-size:.85rem;flex:1 1 140px;min-width:0;max-width:220px;height:36px}.agenda-scope-toggle{display:flex;flex:1 1 auto;flex-wrap:wrap;min-width:0;width:auto;max-width:100%;margin-bottom:0}.agenda-scope-context{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 10%,transparent),var(--bg-surface-2));border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));color:var(--text-secondary);font-size:.9rem;line-height:1.5}.agenda-team-quick-filters[hidden]{display:none!important}.agenda-team-quick-filters{margin:0 0 12px}.agenda-team-filter-track{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.agenda-team-filter-track::-webkit-scrollbar{display:none}.agenda-team-filter-chip{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);font-size:.82rem;font-weight:500;white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease}.agenda-team-filter-chip.is-active{border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 9%,var(--bg-surface-2));color:var(--brand-fg, var(--primary-color))}.agenda-scope-toggle .view-toggle-btn[hidden]{display:none!important}.agenda-view-toggle .view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;height:auto;background:transparent;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;color:var(--text-secondary);line-height:1;white-space:nowrap}.agenda-view-toggle .view-toggle-btn i{font-size:1rem}.agenda-view-toggle .view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-surface-2)}.agenda-view-toggle .view-toggle-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 1px 3px #0000001f}.agenda-mobile-toolbar{display:none}.agenda-desktop-search-shell{display:flex;align-items:center;gap:8px;flex:0 1 380px;max-width:min(42vw,430px);min-width:260px;min-height:38px;padding:0 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-1);color:var(--text-secondary)}.agenda-desktop-search-shell i{flex:0 0 auto;font-size:1rem}.agenda-desktop-search-shell input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:.875rem}.agenda-desktop-search-shell input::placeholder{color:var(--text-muted, var(--text-secondary))}@media(max-width:768px){.agenda-view-toolbar{display:block;margin-bottom:0}.agenda-desktop-search-shell{display:none}}.filter-group.is-disabled{opacity:.55}.agenda-kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-height:400px}@media(max-width:1200px){.agenda-kanban-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-kanban-board{grid-template-columns:1fr}}.kanban-column{background:var(--bg-surface-2);border-radius:var(--border-radius-lg);padding:12px;min-height:300px;transition:background .2s}.kanban-column.drag-over{background:var(--bg-surface-1);outline:2px dashed var(--primary-color)}.kanban-column-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}@media(min-width:769px){#tasks-tab .agenda-kanban-board .kanban-column{align-self:start}#tasks-tab .agenda-kanban-board .kanban-column-header{position:sticky;top:0;z-index:20;margin:-12px -12px 12px;padding:12px 12px 10px;background:var(--bg-surface-2);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-shadow:0 8px 14px #0f172a14}}.kanban-todo .kanban-column-header{border-bottom-color:#64748b}.kanban-in_progress .kanban-column-header{border-bottom-color:#3b82f6}.kanban-review .kanban-column-header{border-bottom-color:#f59e0b}.kanban-done .kanban-column-header{border-bottom-color:#22c55e}.kanban-status-icon{font-size:1.1rem}.priority-badge{font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.3px;position:absolute;top:8px;right:8px}.priority-badge.priority-critical{background:#fee2e2;color:var(--error-text, #991b1b)}.priority-badge.priority-high{background:#ffedd5;color:#ea580c}.priority-badge.priority-medium{background:#fef9c3;color:var(--warning-text, #854d0e)}.priority-badge.priority-low{background:#f1f5f9;color:#64748b}.kanban-card.priority-critical{border-left-color:#dc2626}.kanban-card.priority-high{border-left-color:#ea580c}.kanban-card.priority-medium{border-left-color:#ca8a04}.kanban-card.priority-low{border-left-color:#94a3b8}.kanban-column-header h4{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex:1}.kanban-collapse-btn{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;padding:2px 6px;color:var(--text-secondary);font-size:.8rem;transition:all .2s;display:flex;align-items:center}.kanban-collapse-btn:hover{background:var(--bg-surface-1);color:var(--text-primary)}.kanban-column.collapsed .kanban-cards{display:none}.kanban-column.collapsed{min-height:auto;padding-bottom:4px}.kanban-column.collapsed .kanban-column-header{margin-bottom:0;padding-bottom:0;border-bottom-style:none}.kanban-count{background:var(--bg-surface-1);padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.kanban-cards{display:flex;flex-direction:column;gap:10px;min-height:100px}.kanban-card{background:var(--bg-surface-1);border-radius:var(--border-radius);padding:12px;cursor:grab;transition:all .2s ease;border-left:3px solid var(--border-color);position:relative}.kanban-card:active{cursor:grabbing}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kanban-card.dragging{opacity:.5;transform:rotate(3deg)}.kanban-card.touch-selected{outline:3px solid var(--primary-color);outline-offset:2px;transform:scale(1.02);box-shadow:0 4px 16px #6366f14d;z-index:10}.kanban-column.touch-drop-target{outline:2px dashed var(--primary-color);outline-offset:-2px;background:#6366f10d}.kanban-column.touch-drop-target .kanban-column-header:after{content:"Tap di sini";font-size:.7rem;color:var(--brand-fg, var(--primary-color));margin-left:auto;font-weight:500}.kanban-card-title{font-size:.9rem;font-weight:600;margin-bottom:6px;color:var(--text-primary);line-height:1.3}.kanban-card-meta{display:flex;gap:10px;font-size:.75rem;color:var(--text-secondary);flex-wrap:wrap}.kanban-card-deadline{margin-top:8px;font-size:.75rem;padding:3px 8px;border-radius:10px;display:inline-block}.kanban-card-deadline.safe{background:#10b98133;color:#10b981}.kanban-card-deadline.near{background:#f59e0b33;color:#f59e0b}.kanban-card-deadline.urgent{background:#ef444440;color:var(--error-text, #991b1b)}.kanban-card-deadline.critical{background:#ef44444d;color:var(--error-text, #991b1b);font-weight:600}.kanban-card-status{position:absolute;top:8px;right:8px;font-size:.6rem;padding:2px 6px;border-radius:8px;text-transform:uppercase;font-weight:600}.kanban-card-status.status-todo{background:#6b728033;color:#6b7280}.kanban-card-status.status-in_progress{background:#3b82f633;color:#3b82f6}.kanban-card-status.status-review{background:#f59e0b33;color:#f59e0b}.kanban-card-status.status-done{background:#10b98133;color:#10b981}.kanban-card.deadline-safe{border-left-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,var(--bg-surface-1) 60%)}.kanban-card.deadline-approaching{border-left-color:#84cc16;background:linear-gradient(135deg,rgba(132,204,22,.1) 0%,var(--bg-surface-1) 60%)}.kanban-card.deadline-near{border-left-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.12) 0%,var(--bg-surface-1) 60%)}.kanban-card.deadline-very-near{border-left-color:#f97316;background:linear-gradient(135deg,rgba(249,115,22,.15) 0%,var(--bg-surface-1) 60%);animation:kanban-pulse-warning 2s ease-in-out infinite}.kanban-card.deadline-urgent{border-left-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.12) 0%,var(--bg-surface-1) 60%);animation:kanban-pulse-warning 1.8s ease-in-out infinite}.kanban-card.deadline-critical{border-left-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.2) 0%,var(--bg-surface-1) 60%);animation:kanban-pulse-critical 1.5s ease-in-out infinite}.kanban-card.opacity-60{opacity:.6}@keyframes kanban-pulse-warning{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}@keyframes kanban-pulse-critical{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.kanban-empty{text-align:center;padding:20px;color:var(--text-secondary);font-size:.85rem;opacity:.7;min-height:0}.agenda-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1002}.agenda-modal.active{display:flex;align-items:center;justify-content:center}.agenda-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px)}.agenda-modal-content{position:relative;background:var(--bg-surface-1);border-radius:var(--border-radius-lg);width:95%;max-width:900px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:modal-slide-in .2s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.agenda-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.agenda-modal .modal-header h2{margin:0;font-size:1.2rem;font-weight:600}.agenda-modal .modal-title-input{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-primary);font-size:1.6rem;font-weight:700;padding:8px 0;margin-right:16px;font-family:inherit}.agenda-modal .modal-title-input:focus{outline:none;border-bottom-color:var(--primary-color)}.agenda-modal .modal-title-input:disabled{opacity:.7;cursor:not-allowed}.agenda-modal .btn-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1;flex-shrink:0}.agenda-modal .btn-close:hover{color:var(--text-primary)}.agenda-modal .modal-body{padding:20px;overflow-y:auto;flex:1;background:var(--bg-surface-2);display:flex;flex-direction:column;gap:16px}.detail-meta-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.detail-meta-strip-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-meta-strip-right{flex-shrink:0}.detail-meta-divider{color:var(--text-muted);font-size:1.1rem;user-select:none}.detail-meta-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.priority-pill-select{appearance:none;-webkit-appearance:none;border:none;background:#dcfce7;color:#166534;padding:4px 14px;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;text-align:center}.priority-pill-select:focus{outline:2px solid var(--primary-color);outline-offset:2px}.priority-pill-select.priority-low{background:#dcfce7;color:#166534}.priority-pill-select.priority-medium{background:#fef9c3;color:#854d0e}.priority-pill-select.priority-high{background:#ffedd5;color:#9a3412}.priority-pill-select.priority-urgent{background:#fee2e2;color:#991b1b}.inline-date-input{border:none;background:transparent;color:var(--text-primary);font-size:.85rem;font-weight:500;font-family:inherit;padding:2px 4px;cursor:pointer}.inline-date-input:focus{outline:none;border-bottom:2px solid var(--primary-color)}.detail-meta-strip .task-participants-list{display:flex;flex-wrap:nowrap;gap:0}.detail-meta-strip .participant-badge{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-left:-8px;border:2px solid var(--bg-surface-2);background:var(--bg-surface-3);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-primary)}.detail-meta-strip .participant-badge:first-child{margin-left:0}.detail-meta-strip .participant-badge img{width:100%;height:100%;object-fit:cover}.detail-card{background:var(--bg-surface-1);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.detail-card-header{padding:14px 18px 0;font-size:.92rem;font-weight:700;color:var(--text-primary)}.detail-card-count{font-weight:400;font-size:.8rem;color:var(--text-secondary);margin-left:6px}.detail-card-body{padding:12px 18px 18px}.detail-card-footer{padding:0 18px 14px;display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--brand-fg, var(--primary-color));font-weight:500}.detail-card-footer i{font-size:.95rem}.agenda-modal .readonly-value{display:block;padding:10px 12px;background:var(--bg-surface-2);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.9rem}.agenda-modal .form-control{width:100%;background:var(--bg-surface-2);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:var(--border-radius);font-size:.9rem;font-family:inherit}.agenda-modal .form-control:focus{outline:none;border-color:var(--primary-color)}.agenda-modal .form-control:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-surface-1)}.agenda-modal .modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-start;align-items:center;gap:12px}.agenda-modal .modal-footer-spacer{flex:1}.agenda-modal .form-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.agenda-modal .form-row .form-group{flex:1;min-width:140px}.agenda-modal .form-group{margin-bottom:12px}.agenda-modal .form-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.agenda-modal .form-group input,.agenda-modal .form-group select,.agenda-modal .form-group textarea{width:100%;background:var(--bg-surface-2);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:var(--border-radius);font-size:.9rem;font-family:inherit}.agenda-modal .form-group input:focus,.agenda-modal .form-group select:focus,.agenda-modal .form-group textarea:focus{outline:none;border-color:var(--primary-color)}.agenda-modal .advanced-section{margin-bottom:0;background:var(--bg-surface-1);border-radius:12px;border:none;overflow:hidden;box-shadow:0 1px 3px #0000000f}.agenda-modal .advanced-section summary{padding:14px 18px;cursor:pointer;font-weight:700;font-size:.92rem;user-select:none;list-style:none;display:flex;align-items:center;gap:8px;transition:background .15s}.agenda-modal .advanced-section summary:hover{background:var(--bg-surface-3, rgba(255,255,255,.05))}.agenda-modal .advanced-section summary::-webkit-details-marker{display:none}.agenda-modal .advanced-section summary:before{content:"▶";font-size:.7em;transition:transform .2s}.agenda-modal .advanced-section[open] summary:before{transform:rotate(90deg)}.agenda-modal .advanced-content{padding:0 18px 18px}.agenda-modal .btn{padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.agenda-modal .btn-primary{background:var(--primary-color);color:#fff}.agenda-modal .btn-primary:hover{filter:brightness(1.1)}.agenda-modal .btn-success{background:var(--success-color, #2ecc71);color:#fff}.agenda-modal .btn-success:hover{filter:brightness(1.1)}.agenda-modal .btn-secondary{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-color)}.agenda-modal .btn-secondary:hover{background:var(--bg-surface-1)}.agenda-modal .btn-small{padding:6px 12px;font-size:.8rem}.agenda-modal .btn-send{background:var(--primary-color);color:#fff;padding:10px 20px;align-self:flex-end;font-weight:500}.agenda-modal .task-checklist{list-style:none;padding:0;margin:0}.agenda-modal .task-checklist li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color)}.agenda-modal .task-checklist li:last-child{border-bottom:none}.agenda-modal .checklist-add{display:flex;gap:8px;margin-top:12px}.agenda-modal .checklist-add input{flex:1;background:var(--bg-surface-1);border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--border-radius);color:var(--text-primary)}.agenda-modal .task-comments-list{max-height:320px;overflow-y:auto;margin-bottom:12px;padding:8px 0;display:flex;flex-direction:column;gap:8px}.agenda-modal .comment-input-section{display:flex;flex-direction:column;gap:8px;position:relative}.agenda-modal .comment-input-section textarea{width:100%;background:var(--bg-surface-1);border:1px solid var(--border-color);padding:12px;border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:.9rem;resize:vertical;min-height:72px;transition:border-color .2s}.agenda-modal .comment-input-section textarea:focus{border-color:var(--primary-color);outline:none}#agenda-detail-modal .agenda-modal-content{max-width:1040px;height:min(88vh,820px);min-height:620px}#agenda-detail-modal #tasks-tab-detail-body{padding:0;gap:0;min-height:0;overflow:hidden;background:var(--bg-surface-1)}.agenda-detail-compact-bar{display:flex;align-items:stretch;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-surface-1);flex-shrink:0}.agenda-detail-compact-main,.agenda-detail-expand-btn{border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);font:inherit;cursor:pointer}.agenda-detail-compact-main{flex:1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:none;background:transparent;text-align:left}.agenda-detail-compact-item{min-width:0;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-2);color:var(--text-secondary);line-height:1.2}.agenda-detail-compact-item i{color:var(--brand-fg, var(--primary-color));font-size:1rem}.agenda-detail-compact-item span{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.agenda-detail-compact-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:.92rem;font-weight:700}.agenda-detail-compact-item.is-overdue strong,.agenda-detail-compact-item.is-overdue i{color:var(--error-text, var(--danger-color, #dc2626))}.agenda-detail-expand-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;padding:0 14px;border-radius:10px;font-weight:700;color:var(--brand-fg, var(--primary-color))}.agenda-detail-expand-btn:hover,.agenda-detail-compact-item:hover{border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 7%,var(--bg-surface-1))}.agenda-detail-full-panel{flex:0 0 auto;max-height:min(44vh,430px);overflow-y:auto;border-bottom:1px solid var(--border-color);background:var(--bg-surface-2)}.agenda-detail-full-panel[hidden]{display:none!important}.agenda-detail-full-panel-inner{padding:16px}.agenda-detail-fields-layout{margin-top:4px}.agenda-chat-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--bg-surface-1)}.agenda-chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-surface-2);backdrop-filter:blur(8px);flex-shrink:0}.agenda-chat-heading{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:800;font-size:.92rem}#agenda-chat-panel .task-comments-list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;margin:0;padding:18px;gap:6px}#agenda-chat-panel .comment-item{align-self:flex-start;width:fit-content;max-width:min(76%,640px);margin:0;padding:10px 13px;border:1px solid var(--border-color);border-radius:16px 16px 16px 5px;background:var(--bg-surface-2);box-shadow:var(--shadow-card)}#agenda-chat-panel .comment-item.is-own{align-self:flex-end;border-radius:16px 16px 5px;background:var(--brand-tint-20, rgba(var(--brand-color-rgb), .2));border-color:var(--brand-tint-28, rgba(var(--brand-color-rgb), .28))}#agenda-chat-panel .agenda-system-note{align-self:center;flex:0 0 auto;margin:0 auto;padding:5px 10px;line-height:1.25}#agenda-chat-panel .comment-header{margin-bottom:5px;gap:10px}#agenda-chat-panel .comment-author{font-size:.76rem;color:var(--text-secondary)}#agenda-chat-panel .comment-content{font-size:.93rem;line-height:1.48;color:var(--text-primary)}#agenda-chat-panel .no-comments,#agenda-chat-panel .text-error{align-self:center;max-width:360px;margin:auto;padding:14px 16px;border-radius:12px;background:var(--bg-surface-2);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center}#agenda-chat-panel .comment-input-section{display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-surface-2);flex-shrink:0}#agenda-chat-panel .comment-reply-indicator{flex:1 1 100%}#agenda-chat-panel .comment-input-section textarea{flex:1 1 auto;min-width:180px;min-height:44px;max-height:120px;resize:vertical;border-radius:999px;padding:11px 15px;background:var(--bg-surface-1)}#agenda-chat-panel .btn-send{min-height:44px;border-radius:999px;padding:0 16px;align-self:stretch;justify-content:center}#agenda-chat-panel #tasks-tab-comment-error{margin:0;padding:0 16px 10px;background:var(--bg-surface-2)}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 -4px 16px #00000026;z-index:1000;margin-bottom:4px}.mention-dropdown-item{padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);transition:background .15s}.mention-dropdown-item:last-child{border-bottom:none}.mention-dropdown-item:hover,.mention-dropdown-item.selected{background:var(--bg-surface-3)}.mention-dropdown-item .mention-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.mention-dropdown-item .mention-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mention-dropdown-item .mention-info{flex:1;min-width:0}.mention-dropdown-item .mention-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.mention-dropdown-item .mention-email{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-dropdown-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:.85rem}.comment-content .mention{color:var(--brand-fg, var(--primary-color));background:var(--primary-color-alpha, rgba(99, 102, 241, .15));padding:2px 6px;border-radius:4px;font-weight:500}.tasks-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tasks-tab-title-block{min-width:0}.tasks-tab-header h3{margin:0}.tasks-tab-subtitle{display:none}.tasks-tab-actions{display:flex;align-items:center;gap:8px;min-width:0}.tasks-tab-action-buttons{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}.agenda-mobile-overflow{display:none}@media(min-width:769px){.tasks-tab-title-block{display:none}.tasks-tab-header{align-items:center;margin-bottom:14px}.tasks-tab-actions{width:100%;justify-content:space-between}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-modal-content{width:100%;max-width:100%;max-height:100vh;height:100vh;border-radius:0;animation:modal-slide-up .25s ease-out}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.agenda-modal .modal-header{padding:16px 18px;position:sticky;top:0;z-index:2;background:var(--bg-surface-1)}.agenda-modal .modal-title-input{font-size:1.3rem}.agenda-modal .modal-body{padding:14px;gap:12px}.detail-card{border-radius:10px}.detail-card-header{padding:12px 16px 0;font-size:.88rem}.detail-card-body{padding:10px 16px 16px}.detail-card-footer{padding:0 16px 12px}.detail-meta-strip{flex-direction:column;align-items:flex-start;gap:8px}.agenda-modal .modal-footer{padding:12px 16px;flex-wrap:wrap;position:sticky;bottom:0;z-index:2;background:var(--bg-surface-1)}.agenda-modal .modal-footer .btn{flex:1;min-width:0;justify-content:center}.agenda-modal .form-row{flex-direction:column}.agenda-modal .form-row .form-group{min-width:0}.agenda-modal .form-group input,.agenda-modal .form-group select,.agenda-modal .form-group textarea{font-size:16px;min-height:44px}.priority-pill-select{font-size:.78rem;padding:5px 12px}.inline-date-input{font-size:.82rem}.agenda-modal .comment-input-section textarea{font-size:16px}.agenda-modal .btn-send{width:100%;justify-content:center}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.tasks-tab-header{flex-direction:column;align-items:flex-start;gap:8px}.tasks-tab-header button,.tasks-tab-header .btn{width:100%}.tasks-filters-row{gap:8px;padding:10px 12px}.tasks-filters-row .filter-group{flex:1 1 calc(50% - 4px);min-width:0}.tasks-filters-row .filter-group select{min-width:0;max-width:none;width:100%;font-size:.8rem}.tasks-filters-row .search-group{flex:1 1 100%;min-width:0}}.position-history-list{list-style:none;padding:0;margin:0}.position-history-list li{padding:12px 0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.position-history-list li:last-child{border-bottom:none}.position-history-list li strong{color:var(--text-primary);font-size:.95rem}.position-history-list .helper-text{font-size:.8rem;color:var(--text-secondary)}.assessment-filter{margin-bottom:16px;padding:12px;background:var(--bg-surface);border-radius:var(--border-radius);border:1px solid var(--border-color)}.filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.filter-group label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.filter-group input,.filter-group select{padding:6px 10px;font-size:.85rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--brand-color)}.floating-agenda-panel{position:fixed;z-index:900;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-width:95vw;max-height:85vh;background:var(--bg-card);border-radius:14px;box-shadow:0 20px 60px #00000040,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;animation:floatingPanelIn .25s ease-out}.floating-agenda-panel.is-minimized .floating-panel-body,.floating-agenda-panel.is-minimized .floating-panel-footer{display:none}.floating-agenda-panel.is-minimized{max-height:none;height:auto;width:320px;border-radius:10px}@keyframes floatingPanelIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.floating-agenda-panel.is-dragged{transform:none;animation:none}.floating-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-color);cursor:grab;user-select:none;flex-shrink:0}.floating-panel-header:active{cursor:grabbing}.floating-panel-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--text-primary)}.floating-panel-title i{font-size:1.1rem;color:var(--brand-fg, var(--brand-color))}.create-title-wrapper{margin-bottom:12px}.create-title-input{display:block;width:100%;background:transparent;border:none;border-bottom:2px solid var(--border-color);font-weight:700;font-size:1.1rem;color:var(--text-primary);padding:6px 0;outline:none;transition:border-color .2s;box-sizing:border-box}.create-title-input::placeholder{color:var(--text-muted);font-weight:400}.create-title-input:focus{border-bottom-color:var(--brand-color)}#tasks-create-card .detail-card.create-section-card{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;overflow:hidden}#tasks-create-card .detail-card.create-section-card .detail-card-header{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:8px 12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:6px}#tasks-create-card .detail-card.create-section-card .detail-card-body{padding:10px 12px}#tasks-create-card .detail-card.create-section-card textarea{background:transparent;border:none;outline:none;resize:vertical;font-size:.875rem;color:var(--text-primary)}#tasks-create-card .detail-card.create-section-card textarea::placeholder{color:var(--text-muted)}#tasks-create-card .create-fields-grid{grid-template-columns:1fr 1fr;margin-bottom:10px}#tasks-create-card .create-field-pic{grid-column:1 / -1}.floating-panel-actions{display:flex;gap:4px}.floating-panel-btn{background:none;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s}.floating-panel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.floating-panel-body{padding:16px;overflow-y:auto;flex:1;min-height:0}.floating-panel-body .form-group{margin-bottom:10px}.floating-panel-body .form-group label{font-weight:600;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;display:block}.floating-panel-body input,.floating-panel-body select,.floating-panel-body textarea{padding:8px 10px;font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-surface-1);color:var(--text-primary);width:100%}.floating-panel-body input:focus,.floating-panel-body select:focus,.floating-panel-body textarea:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.12)}.floating-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:10px}.floating-form-grid .form-group{margin-bottom:0}.floating-panel-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border-color);background:var(--bg-surface-2);flex-shrink:0}.floating-agenda-panel:after{content:"";position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--text-muted) 50%,var(--text-muted) 55%,transparent 55%,transparent 70%,var(--text-muted) 70%,var(--text-muted) 75%,transparent 75%);opacity:.3;border-radius:0 0 14px}@media(max-width:640px){.floating-agenda-panel{position:fixed;top:0!important;left:0!important;right:0;bottom:calc(72px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));width:100%!important;max-width:100vw;max-height:none;border-radius:0;transform:none}.floating-agenda-panel.is-minimized{top:auto!important;bottom:0;left:0!important;right:0;width:100%!important;border-radius:14px 14px 0 0}}.agenda-drag-handle{cursor:grab;user-select:none}.agenda-drag-handle:active{cursor:grabbing}.modal-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-icon-sm{background:none;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:1.1rem;transition:all .15s}.btn-icon-sm:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-meta-strip-v2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0}.meta-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:20px;font-size:.82rem;transition:border-color .15s}.meta-chip:hover{border-color:var(--brand-color)}.meta-chip i{color:var(--text-muted);font-size:.9rem}.meta-chip-select{appearance:none;-webkit-appearance:none;border:none;background:transparent;color:var(--text-primary);font-size:.82rem;font-weight:500;cursor:pointer;padding:0;font-family:inherit}.meta-chip-select:focus{outline:none}.meta-chip-input{border:none;background:transparent;color:var(--text-primary);font-size:.82rem;font-weight:500;font-family:inherit;padding:0;cursor:pointer;width:auto;max-width:120px}.meta-chip-input:focus{outline:none}.meta-chip-spacer{flex:1;min-width:8px}.detail-two-col{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.detail-main-col,.detail-sidebar-col{display:flex;flex-direction:column;gap:14px;min-width:0}.detail-card-compact .detail-card-header{padding:10px 14px 0;font-size:.82rem}.detail-card-compact .detail-card-body{padding:8px 14px 14px}.detail-info-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-color)}.detail-info-row:last-child{border-bottom:none}.detail-info-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.detail-info-value{font-size:.85rem;color:var(--text-primary);font-weight:500;text-align:right}.form-control-sm{padding:5px 8px!important;font-size:.82rem!important;max-width:140px;text-align:right}.detail-card-header i{margin-right:4px;color:var(--text-muted);font-size:1rem;vertical-align:-1px}.agenda-modal-content.is-fullscreen{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0;top:0!important;left:0!important}@media(max-width:768px)and (hover:none)and (pointer:coarse){.detail-two-col{grid-template-columns:1fr}.detail-sidebar-col{order:-1}.detail-meta-strip-v2{gap:6px}.meta-chip{padding:3px 8px;font-size:.78rem}}.tasks-card-list .task-card{border-left-width:4px;display:flex;flex-direction:column;gap:6px}.tasks-card-list .task-card .task-card-title{font-size:.95rem;line-height:1.35}.tasks-card-list .task-card .task-card-description{font-size:.82rem;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.tasks-card-list .task-card .task-card-meta{font-size:.78rem;gap:12px;margin-bottom:6px}.tasks-card-list .task-card .task-card-footer{padding-top:8px}.task-card.deadline-overdue{border-left-color:#ef4444!important}.task-card.deadline-urgent{border-left-color:#f97316!important}.task-card.deadline-very-near{border-left-color:#f59e0b!important}.task-card.deadline-near{border-left-color:#eab308!important}.task-card.deadline-approaching{border-left-color:#84cc16!important}.task-card.deadline-safe{border-left-color:#22c55e!important}.btn-quick{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .15s}.btn-quick:hover{background:var(--bg-hover);border-color:var(--brand-color);transform:scale(1.1)}.detail-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:12px}.detail-field-item{display:flex;flex-direction:column;gap:3px}.detail-field-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:3px}.detail-field-label i{font-size:.85rem}.detail-field-select,.detail-field-input{width:100%;padding:6px 8px;font-size:.85rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-1);color:var(--text-primary);font-family:inherit;transition:border-color .15s;-webkit-appearance:none;appearance:none}.detail-field-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.detail-field-select:focus,.detail-field-input:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb, 99,102,241),.12)}@media(max-width:480px)and (hover:none)and (pointer:coarse){.detail-fields-grid{grid-template-columns:1fr}}.checklist-list-compact{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:1px}.checklist-list-compact li{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:5px;font-size:.85rem;transition:background .1s}.checklist-list-compact li:hover{background:var(--bg-hover)}.checklist-list-compact li input[type=checkbox]{width:15px;height:15px;flex-shrink:0;accent-color:var(--brand-color);cursor:pointer}.checklist-list-compact li label{flex:1;cursor:pointer;line-height:1.3}.checklist-list-compact li label.done{text-decoration:line-through;color:var(--text-muted)}.checklist-list-compact li .checklist-delete{opacity:0;background:none;border:none;color:var(--error-text, var(--danger-color, #ef4444));cursor:pointer;font-size:.9rem;padding:2px 4px;border-radius:4px;transition:opacity .15s;line-height:1}.checklist-list-compact li:hover .checklist-delete{opacity:1}.checklist-add-form{display:flex;gap:0}.checklist-add-form input{border-radius:6px;font-size:.85rem;padding:6px 10px;border:1px dashed var(--border-color);background:transparent;color:var(--text-primary);width:100%;transition:border-color .15s,background .15s}.checklist-add-form input:focus{outline:none;border-color:var(--brand-color);border-style:solid;background:var(--bg-surface-1)}.checklist-progress-track{flex:1;height:4px;background:var(--border-color);border-radius:2px;max-width:80px}.checklist-progress-fill{height:4px;width:0%;background:var(--success-color, #22c55e);border-radius:2px;transition:width .3s}.checklist-progress-text{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.org-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.org-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.org-toolbar-right{display:flex;align-items:center;gap:6px}.org-search-box{position:relative;display:flex;align-items:center}.org-search-box>i{position:absolute;left:10px;color:var(--text-secondary);pointer-events:none;font-size:14px}.org-search-box input{padding:7px 28px 7px 32px;border-radius:20px;border:1px solid var(--border-color);font-size:13px;width:180px;background:var(--bg-card);color:var(--text-primary);transition:width .3s,border-color .2s}.org-search-box input:focus{width:220px;outline:none;border-color:var(--accent-color)}.org-search-clear{position:absolute;right:6px;background:none;border:none;font-size:16px;color:var(--text-secondary);cursor:pointer;padding:2px 4px;line-height:1}#org-dept-filter{padding:7px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:13px;max-width:200px}.org-tool-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s,border-color .2s}.org-tool-btn:hover:not(:disabled){background:var(--bg-color);border-color:var(--accent-color)}.org-tool-btn:disabled{opacity:.4;cursor:default}.org-stats-bar{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap;padding:8px 12px;background:var(--bg-color);border-radius:8px;font-size:13px}.org-stat{display:flex;align-items:center;gap:5px;color:var(--text-secondary)}.org-stat b{color:var(--text-primary);font-weight:700}.org-stat i{font-size:15px}.org-dept-legend{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px;min-height:0}.org-dept-legend:empty{display:none}.org-dept-swatch{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);cursor:pointer;padding:3px 8px;border-radius:12px;background:var(--bg-color);transition:background .2s}.org-dept-swatch:hover{background:var(--bg-surface-1)}.org-dept-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.org-drawer-backdrop{display:none;position:fixed;inset:0;background:#00000040;z-index:899;transition:opacity .3s}.org-drawer-backdrop.open{display:block}.org-drawer{position:fixed;top:0;right:0;width:380px;height:100vh;background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:-4px 0 24px #0000001f;z-index:900;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.org-drawer.open{transform:translate(0)}.org-drawer-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.org-drawer-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.org-drawer-title{flex:1;min-width:0}.org-drawer-title h5{margin:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-drawer-sub{font-size:12px;color:var(--text-secondary)}.org-drawer-close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:background .2s}.org-drawer-close-btn:hover{background:var(--bg-surface-1);color:var(--text-primary)}.org-drawer-onboarding{padding:0 20px}.org-onboarding-bar{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;color:var(--text-secondary)}.org-onboarding-track{flex:1;height:5px;background:var(--border-color);border-radius:3px;overflow:hidden}.org-onboarding-fill{height:100%;border-radius:3px;transition:width .4s ease}.org-drawer-body{flex:1;overflow-y:auto;padding:16px 20px}.org-drawer-section{margin-bottom:18px}.org-drawer-section>label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.org-drawer-section>label i{font-size:15px}.org-drawer-section select,.org-drawer-section input[type=number],.org-drawer-section input[type=text]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:13px}.org-drawer-section .helper-text{font-size:11px;margin-top:4px;opacity:.7}.org-drawer-salary-row{display:flex;gap:8px;margin-top:6px}.org-drawer-salary-row input{flex:1}.org-drawer-modules{display:grid;grid-template-columns:1fr 1fr;gap:6px}.org-drawer-mod-item{display:flex;align-items:center;gap:6px;font-size:12px;padding:5px 8px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;transition:background .15s}.org-drawer-mod-item:hover{background:var(--bg-color)}.org-drawer-mod-item.core{opacity:.6;cursor:default}.org-drawer-mod-item input[type=checkbox]{margin:0;accent-color:var(--accent-color)}.org-drawer-mod-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.org-drawer-mod-copy small{color:var(--text-secondary);font-size:10px;line-height:1.2}.org-drawer-footer{padding:12px 20px;border-top:1px solid var(--border-color);background:var(--bg-color)}.org-drawer-footer .btn-primary{width:100%;padding:10px;font-size:14px}.org-drawer-status{font-size:12px;margin-top:6px;text-align:center;min-height:18px}@media(max-width:768px)and (hover:none)and (pointer:coarse){.org-drawer{width:100%}.org-toolbar{flex-direction:column;align-items:stretch}.org-toolbar-left{flex-direction:column}.org-search-box input{width:100%;min-height:44px}#org-dept-filter{max-width:100%}.org-stats-bar{gap:8px;font-size:12px}}.org-node.dragging{opacity:.4}.org-node.dragging .org-card-bg{stroke-dasharray:4 2;stroke:var(--accent-color)}.org-node.drop-valid .org-card-bg{stroke:var(--success-color);stroke-width:3;filter:url(#org-card-shadow-selected);animation:org-pulse-valid .8s ease infinite}.org-node.drop-invalid .org-card-bg{stroke:var(--error-color, #e06c75);stroke-width:3}@keyframes org-pulse-valid{0%,to{stroke-opacity:1}50%{stroke-opacity:.5}}.org-drop-ghost{pointer-events:none;opacity:.7}.org-onboarding-dot{transition:fill .3s}.org-node.multi-selected .org-card-bg{stroke:var(--accent-color);stroke-width:2.5;stroke-dasharray:5 3}.org-dept-stripe{pointer-events:none}.org-canvas{overflow:hidden;cursor:grab;background:var(--bg-surface-1);border-radius:var(--border-radius);border:1px solid var(--border-color);min-height:400px}.org-canvas:active{cursor:grabbing}.org-chart{display:block}.org-link{fill:none;stroke:var(--text-secondary, #888);stroke-width:1.5;stroke-dasharray:none;transition:stroke .3s,stroke-width .3s;opacity:.85}.org-link.highlight{stroke:var(--accent-color);stroke-width:2.5;opacity:1}.org-node{cursor:pointer;transition:opacity .3s,transform .2s}.org-node:hover{filter:brightness(1.03)}.org-node .org-card-bg{fill:var(--bg-card);stroke:var(--border-color);stroke-width:1.5;filter:url(#org-card-shadow);transition:stroke .2s,filter .2s,stroke-width .2s}.org-node:hover .org-card-bg{stroke:var(--accent-color);stroke-width:2}.org-node.is-selected .org-card-bg{stroke:var(--accent-color);stroke-width:2.5;filter:url(#org-card-shadow-selected)}.org-node.is-me .org-card-bg{stroke:var(--accent-color);stroke-width:2.5;filter:url(#org-card-shadow-selected)}.org-node.is-root .org-card-bg{fill:var(--accent-color);stroke:var(--accent-color);opacity:.15}.org-avatar{stroke:var(--bg-card);stroke-width:2}.org-avatar-text{font-size:11px;font-weight:700;fill:#fff;pointer-events:none;letter-spacing:.5px}.org-card-name{font-size:12px;font-weight:600;fill:var(--text-primary);pointer-events:none}.org-card-position{font-size:10.5px;font-weight:400;fill:var(--text-secondary);pointer-events:none}.org-card-root-label{font-size:13px;font-weight:600;fill:var(--text-primary);pointer-events:none}.org-node.fade{opacity:.15}.org-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary);gap:12px;min-height:200px}.org-empty-state i{font-size:48px;opacity:.3}.org-empty-state p{margin:0;font-size:14px;opacity:.7}.org-tooltip{position:fixed;background:#000000e6;color:#fff;padding:12px;border-radius:8px;font-size:13px;pointer-events:none;z-index:2000;box-shadow:0 4px 15px #00000080;border:1px solid #444;max-width:250px}.org-tooltip h5{margin:0 0 5px;color:var(--safety-fg, var(--accent-color));text-align:left}.org-tooltip p{margin:2px 0;font-size:12px;opacity:.8}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:768px)and (hover:none)and (pointer:coarse){.mobile-only{display:block}.desktop-only{display:none}.org-header-actions{flex-direction:column;align-items:flex-start}.search-box input{width:100%;min-height:48px}}.org-list-item{border-bottom:1px solid var(--border-color);padding:12px 0}.org-list-item.is-me{border-left:3px solid var(--accent-color);padding-left:8px}.me-badge{background:var(--accent-color);color:var(--bg-card);font-size:11px;padding:2px 6px;border-radius:10px;margin-left:5px;font-weight:700}.org-list-right{display:inline-flex;align-items:center;gap:8px}.org-list-score{font-weight:700;padding:4px 10px;border-radius:6px;font-size:13px;min-width:35px;text-align:center;border:1px solid var(--border-color);background:transparent}.score-high{color:var(--success-text, var(--success-color));border-color:var(--success-color)}.score-mid{color:var(--safety-fg, var(--accent-color));border-color:var(--accent-color)}.score-low{color:var(--warning-text, var(--warning-color));border-color:var(--warning-color)}.score-none{color:var(--secondary-color);border-color:var(--border-color)}.org-list-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.org-list-info{display:flex;flex-direction:column}.org-list-name{font-weight:600;font-size:15px}.org-list-pos{font-size:13px;color:var(--secondary-color)}.org-list-children{margin-left:20px;border-left:2px solid var(--border-color);padding-left:15px;display:none}.org-list-item.open>.org-list-children{display:block}.org-list-toggle{font-size:20px;color:var(--safety-fg, var(--accent-color))}.org-node-enter{animation:nodeFadeIn .5s ease forwards}@keyframes nodeFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.company-info-card{background:var(--bg-card);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color);margin-bottom:24px;transition:all .3s ease}@media(max-width:480px)and (hover:none)and (pointer:coarse){.company-info-card{padding:12px 10px;margin-bottom:10px;border-radius:10px;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)}.company-header{flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:12px}.company-logo{width:56px;height:56px;font-size:1.6rem;border-radius:12px}.company-details{align-items:center}.company-details h4{font-size:1.15rem;margin-bottom:2px}.company-details p{font-size:.85rem}.company-nib{font-size:.75rem;padding:2px 6px}.btn-edit-company{width:100%;justify-content:center;min-height:44px;padding:8px 12px;font-size:.85rem}.company-contacts{justify-content:center;gap:16px;padding-top:10px}.contact-item{align-items:center;text-align:center}.contact-label{font-size:.7rem}.contact-item span:not(.contact-label){font-size:.85rem}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.company-info-card{padding:10px 8px;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);border-radius:8px;margin-bottom:8px}.company-header{gap:8px;margin-bottom:10px}.company-logo{width:48px;height:48px;font-size:1.4rem;border-radius:10px}.company-details h4{font-size:1.05rem}.company-details p{font-size:.8rem}}.company-info-card:hover{box-shadow:var(--shadow-hover)}.company-header{display:flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}.company-logo{font-size:2.5rem;width:80px;height:80px;background:var(--brand-tint-10, rgba(var(--brand-color-rgb), .1));color:var(--brand-fg, var(--brand-color));border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--brand-tint-20, rgba(var(--brand-color-rgb), .2))}.company-details{flex:1;display:flex;flex-direction:column;gap:4px}.company-details h4{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.company-details p{margin:0;color:var(--text-secondary);font-size:.95rem}.company-nib{font-size:.85rem;color:var(--text-secondary);opacity:.8;background:var(--bg-surface-1);padding:2px 8px;border-radius:4px;align-self:flex-start;margin-top:4px}.btn-edit-company{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-edit-company:hover{border-color:var(--brand-color);color:var(--brand-fg, var(--brand-color));background:var(--brand-tint-05, rgba(var(--brand-color-rgb), .05))}.director-assessment-health{min-height:140px;display:flex;align-items:stretch}.director-health-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.director-health-stats[hidden]{display:none!important}.director-health-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 10px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface-1, var(--bg-card));text-align:center}.director-health-stat-value{font-size:1.35rem;font-weight:800;color:var(--brand-fg, var(--brand-color));line-height:1.1}.director-health-stat-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);line-height:1.3}@media(max-width:480px){.director-health-stats{grid-template-columns:1fr}}.company-section-switcher{display:flex;gap:8px;padding:8px;margin:0 0 16px;background:var(--bg-surface-1, var(--bg-card));border:1px solid var(--border-color);border-radius:12px;position:sticky;top:0;z-index:5}.company-section-switcher-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer}.company-section-switcher-btn:hover{color:var(--text-primary);background:var(--brand-tint-05, rgba(var(--brand-color-rgb), .05))}.company-section-switcher-btn.active{color:var(--brand-fg, var(--brand-color));background:var(--brand-tint-12, rgba(var(--brand-color-rgb), .12));border-color:var(--brand-tint-28, rgba(var(--brand-color-rgb), .28))}.company-leadership-quick{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.company-leadership-quick-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.company-leadership-quick-head .helper-text{color:var(--text-secondary);font-size:.85rem}.company-settings-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:10px;position:sticky;top:0;z-index:4;background:var(--bg-surface-1, var(--bg-card));border:1px solid var(--border-color);border-radius:12px}.company-settings-jump a.btn-secondary{display:inline-flex;align-items:center;gap:6px;text-decoration:none;min-height:40px}#company-settings-section .settings-card{scroll-margin-top:72px}@media(max-width:768px)and (hover:none)and (pointer:coarse){.company-section-switcher{margin-left:-4px;margin-right:-4px;border-radius:10px}.company-leadership-quick-head{flex-direction:column;align-items:stretch}.company-leadership-quick-head .btn-primary{width:100%;justify-content:center;min-height:44px}}.company-contacts{display:flex;gap:32px;padding-top:20px;border-top:1px solid var(--border-color);flex-wrap:wrap}.contact-item{display:flex;flex-direction:column;gap:4px}.contact-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600}.contact-item span:not(.contact-label){font-size:.95rem;color:var(--text-primary);font-weight:500}.onboarding-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:16px 20px;border:1px solid var(--primary-color);border-left:4px solid var(--primary-color);margin-bottom:16px}.onboarding-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.onboarding-header h4{margin:0;font-size:15px;flex:0 0 auto}.onboarding-progress{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.onboarding-progress-bar{flex:1;height:6px;background:var(--bg-surface-2, #e5e5e5);border-radius:3px;overflow:hidden;max-width:200px}.onboarding-progress-bar>div{height:100%;background:var(--primary-color);border-radius:3px;transition:width .4s ease}.onboarding-items{display:flex;flex-direction:column;gap:6px}.onboarding-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg-surface-1);transition:background .2s}.onboarding-item:hover{background:var(--bg-surface-2, var(--bg-surface-1))}.onboard-check{font-size:18px;color:var(--text-secondary);flex:0 0 24px;text-align:center}.onboarding-item.done .onboard-check{color:var(--success-text, var(--success-color, #10b981))}.onboarding-item.done .onboard-check i:before{content:none}.onboarding-item.done .onboard-check:after{content:"\\2713";font-weight:700}.onboard-info{flex:1;display:flex;flex-direction:column;gap:1px}.onboard-info strong{font-size:13px}.onboard-info small{font-size:11px;color:var(--text-secondary)}.onboarding-item.done .onboard-info strong{text-decoration:line-through;color:var(--text-secondary)}.onboarding-item .btn-link{font-size:12px;color:var(--brand-fg, var(--primary-color));background:none;border:none;cursor:pointer;padding:4px 8px;white-space:nowrap}.onboarding-item.done .btn-link{display:none}.quick-actions{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:16px;border:1px solid var(--border-color);margin-bottom:16px}@media(max-width:480px)and (hover:none)and (pointer:coarse){.quick-actions{padding:10px 8px;margin-bottom:10px;border-radius:8px;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)}.action-buttons{flex-direction:column;gap:6px}.action-btn{width:100%;min-height:44px;justify-content:center;padding:10px 14px;font-size:.85rem}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.quick-actions{padding:8px 6px;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);border-radius:6px}.quick-actions h4{font-size:.9rem;margin-bottom:8px}.action-btn{min-height:40px;padding:8px 12px;font-size:.8rem}}.quick-actions h4{margin:0 0 10px;color:var(--text-color);font-size:.95rem}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:10px 16px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.8125rem;font-weight:500;display:inline-flex;align-items:center;gap:6px}.action-btn:hover{background:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.14);color:var(--text-primary);border-color:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.45)}.action-btn.edit:hover,.action-btn.delete:hover{color:var(--text-on-brand, #ffffff)}.action-btn.edit:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.action-btn.delete:hover{background:#c9302c;border-color:#c9302c}.org-preview-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:16px;border:1px solid var(--border-color)}@media(max-width:480px)and (hover:none)and (pointer:coarse){.org-preview-card{padding:10px 8px;border-radius:8px;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)}.org-preview-card h4{font-size:.95rem;margin-bottom:10px}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.org-preview-card{padding:8px 6px;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);border-radius:6px}.org-preview-card h4{font-size:.9rem}}.org-preview-card h4{margin:0 0 10px;font-size:.95rem}.talent-search-card{background:var(--bg-card);border-radius:12px;padding:25px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color);margin-bottom:25px}.talent-search-card .helper-text{color:var(--text-secondary);margin-bottom:20px}.talent-search-form .search-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.search-actions{display:flex;gap:10px;margin-top:20px}.talent-results{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.results-header h5{margin:0}#talent-results-count{color:var(--text-secondary);font-size:.9rem}.employee-filter-bar{display:flex;gap:var(--stack-gap, 8px);margin-bottom:var(--section-gap-sm, 10px);flex-wrap:wrap}.employee-filter-bar input,.employee-filter-bar select{padding:12px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:.9rem;background-color:var(--bg-card);color:var(--text-color)}.employee-filter-bar input{flex:1;min-width:200px}.assign-form-card{background:var(--bg-color);border-radius:12px;padding:20px;margin-bottom:20px;border:1px dashed var(--border-color)}.assign-form-card h5{margin:0 0 15px;color:var(--text-color)}.invite-section{background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px}.invite-section h5{margin:0 0 15px;color:var(--brand-fg, var(--brand-color));font-size:1.1rem;font-weight:600}.invite-section .helper-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.invite-form{display:flex;flex-direction:column;gap:15px}#company-tab .invite-form,#company-tab #companyInviteForm,#company-tab #companyTalentSearchForm,#company-tab .talent-search-form{max-width:none;margin:0;padding:0}.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:25px}.report-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.report-card h5{margin:0 0 10px}.report-card p{color:var(--text-secondary);font-size:.9rem;margin:0 0 15px}.report-chart{min-height:150px;background:var(--bg-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.employee-report-list{max-height:300px;overflow-y:auto}.export-actions{display:flex;gap:10px;justify-content:flex-end}.skill-badge{display:inline-block;padding:3px 10px;background:#e3f2fd;color:#1976d2;border-radius:15px;font-size:.8rem;margin:2px}.company-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;white-space:nowrap}.company-badge-logo{width:20px;height:20px;object-fit:contain;border-radius:3px;flex-shrink:0}.company-badge .company-name{color:var(--text-primary);font-weight:500}.score-badge{display:inline-block;padding:3px 10px;border-radius:15px;font-size:.85rem;font-weight:600}.score-badge.high{background:#98c37926;color:var(--success-text, var(--success-color))}.score-badge.medium{background:#e5c07b26;color:var(--warning-text, var(--warning-color))}.score-badge.low{background:#e06c7526;color:var(--error-text, var(--error-color))}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.6875rem;font-weight:600;line-height:1.4}.status-badge.available{background:#10b9811f;color:#059669}.status-badge.assigned{background:#3b82f61f;color:#2563eb}.view-toggle{display:inline-flex;background:var(--bg-surface-1);border-radius:8px;padding:3px;gap:2px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-size:1rem}.view-toggle .view-toggle-btn{width:34px;height:30px}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-surface-2)}.view-toggle-btn.active{background:var(--bg-card);color:var(--brand-fg, var(--brand-color));box-shadow:0 1px 3px #00000014}.user-jobs-filter-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.7fr);gap:8px;align-items:center;width:100%;max-width:100%;margin-bottom:10px}#user-jobs-section .user-jobs-filter-grid>input,#user-jobs-section .user-jobs-filter-grid>select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.user-jobs-location-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;max-width:100%;margin-bottom:10px}.user-jobs-location-toggle{display:inline-flex;align-items:center;gap:6px;margin:0;min-width:0;font-size:.85em;white-space:nowrap}.user-jobs-radius-container{display:flex;align-items:center;gap:6px;flex:1 1 180px;max-width:100%;min-width:0}.user-jobs-radius-label{margin:0;font-size:.82em;white-space:nowrap;color:var(--text-secondary)}#user-jobs-section #user-jobs-radius{flex:1 1 auto;width:100%;min-width:0}.user-jobs-radius-value{flex:0 0 auto;min-width:42px;font-size:.82em}.job-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.job-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;position:relative}#company-job-postings-grid .job-card[data-posting-id]{cursor:pointer}#company-job-postings-grid .job-card-applicant-count[data-posting-id]{cursor:pointer;text-decoration:underline;text-underline-offset:2px}.job-card:hover{border-color:var(--brand-color);box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.job-card-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.job-card-company{font-size:.8125rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:5px}.job-card-company i{font-size:.875rem;color:var(--text-muted)}.job-card-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.8125rem;color:var(--text-secondary)}.job-card-meta-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.job-card-meta-item i{font-size:.9375rem;color:var(--text-muted)}.job-card-tags{display:flex;flex-wrap:wrap;gap:6px}.job-card-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.6875rem;font-weight:500;background:var(--bg-surface-1);color:var(--text-secondary)}.job-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color);margin-top:auto}.job-card-match{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600}.job-card-match .match-bar{width:48px;height:6px;border-radius:3px;background:var(--bg-surface-1);overflow:hidden}.job-card-match .match-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.job-card-match .match-bar-fill.high{background:#10b981}.job-card-match .match-bar-fill.medium{background:#f59e0b}.job-card-match .match-bar-fill.low{background:#ef4444}.job-card-actions{display:flex;gap:6px}.job-card-actions button{padding:6px 14px;font-size:.8125rem;border-radius:8px;font-weight:600}.job-card-status-row{display:flex;align-items:center;gap:8px}.job-card-applicant-count{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.job-card-applicant-count i{font-size:.9375rem}.job-cards-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-secondary)}.job-cards-empty i{font-size:2.5rem;color:var(--text-muted);margin-bottom:12px;display:block}#company-search-talent,#hc-recruitment-section{max-width:none}#talent-sub-nav{margin-bottom:14px}.recruitment-workspace{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.55fr);gap:18px;align-items:start;width:100%}.recruitment-talent-workspace>.talent-search-root--hc{display:contents}.talent-search-stack{display:grid;gap:18px}.user-hr-sub-nav{display:flex;gap:4px;margin-bottom:16px}.hr-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.hr-service-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px 10px;align-items:center;text-align:left;padding:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.hr-service-card:hover{border-color:var(--brand-color);box-shadow:var(--shadow-hover)}.hr-service-icon{grid-row:1 / span 2;font-size:1.5rem;color:var(--brand-color)}.hr-service-title{font-weight:600;color:var(--text-primary)}.hr-service-desc{grid-column:2;font-size:.82rem;color:var(--text-secondary)}.hr-service-arrow{grid-row:1 / span 2;opacity:.45}.hr-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hr-progress-label{font-weight:600}.hr-progress-value{font-size:.85rem;color:var(--text-secondary)}.hr-checklist,.hr-offboarding-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.hr-checklist-item,.hr-offboarding-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;background:var(--bg-secondary)}.hr-checklist-item.is-done,.hr-offboarding-item.is-done{opacity:.85}.hr-checklist-item.is-done .hr-checklist-icon,.hr-offboarding-item.is-done{color:var(--success-color)}.hr-checklist-actions,.hr-offboarding-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hr-checklist-complete{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--success-color) 12%,transparent);color:var(--success-color)}.hc-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.hc-analytics-card{padding:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);display:flex;flex-direction:column;gap:4px}.hc-analytics-label{font-size:.82rem;color:var(--text-secondary)}.hc-analytics-value{font-size:1.35rem;color:var(--text-primary)}.hc-dashboard-analytics-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.hc-strategic-sub-nav{display:flex;gap:4px;flex-wrap:wrap}.recruitment-workspace-main{display:grid;gap:16px;min-width:0}.recruitment-panel{min-width:0}.recruitment-create-panel,.recruitment-filter-panel{position:sticky;top:92px;max-height:calc(100vh - 128px);overflow:auto;padding-right:2px;scrollbar-gutter:stable}.recruitment-list-panel,.recruitment-applicants-panel,.recruitment-results-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px}.recruitment-list-panel .section-toolbar{margin-bottom:12px}.recruitment-list-panel .section-toolbar h5,.recruitment-applicants-panel h5,.recruitment-results-panel h5{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.98rem}.recruitment-table-scroll{max-height:430px;overflow:auto}.recruitment-table-scroll .data-table{min-width:860px}@media(max-width:768px)and (hover:none)and (pointer:coarse){.recruitment-table-scroll .data-table,.recruitment-results-panel .data-table{min-width:100%}}.recruitment-table-scroll thead th,.recruitment-results-panel .table-wrapper thead th{position:sticky;top:0;z-index:1;background:var(--bg-card)}.recruitment-results-panel .table-wrapper{max-height:calc(100vh - 260px);overflow:auto}.recruitment-results-panel .data-table{min-width:780px}.job-posting-form{max-width:none}.job-posting-form-header{margin-bottom:14px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.form-section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.form-section-subtitle{font-size:.875rem;color:var(--text-secondary);margin:4px 0 0;line-height:1.45;max-width:620px}.skill-chips:empty,.skill-chips>div{font-size:.8rem;color:var(--text-muted);padding:4px 0}.form-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:12px}.form-section-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.form-section-icon{color:var(--brand-color);font-size:1.1rem}.form-field{margin-bottom:14px}.form-field label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.form-field label.required:after{content:" *";color:#e11d48}.form-field .field-hint{font-size:.78rem;color:var(--text-muted);margin-top:4px;line-height:1.3}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.form-grid-2{grid-template-columns:1fr}}.radius-control{display:flex;align-items:center;gap:12px}.radius-control input[type=range]{flex:1;accent-color:var(--brand-color)}.radius-value{min-width:72px;text-align:right;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);padding:3px 10px;border-radius:6px;font-size:.85rem;border:1px solid var(--border-color)}.payment-type-tabs{display:flex;background:var(--bg-secondary);border-radius:10px;padding:4px;gap:4px;border:1px solid var(--border-color)}.payment-tab{flex:1;padding:9px 14px;border:none;background:transparent;border-radius:7px;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.payment-tab:hover{background:var(--bg-surface-1);color:var(--text-primary)}.payment-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color)}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:0;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.form-actions .btn-primary{padding:11px 24px;font-size:.95rem;font-weight:600;min-width:200px}.form-actions .btn-secondary{padding:10px 16px}#company-job-description{width:100%;min-height:92px;resize:vertical;font-size:.9rem;line-height:1.4;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary)}#company-job-description:focus{border-color:var(--brand-color);outline:none;box-shadow:0 0 0 3px rgba(var(--brand-color-rgb, 59, 130, 246),.1)}#company-job-requirements{width:100%;height:132px;min-height:132px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);padding:4px;font-size:.85rem}#company-job-requirements:focus{border-color:var(--brand-color);outline:none}.skill-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;margin-bottom:8px}.recruitment-filter-panel.talent-search-card{margin:0;padding:16px;border-radius:8px;box-shadow:none}.recruitment-filter-panel .helper-text{margin-bottom:14px}.recruitment-filter-panel .talent-search-form .search-filters{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.recruitment-filter-panel .form-group{margin-bottom:0}.recruitment-filter-panel .form-group label{font-size:.82rem;font-weight:650;color:var(--text-secondary);margin-bottom:5px}.recruitment-filter-panel input[type=text],.recruitment-filter-panel select,.job-posting-form input[type=text],.job-posting-form input[type=number],.job-posting-form select{min-height:40px;border-radius:8px}.recruitment-filter-panel .search-actions{position:sticky;bottom:0;margin:12px -16px -16px;padding:12px 16px 16px;background:var(--bg-card);border-top:1px solid var(--border-color)}.recruitment-filter-panel .search-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}#talent-min-score-label,#talent-radius-label{flex:0 0 auto;min-width:58px;text-align:right;font-weight:650;color:var(--text-primary)}#talent-job-posting-subsection .job-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}#talent-job-posting-subsection .job-card{border-radius:8px;padding:16px}#talent-job-posting-subsection .job-card-footer{align-items:flex-start;gap:12px}#talent-job-posting-subsection .job-card-actions{flex-wrap:wrap;justify-content:flex-end}#talent-job-posting-subsection .job-card-actions button{min-height:34px}.applicant-filter-controls select{min-height:36px}@media(min-width:1280px){.recruitment-workspace{grid-template-columns:minmax(380px,.8fr) minmax(0,1.8fr)}#talent-job-posting-subsection .job-cards-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}}@media(max-width:1100px){.recruitment-workspace{grid-template-columns:1fr}.recruitment-create-panel,.recruitment-filter-panel{position:static;max-height:none;overflow:visible;padding-right:0}.recruitment-filter-panel .talent-search-form .search-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.recruitment-list-panel,.recruitment-applicants-panel,.recruitment-results-panel,.job-posting-form-header,.form-section-card,.form-actions,.recruitment-filter-panel.talent-search-card{padding:14px}.recruitment-filter-panel .talent-search-form .search-filters{grid-template-columns:1fr}.payment-type-tabs,#talent-job-posting-subsection .job-card-footer{flex-direction:column}#talent-job-posting-subsection .job-card-actions{width:100%;justify-content:stretch}#talent-job-posting-subsection .job-card-actions button{flex:1 1 auto}}.skill-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:9999px;padding:4px 10px 4px 14px;font-size:.82rem;font-weight:500;color:var(--text-primary)}.skill-chip-text{white-space:nowrap}.skill-chip-remove{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--text-muted);color:#fff;border-radius:50%;font-size:13px;line-height:1;cursor:pointer;opacity:.85}.skill-chip-remove:hover{opacity:1;background:#e11d48;transform:scale(1.05)}@media(max-width:640px){.form-section-card{padding:16px}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%;justify-content:center}}@media(max-width:640px){#user-jobs-section .user-jobs-filter-grid{grid-template-columns:1fr}#user-jobs-section .user-jobs-location-filter{flex-direction:column;align-items:stretch;gap:8px}#user-jobs-section #user-jobs-radius-container{width:100%;flex:1 1 100%}.job-cards-grid{grid-template-columns:1fr}}.employee-view-container{position:relative}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.employee-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;transition:all .2s ease;cursor:pointer}.employee-card:hover{border-color:var(--brand-color);box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.employee-card-avatar{width:56px;height:56px;border-radius:50%;background:rgba(var(--brand-color-rgb),.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--brand-fg, var(--brand-color));font-weight:700;flex-shrink:0}.employee-card-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.employee-card-name{font-size:.9375rem;font-weight:700;color:var(--text-primary);line-height:1.3}.employee-card-position{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.employee-card-dept{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.employee-card-score{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600}.employee-card-footer{width:100%;padding-top:10px;border-top:1px solid var(--border-color);margin-top:auto;display:flex;justify-content:center}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.section-toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.section-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.section-toolbar h5{margin:0;font-size:.9375rem;font-weight:700;white-space:nowrap}.section-toolbar .employee-count-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color))}@media(max-width:640px){.employee-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.employee-card{padding:14px}.employee-card-avatar{width:44px;height:44px;font-size:1.2rem}}.talent-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:15px;margin-bottom:15px;transition:all .3s ease}.talent-card:hover{box-shadow:0 4px 15px #0000001a;border-color:var(--primary-color)}.talent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.talent-info h5{margin:0 0 5px;color:var(--text-color)}.talent-info p{margin:0;color:var(--text-secondary);font-size:.85rem}.talent-score{text-align:right}.talent-skills{margin:10px 0}.talent-actions{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.talent-actions button{padding:8px 15px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s}.talent-table-actions{min-width:190px;white-space:normal}.talent-table-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 10px;border-radius:8px;border:1px solid transparent;font-size:.8rem;font-weight:650;cursor:pointer;margin:2px}.btn-view-profile{background:rgba(var(--brand-color-rgb, 13, 59, 102),.18);color:var(--text-primary);border:1px solid rgba(var(--brand-color-rgb, 13, 59, 102),.32)}.btn-view-profile:hover{background:var(--brand-hover);color:var(--text-on-brand)!important;border-color:var(--brand-hover)}.btn-contact{background:#98c37926;color:var(--success-text, var(--success-color))}.btn-contact:hover{background:var(--success-color);color:#fff}.btn-shortlist{background:#fff3e0;color:#ef6c00}.btn-shortlist:hover{background:#ef6c00;color:#fff}.empty-results{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-results i{font-size:3rem;margin-bottom:15px;opacity:.5}.empty-results p{margin:0;font-size:1rem}@media(max-width:768px)and (hover:none)and (pointer:coarse){.company-header{flex-direction:column;text-align:center}.company-contacts{flex-direction:column;gap:10px}.action-buttons{flex-direction:column}.action-btn{width:100%}.talent-search-form .search-filters{grid-template-columns:1fr}.employee-filter-bar{flex-direction:column}.employee-filter-bar input,.employee-filter-bar select{width:100%}.talent-header{flex-direction:column}.talent-score{text-align:left;margin-top:10px}.talent-actions{flex-direction:column}.talent-actions button{width:100%}}#assessor-competency-table{width:100%;table-layout:fixed}#assessor-competency-table th,#assessor-competency-table td{vertical-align:top;word-break:break-word;overflow-wrap:anywhere;white-space:normal}#assessor-competency-table th:nth-child(1),#assessor-competency-table td:nth-child(1){width:20%}#assessor-competency-table th:nth-child(2),#assessor-competency-table td:nth-child(2){width:34%}#assessor-competency-table th:nth-child(3),#assessor-competency-table td:nth-child(3){width:20%}#assessor-competency-table th:nth-child(4),#assessor-competency-table td:nth-child(4){width:18%}#assessor-competency-table th:nth-child(5),#assessor-competency-table td:nth-child(5){width:8%}#assessor-competency-table select,#assessor-competency-table textarea{width:100%;padding:10px 12px}#assessor-competency-table [title]{cursor:help;text-decoration:underline dotted}@media(max-width:768px)and (hover:none)and (pointer:coarse){#assessor-competency-table{display:block;overflow-x:auto}#assessor-competency-table tbody tr{display:block;margin-bottom:1em;border:1px solid var(--border-color)}#assessor-competency-table th,#assessor-competency-table td{display:block;text-align:left;width:auto}}.self-assessment-form{width:100%;max-width:min(100%,var(--form-readable-max, 1100px));margin:0}.self-assessment-hint{margin:0 0 calc(var(--spacing-unit) * 2)}.self-assessment-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2)}.skill-item,.self-assessment-item{border:1px solid var(--border-color);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);background-color:var(--bg-card)}.self-assessment-item label{display:block;margin-bottom:calc(var(--spacing-unit) * 1);font-weight:600;color:var(--brand-fg, var(--primary-color))}.self-assessment-item select,.self-assessment-item .self-score{padding:12px 14px;font-size:14px;line-height:1.2;color:var(--text-color);background-color:var(--bg-color)}.self-assessment-item{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 1.25)}.self-assessment-item .self-skill,.self-assessment-item .self-score{width:100%}@media(min-width:768px){.self-assessment-item{grid-template-columns:1fr 200px;align-items:start}.self-assessment-item label{grid-column:1 / -1;margin-bottom:0}}@media(min-width:1024px){.self-assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.self-assessment-item .self-selected-preview{grid-column:1 / -1;padding:10px 12px;border:1px dashed var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);color:var(--text-muted);font-size:13px}.self-assessment-item .self-selected-preview strong{color:var(--text-color)}.skill-bar-track{grid-column:1 / -1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.skill-bar{height:8px;background:linear-gradient(to right,teal,#add8e6);border-radius:4px;transition:width .5s ease;width:0%}.insight-text .insight-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.insight-text .insight-list li{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start}.insight-text .insight-icon{width:16px;height:16px;margin-top:1px;color:var(--text-color);display:none}.insight-text .insight-item-text{line-height:1.35}.insight-text .insight-list--strength .insight-icon{color:var(--success-text, var(--success-color))}.insight-text .insight-list--suggest .insight-icon{color:var(--warning-text, var(--warning-color))}.insight-text .insight-list--strength-warm .insight-icon,.insight-text .insight-list--strength-warm .insight-icon.insight-icon--warm{color:#f5a623}.insight-text .insight-list--improve-gentle .insight-icon,.insight-text .insight-list--improve-gentle .insight-icon.insight-icon--gentle{color:#7cb3d9}.insight-text .insight-list--suggest-bright .insight-icon,.insight-text .insight-list--suggest-bright .insight-icon.insight-icon--bright{color:#50c878}.stat-card.stat-competencies{border-left-color:#f5a623}.stat-card.stat-assessments{border-left-color:#7cb3d9}.stat-card.stat-users{border-left-color:#50c878}.stat-card:hover .insight-list--strength-warm .insight-icon,.stat-card:hover .insight-list--strength-warm .insight-icon--warm{transform:scale(1.1);transition:transform .2s ease}.insight-text .insight-item-text{font-size:.95rem;line-height:1.5;color:var(--text-color)}.assessment-modal-enhanced{max-width:640px}.modal-title-wrapper{display:flex;align-items:center;gap:10px}.modal-title-icon{font-size:24px;color:var(--brand-fg, var(--primary-color))}.assessment-guidance-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.guidance-card{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.05),rgba(var(--brand-color-rgb),.02));border:1px solid rgba(var(--brand-color-rgb),.15);border-left:4px solid var(--primary-color);border-radius:8px;padding:16px;transition:all .2s ease}.guidance-card:hover{border-left-width:5px;box-shadow:0 2px 8px #00000014}.guidance-description{border-left-color:#3b82f6}.guidance-criteria{border-left-color:#8b5cf6}.guidance-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--text-primary)}.guidance-header i{font-size:18px;color:var(--brand-fg, var(--primary-color))}.guidance-text{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.assessment-form-section{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.form-label-required,.form-label-optional{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:8px}.form-label-required i,.form-label-optional i{font-size:18px;color:var(--brand-fg, var(--primary-color))}.optional-badge{margin-left:auto;background:var(--bg-surface);color:var(--text-muted);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.score-select{font-size:1rem;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;transition:all .2s ease;cursor:pointer}.score-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.1);outline:none}.score-select option{padding:10px}.notes-textarea{font-size:.95rem;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;transition:all .2s ease;resize:vertical;min-height:100px;line-height:1.5}.notes-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.1);outline:none}.notes-textarea::placeholder{color:var(--text-muted)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-color)}.modal-header .close-modal,.modal-header .btn-close{min-width:var(--touch-target-size);min-height:var(--touch-target-size);display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;padding:0}.modal-header .close-modal:hover,.modal-header .btn-close:hover{background:var(--bg-hover);color:var(--error-text, var(--error-color))}.modal-header .close-modal i,.modal-header .btn-close i{font-size:24px}.modal-actions .btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;border-radius:8px;transition:all .2s ease;border:none;cursor:pointer}.modal-actions .btn i{font-size:18px}.modal-actions .btn-cancel{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color)}.modal-actions .btn-cancel:hover{background:var(--bg-surface-2);border-color:var(--text-secondary)}.modal-actions .btn-save{background:linear-gradient(135deg,var(--primary-color) 0%,var(--brand-color) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--brand-color-rgb),.3)}.modal-actions .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-color-rgb),.4)}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:6px;font-size:.9rem;margin-bottom:16px}@media(max-width:768px)and (hover:none)and (pointer:coarse){.assessment-modal-enhanced{max-width:95%}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;justify-content:center}}.assessment-auto-score{display:flex;align-items:center;gap:8px;background:var(--success-bg, #f0fdf4);border:1px solid var(--success-color, #22c55e);padding:8px 16px;border-radius:8px;margin-top:8px;font-size:.95em}.assessment-auto-score i{font-size:1.2em;color:var(--success-text, var(--success-color, #22c55e))}.question-item select{margin-top:4px}.assessment-evidence-group .btn-outline-secondary{border-style:dashed}#assessor-context-selection{background:var(--card-bg, #fff)}#assessor-quality-table .badge{font-size:.75em;padding:2px 8px;border-radius:12px;margin-right:4px}#ranking-top5,#ranking-bottom5{max-height:250px;overflow-y:auto}#user-insight-feedback-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#user-insight-feedback-actions .btn{font-size:.85em}#user-trend-chart-card{background:var(--card-bg, #fff);border-radius:12px;padding:16px;border:1px solid var(--border-color, #e2e8f0)}#user-trend-improvement{font-weight:500;font-size:.9em}.modal-content{padding:calc(var(--spacing-unit) * 3);max-height:80vh;overflow-y:auto}.modal-content h4{margin-top:0;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--brand-fg, var(--primary-color));font-size:20px}.modal-content h5{margin-top:0;margin-bottom:calc(var(--spacing-unit) * 1);color:var(--text-primary);font-size:16px;display:flex;align-items:center;gap:8px}.modal-content form{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);max-width:none;margin:0;padding:0}.modal-content label:not(.checkbox-label):not(.position-permission-option):not(.column-toggle-item):not(:has(>input[type=checkbox])):not(:has(>input[type=radio])){display:block;margin-bottom:calc(var(--spacing-unit) * .5);font-weight:600;color:var(--text-color)}.modal-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),.modal-content select,.modal-content textarea{width:100%;padding:12px 14px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--bg-card);color:var(--text-color);transition:border-color .2s ease;margin-bottom:calc(var(--spacing-unit) * .5)}label.checkbox-label,.modal-content label.checkbox-label{display:inline-flex;align-items:center;gap:8px;width:auto;max-width:100%;margin-bottom:0;font-weight:500;cursor:pointer;line-height:1.4}label.checkbox-label input[type=checkbox],.modal-content label.checkbox-label input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;border:none!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important;transform:none!important;flex-shrink:0;accent-color:var(--brand-color)}label.checkbox-label input[type=checkbox]:focus,.modal-content label.checkbox-label input[type=checkbox]:focus{outline:2px solid rgba(var(--brand-color-rgb),.35);outline-offset:1px}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #0a93961a}.modal-actions{display:flex;gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 2)}.modal-actions button{flex:1;padding:12px 20px;min-height:var(--touch-target-size);font-size:var(--font-size-touch);font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.modal-actions button[type=submit]{background-color:var(--primary-color);color:#fff}.modal-actions button[type=submit]:hover{background-color:var(--primary-hover);color:var(--text-on-brand, #ffffff)}.modal-actions button[type=button]{background-color:var(--border-color);color:var(--text-color)}.modal-actions button[type=button]:hover{background-color:var(--border-color);opacity:.8}.profile-display{background-color:var(--bg-color);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);margin-bottom:calc(var(--spacing-unit) * 2)}.profile-display p{margin:0 0 calc(var(--spacing-unit) * 1.5) 0;line-height:1.8;display:flex;gap:calc(var(--spacing-unit) * 1.5);align-items:baseline;flex-wrap:wrap}.profile-display strong{color:var(--brand-fg, var(--primary-color));font-weight:600;min-width:110px}#edit-profile-btn{width:100%;padding:var(--touch-padding);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-touch);font-weight:600;cursor:pointer;transition:background-color .2s ease}#edit-profile-btn:hover{background-color:var(--primary-hover);color:var(--text-on-brand, #ffffff)}.competency-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2)}.competency-list-header h4{margin:0;color:var(--brand-fg, var(--primary-color))}.competency-filter{display:flex;gap:calc(var(--spacing-unit) * 1);flex-wrap:wrap;align-items:center}.competency-filter input[type=text]{padding:10px 14px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;min-width:200px;transition:border-color .2s}.competency-filter input[type=text]:focus{outline:none;border-color:var(--primary-color)}.competency-filter select{padding:10px 14px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;background-color:var(--bg-card);cursor:pointer;min-width:150px}.competency-filter select:focus{outline:none;border-color:var(--primary-color)}.category-badge{display:inline-block;padding:4px 10px;background-color:var(--secondary-color);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.form-row{display:flex;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 1)}.form-row .form-group{flex:1;position:relative;z-index:1}.form-row .form-group:focus-within{z-index:5}.form-row .form-group label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-color)}.form-row .form-group input{width:100%}textarea#super-description{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:14px;resize:vertical;margin-bottom:calc(var(--spacing-unit) * 1);transition:border-color .2s}textarea#super-description:focus{outline:none;border-color:var(--primary-color)}.form-actions{display:flex;gap:calc(var(--spacing-unit) * 1);margin-top:calc(var(--spacing-unit) * 1.5)}#comp-form-title{margin:0 0 calc(var(--spacing-unit) * 1.5) 0;color:var(--brand-fg, var(--primary-color))}.competency-table-wrapper{background:var(--bg-surface-1, var(--bg-card));border-radius:12px;overflow:hidden}.competency-table{background:var(--bg-surface-1, var(--bg-card))}.competency-table tbody tr{transition:all .2s ease}.competency-table tbody tr:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a;background-color:var(--bg-hover, rgba(10, 147, 150, .05))}.competency-table th{background-color:var(--bg-surface-1, var(--bg-color));font-weight:600;white-space:nowrap}.resizable-table{table-layout:fixed;width:100%}.resizable-th{position:relative;user-select:none;min-width:50px}.resizable-table th:nth-child(1){width:120px}.resizable-table th:nth-child(2){width:120px}.resizable-table th:nth-child(3){width:200px}.resizable-table th:nth-child(4){width:250px}.resizable-table th:nth-child(5){width:180px}.resizable-table th:nth-child(6){width:150px}.resizable-table th:nth-child(7){width:100px}.resize-handle{position:absolute;top:0;right:0;width:8px;height:100%;cursor:col-resize;user-select:none;background:transparent;transition:all .2s ease;z-index:10}.resize-handle:hover{background:var(--primary-color, #0a9396);opacity:.4;width:3px;right:-1px}.resize-handle.resizing{background:var(--primary-color, #0a9396);opacity:.6;width:3px;right:-1px}.resizable-th:last-child .resize-handle{display:none}.competency-table td{vertical-align:middle}.competency-table td.desc-cell,.competency-table td.kriteria-cell,.competency-table td.referensi-cell{max-width:200px;white-space:normal;word-break:break-word}.sector-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.sector-badge.global{background-color:#e8f5e9;color:#2e7d32}.sector-badge.construction{background-color:#fff3e0;color:#e65100}.sector-badge.agriculture{background-color:#e8f5e9;color:#388e3c}.sector-badge.retail{background-color:#e3f2fd;color:#1565c0}.sector-badge.manufacturing{background-color:#fce4ec;color:#c2185b}.sector-badge.hospitality{background-color:#f3e5f5;color:#7b1fa2}.category-badge.teknis{background-color:#e3f2fd;color:#1565c0}.category-badge.perilaku{background-color:#fff8e1;color:#f57f17}.category-badge.manajerial{background-color:#f3e5f5;color:#7b1fa2}.competency-modal{max-width:700px;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 10px 40px #0003}.competency-modal .modal-header{border-radius:12px 12px 0 0}.competency-modal .modal-content{border-radius:0 0 12px 12px}.modal-divider{border:none;border-top:1px solid var(--border-color);margin:calc(var(--spacing-unit) * 2) 0}.required{color:var(--error-text, var(--error-color))}.help-text{font-size:12px;color:var(--text-secondary);margin:4px 0 8px}.bulk-upload-group{background:var(--bg-color);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);border:2px dashed var(--border-color)}.file-upload-area{position:relative}.file-upload-area input[type=file]{position:absolute;left:-9999px;opacity:0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 2);border:2px dashed var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.file-upload-label:hover{border-color:var(--primary-color);color:var(--brand-fg, var(--primary-color));background:#0a93960d}.file-upload-label i{font-size:32px;margin-bottom:8px}.file-name{display:block;margin-top:8px;font-size:14px;color:var(--success-text, var(--success-color));font-weight:500}.section-header-actions{display:flex;gap:calc(var(--spacing-unit) * 1);flex-wrap:wrap}.competency-table .actions{display:flex;gap:8px;justify-content:center}.competency-table .btn-edit,.competency-table .btn-delete{padding:6px 12px;font-size:13px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.competency-table .btn-edit{background-color:var(--primary-color);color:#fff}.competency-table .btn-edit:hover{background-color:var(--primary-hover);color:var(--text-on-brand, #ffffff);transform:scale(1.05)}.competency-table .btn-delete{background-color:var(--error-color);color:#fff}.competency-table .btn-delete:hover{background-color:#c0392b;color:#fff;transform:scale(1.05)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.competency-list-header{flex-direction:column;align-items:stretch}.competency-filter{flex-direction:column}.competency-filter input[type=text],.competency-filter select{width:100%;min-width:auto}.form-row{flex-direction:column;gap:0}}.dashboard-overview{margin-bottom:30px}.super-section{display:none}.super-section.active{display:block;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.company-section{display:none}.company-section.active{display:block;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.assessor-section{display:none}.assessor-section.active{display:block;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.hc-section{display:none}.hc-section.active{display:block;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.manager-section{display:none}.manager-section.active{display:block;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.tasks-section{display:none}.tasks-section.active{display:block;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--section-gap, 12px);flex-wrap:wrap;gap:var(--stack-gap, 8px);padding-bottom:var(--stack-gap, 8px);border-bottom:1px solid var(--border-color)}.section-header h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-primary);font-size:1.2rem;line-height:1.2;font-weight:800;letter-spacing:0}.section-header h4{margin:0;font-size:1.0625rem;color:var(--text-primary);font-weight:700}.section-subheader{display:flex;align-items:center;justify-content:space-between;gap:var(--stack-gap, 8px);margin:0 0 var(--section-gap, 12px);padding:0 2px;flex-wrap:wrap}.section-subheader h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-primary);font-size:1.05rem;line-height:1.25;font-weight:750}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--section-gap, 12px);margin-bottom:var(--section-gap, 12px)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.stats-grid{grid-template-columns:1fr;gap:8px;margin-bottom:12px}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.stats-grid{gap:6px;margin-bottom:10px;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.stats-grid{gap:4px;margin-bottom:8px;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px)}}.stat-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--card-pad, 12px);display:flex;align-items:center;gap:var(--stack-gap, 8px);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.stat-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 4px 12px rgba(0,0,0,.12));border-color:var(--brand-color)}.stat-card-clickable:active{transform:translateY(0)}@media(max-width:480px)and (hover:none)and (pointer:coarse){.stat-card{padding:12px 10px;gap:10px;border-radius:10px;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)}.stat-icon{width:40px;height:40px;font-size:1.3rem;border-radius:8px}.stat-value{font-size:1.15rem}.stat-label{font-size:.75rem}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.stat-card{padding:10px 8px;gap:8px;border-radius:8px;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px)}.stat-icon{width:36px;height:36px;font-size:1.2rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f;border-color:var(--brand-color)}.stat-card:before{display:none}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.stat-card.stat-users .stat-icon{background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color))}.stat-card.stat-projects .stat-icon{background:#3b82f61a;color:#3b82f6}.stat-card.stat-companies .stat-icon{background:#e5c07b1a;color:var(--warning-text, var(--warning-color))}.stat-card.stat-competencies .stat-icon{background:#98c3791a;color:var(--success-text, var(--success-color))}.stat-card.stat-assessments .stat-icon{background:#a855f71a;color:#a855f7}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.insight-text{font-size:1rem;font-weight:600;color:var(--text-color);margin-top:4px;line-height:1.4}.stat-info{display:flex;flex-direction:column}.insight-text{margin-top:6px;font-size:14px;line-height:1.4;opacity:.9;color:var(--text-color)}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.9rem;opacity:.9;margin-top:5px}.super-ops-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:var(--shadow)}.super-ops-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.super-ops-header h4{margin:0 0 4px;display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--text-primary)}.super-ops-header p{margin:0;color:var(--text-secondary);font-size:.875rem}.super-ops-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.super-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.super-health-card{appearance:none;border:1px solid var(--border-color);border-left-width:4px;border-radius:8px;background:var(--bg-surface-2, var(--bg-card));color:var(--text-primary);min-height:88px;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.super-health-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover, 0 4px 12px rgba(0, 0, 0, .08));border-color:var(--brand-color)}.super-health-card.success{border-left-color:var(--success-color)}.super-health-card.info{border-left-color:var(--brand-color)}.super-health-card.warning{border-left-color:var(--warning-color)}.super-health-card.danger{border-left-color:var(--danger-color)}.super-health-icon{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color));flex:0 0 auto}.super-health-card.success .super-health-icon{background:#98c37924;color:var(--success-text, var(--success-color))}.super-health-card.warning .super-health-icon{background:#e5c07b29;color:var(--warning-text, var(--warning-color))}.super-health-card.danger .super-health-icon{background:#e06c7524;color:var(--danger-color)}.super-health-main{display:flex;flex-direction:column;min-width:0}.super-health-main strong{font-size:1.45rem;line-height:1;color:var(--text-primary)}.super-health-main span{margin-top:4px;font-size:.84rem;font-weight:700;line-height:1.2;color:var(--text-primary)}.super-health-main small{margin-top:3px;color:var(--text-secondary);font-size:.75rem;line-height:1.2}.super-recommendations{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.super-recommendation{appearance:none;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);padding:8px 10px;display:inline-flex;align-items:center;gap:8px;font-size:.84rem;cursor:pointer}.super-recommendation:hover{border-color:var(--brand-color);color:var(--brand-fg, var(--brand-color))}.super-recommendation.success{cursor:default;color:var(--success-text, var(--success-color))}.super-health-empty{color:var(--text-secondary);font-size:.875rem}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:25px}.chart-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.chart-card h4{margin:0 0 5px;color:var(--text-color);font-size:1rem}.chart-desc{margin:0 0 15px;font-size:.85rem;color:var(--text-secondary)}.chart-container{position:relative;height:200px;display:flex;align-items:center;justify-content:center}.chart-surface{width:100%;min-height:160px;display:flex;align-items:center;justify-content:center}.chart-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;justify-content:center}.legend-item{display:flex;align-items:center;gap:5px;font-size:.85rem}.legend-action{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);padding:6px 8px;cursor:pointer}.legend-action:hover{border-color:var(--brand-color);color:var(--brand-fg, var(--brand-color))}.legend-color{width:12px;height:12px;border-radius:3px;flex:0 0 auto}.chart-summary{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.activity-stats{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.activity-stat{font-size:.85rem;color:var(--text-secondary)}.activity-stat strong{color:var(--brand-fg, var(--primary-color))}.recent-activity-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.recent-activity-card h4{margin:0 0 15px;color:var(--text-color)}.activity-list{max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.activity-item:last-child{border-bottom:none}.activity-item.loading{justify-content:center;color:var(--text-secondary)}.activity-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.activity-icon.user-add{background:#98c37926;color:var(--success-text, var(--success-color))}.activity-icon.company-add{background:#e5c07b26;color:var(--warning-text, var(--warning-color))}.activity-icon.assessment{background:var(--brand-tint-12, rgba(var(--brand-color-rgb), .12));color:var(--brand-fg, var(--brand-color))}.activity-icon.login{background:#c678dd26;color:var(--purple-color)}.activity-content{flex:1}.activity-text{color:var(--text-color);font-size:.9rem;margin:0}.activity-text strong{color:var(--brand-fg, var(--primary-color))}.activity-time{color:var(--text-secondary);font-size:.75rem;margin-top:3px}.simple-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:150px;width:100%;padding:0 10px}.bar-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:50px}.bar{width:30px;background:linear-gradient(to top,var(--primary-color),#38ef7d);border-radius:4px 4px 0 0;transition:height .5s ease;min-height:5px}.bar-label{font-size:.7rem;color:var(--text-secondary);margin-top:5px;text-align:center}.bar-value{font-size:.75rem;color:var(--text-color);font-weight:600;margin-bottom:3px}.donut-chart{position:relative;width:150px;height:150px;border-radius:50%}.donut-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-total{font-size:1.5rem;font-weight:700;color:var(--text-color)}.donut-label{font-size:.75rem;color:var(--text-secondary)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.super-ops-header{flex-direction:column}.super-ops-actions{justify-content:flex-start;width:100%}.sub-nav{gap:3px;padding:4px}.sub-nav-btn{padding:10px 12px;font-size:.85rem;flex:1;justify-content:center;min-width:80px}.section-header{flex-direction:column;align-items:flex-start}.section-header button{width:100%}.stats-grid{grid-template-columns:1fr;gap:14px}.stat-card{padding:18px;gap:16px}.stat-icon{width:48px;height:48px;font-size:1.5rem}.stat-value{font-size:1.75rem;line-height:1.2}.stat-label{font-size:.875rem;line-height:1.3}.dashboard-charts{grid-template-columns:1fr}}.score-buttons{display:inline-flex;gap:calc(var(--spacing-unit) * .5);flex-wrap:wrap}.score-buttons input{position:absolute;opacity:0;pointer-events:none}.score-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-color);cursor:pointer;font-weight:700;user-select:none}.score-buttons input:checked+.score-btn{border-color:var(--primary-color);color:var(--brand-fg, var(--primary-color))}.assessor-cell-muted{margin-top:6px;font-size:12px;opacity:.8}.assessor-row-actions{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5)}.assessor-status{font-size:12px;opacity:.85}.card{background-color:var(--bg-card);border-radius:0;box-shadow:none;padding:8px;margin-bottom:0;border:1px solid var(--border-color)}.grid-layout-2-col{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2)}@media(min-width:768px){.grid-layout-2-col{grid-template-columns:1fr 1fr}}.assessment-grid{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.assessment-category-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.assessment-category-header{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background:var(--bg-hover);cursor:pointer;user-select:none;transition:background-color .2s}.assessment-category-header:hover{background:var(--bg-input)}.category-header-left{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1)}.category-header-left .toggle-icon{font-size:1rem;color:var(--text-secondary);transition:transform .2s}.category-header-left .category-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.category-header-left .priority-badge{background:var(--warning-bg);color:var(--warning-text, var(--warning-color));padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.category-header-right{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1)}.category-header-right .category-progress{font-size:.8rem;color:var(--text-secondary);font-weight:500}.assessment-category-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 2);transition:max-height .3s ease-out,opacity .2s ease-out,padding .2s ease-out}.assessment-category-section.collapsed .assessment-category-content{max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden}.assessment-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between}.assessment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--accent-color)}.assessment-card.completed{border-left:4px solid var(--success-color);background:linear-gradient(135deg,rgba(46,204,113,.03) 0%,transparent 100%)}.assessment-card.has-draft{border-left:4px solid var(--warning-color);background:linear-gradient(135deg,rgba(241,196,15,.05) 0%,transparent 100%)}.assessment-check{color:var(--success-text, var(--success-color));font-size:1.2em;font-weight:700}.assessment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-unit);border-bottom:1px solid var(--bg-color);padding-bottom:var(--spacing-unit);gap:8px}.assessment-title{font-weight:700;font-size:1.1em;color:var(--brand-fg, var(--primary-color))}.assessment-badge{background-color:var(--bg-color);color:var(--text-color);padding:4px 8px;border-radius:12px;font-size:.85em;font-weight:500}.assessment-body{margin-bottom:calc(var(--spacing-unit) * 2);flex-grow:1}.assessment-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.95em}.assessment-label{color:var(--secondary-color)}.assessment-actions{display:flex;gap:var(--spacing-unit);margin-top:auto;align-items:center;justify-content:space-between}.assessment-status{font-size:.85em}.btn-full-width{width:100%;justify-content:center}.quick-score-section{margin:calc(var(--spacing-unit) * 1.5) 0;padding:var(--spacing-unit) 0;border-top:1px dashed var(--border-color)}.quick-score-label{font-size:.85em;color:var(--secondary-color);display:block;margin-bottom:8px}.quick-score-buttons{display:flex;gap:6px;justify-content:center}.quick-score-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-color);font-weight:700;font-size:1em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quick-score-btn:hover{border-color:var(--safety-hover, #c2410c);background:var(--safety-hover, #c2410c);color:#fff;transform:scale(1.1)}.quick-score-btn.active{background:var(--success-color);border-color:var(--success-color);color:#fff;box-shadow:0 2px 8px #2ecc7166}.quick-score-btn[data-score="1"]:hover{background:var(--error-solid, #b91c1c);border-color:var(--error-solid, #b91c1c)}.quick-score-btn[data-score="2"]:hover{background:var(--safety-hover, #c2410c);border-color:var(--safety-hover, #c2410c)}.quick-score-btn[data-score="3"]:hover{background:#f1c40f;border-color:#f1c40f;color:#333}.quick-score-btn[data-score="4"]:hover{background:var(--success-solid, #15803d);border-color:var(--success-solid, #15803d)}.quick-score-btn[data-score="5"]:hover{background:#166534;border-color:#166534}.context-progress-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.progress-bar-mini{width:100px;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.progress-bar-mini .progress-bar{height:100%;background:var(--success-color);transition:width .3s ease;border-radius:3px}.progress-bar-mini .progress-bar.has-drafts{background:linear-gradient(90deg,var(--success-color) 60%,var(--warning-color) 100%)}.progress-saved{color:var(--success-text, var(--success-color));font-weight:700}.progress-draft{color:var(--warning-text, var(--warning-color));font-weight:500}.assessment-type-tabs{display:inline-flex;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-secondary, var(--bg-input));padding:4px;gap:4px;margin-bottom:calc(var(--spacing-unit) * 2);overflow-x:auto;-webkit-overflow-scrolling:touch}.assessment-type-tab-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);padding:0 16px;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.assessment-type-tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.assessment-type-tab-btn.active{background:var(--bg-card, #fff);color:var(--safety-fg, var(--accent-color));box-shadow:0 1px 4px #0f172a24;font-weight:800}.assessment-type-tab-btn i{font-size:1rem}.assessment-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;background:var(--bg-hover);color:var(--text-secondary)}.assessment-type-tab-btn.active .assessment-type-badge{background:#3498db26;color:var(--safety-fg, var(--accent-color))}.assessor-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:900px){.assessor-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.assessor-center-grid{grid-template-columns:1fr}}.assessor-task-card{background:var(--bg-card, #fff);border:1px solid var(--border-color);border-left-width:5px;border-radius:var(--border-radius, 8px);padding:16px;display:grid;gap:12px;box-shadow:0 1px 2px #0f172a0a}.assessor-task-card--overdue{border-left-color:#dc2626;background:linear-gradient(90deg,rgba(220,38,38,.06),var(--bg-card,#fff) 55%)}.assessor-task-card--urgent{border-left-color:#d97706;background:linear-gradient(90deg,rgba(217,119,6,.06),var(--bg-card,#fff) 55%)}.assessor-task-card--soon{border-left-color:var(--accent-color, #3b82f6);background:linear-gradient(90deg,rgba(59,130,246,.06),var(--bg-card,#fff) 55%)}.assessor-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.assessor-task-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px}.assessor-task-meta{margin-top:4px;color:var(--text-secondary);font-size:13px}.assessor-task-footer{border-top:1px solid var(--border-color);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.assessor-task-note{color:var(--text-secondary);font-size:12px;font-weight:700}.assessor-form-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(160px,1fr) auto;gap:12px;align-items:flex-end;margin-bottom:16px;background:var(--bg-card, #fff);border:1px solid var(--border-color);border-radius:var(--border-radius, 8px);padding:16px}.assessor-form-col{display:flex;flex-direction:column;gap:6px}.assessor-cta-btn{min-height:40px;white-space:nowrap;align-self:flex-end}@media(max-width:720px){.assessor-form-row{grid-template-columns:1fr}.assessor-cta-btn{width:100%}}.metric-card-stat{background:var(--bg-card, #fff);border:1px solid var(--border-color);border-radius:var(--border-radius, 8px);padding:18px;box-shadow:0 1px 2px #0f172a0a}.metric-card-label{color:var(--text-secondary);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.metric-card-value{margin-top:8px;font-size:36px;font-weight:900;color:var(--text-primary);line-height:1}.metric-card-desc{margin-top:6px;color:var(--text-secondary);font-size:13px;line-height:1.4}@media(max-width:700px){.assessor-metrics-grid{grid-template-columns:1fr!important}}#assessor-tab .assessment-section-head{align-items:flex-end;gap:16px}#assessor-tab .assessment-rule-badge{align-self:center;min-height:24px;text-transform:none}#assessor-assessment-section .assessor-form-row{border-radius:8px;box-shadow:0 1px 2px #0f172a14}#assessor-assessment-section .context-bar{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,auto);gap:14px;align-items:center;padding:14px;margin-bottom:14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0f172a0a}#assessor-assessment-section .assessment-context-kicker{color:var(--text-secondary);font-size:12px;font-weight:900;letter-spacing:.04em}#assessor-assessment-section .assessment-context-main h3{margin:4px 0 0;color:var(--text-primary);font-size:18px;line-height:1.2}#assessor-assessment-section .assessment-context-main p{margin:3px 0 0;color:var(--text-secondary);font-size:13px}#assessor-assessment-section .progress-wrap{min-width:260px}#assessor-assessment-section .progress-meta{display:flex;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:12px;font-weight:800}#assessor-assessment-section .progress-track{height:8px;border-radius:999px;background:var(--bg-surface-1);overflow:hidden;margin-top:8px}#assessor-assessment-section .progress-fill{height:100%;background:var(--brand-color);border-radius:inherit;transition:width .2s ease}#assessor-assessment-section .assessment-progress-hidden{display:none}#assessor-assessment-section .assessment-final-score{grid-column:1 / -1;color:var(--text-secondary);font-size:12px}#assessor-assessment-section .assessment-domain-tools{margin-bottom:12px}#assessor-assessment-section .tool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}#assessor-assessment-section .tool-row-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#assessor-assessment-section .badge-violet{background:#8b5cf621;color:#a78bfa;border:1px solid rgba(167,139,250,.28)}#assessor-assessment-section .assessment-type-tabs{margin-bottom:14px}#assessor-behavior-grid,#assessor-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#assessor-behavior-grid .assessment-category-section,#assessor-skill-grid .assessment-category-section,#assessor-behavior-grid .assessment-category-content,#assessor-skill-grid .assessment-category-content{display:contents}#assessor-behavior-grid .assessment-category-header,#assessor-skill-grid .assessment-category-header{display:none}#assessor-behavior-grid .assessment-category-section.collapsed .assessment-category-content,#assessor-skill-grid .assessment-category-section.collapsed .assessment-category-content{max-height:none;opacity:1;padding:0;overflow:visible}#assessor-assessment-section .assessment-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:15px;display:grid;gap:12px;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s ease,background-color .15s ease}#assessor-assessment-section .assessment-card:hover{transform:none;box-shadow:0 1px 2px #0f172a14;border-color:rgba(var(--brand-color-rgb),.42)}#assessor-assessment-section .assessment-card.completed,#assessor-assessment-section .assessment-card.done{border-color:#10b9816b;background:linear-gradient(180deg,rgba(16,185,129,.08),var(--bg-card) 44%)}#assessor-assessment-section .assessment-card.required{border-left:4px solid #d97706}#assessor-assessment-section .assessment-card.extra{border-left:4px solid #059669}#assessor-assessment-section .card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}#assessor-assessment-section .card-title,#assessor-assessment-section .assessment-title{color:var(--text-primary);font-size:16px;font-weight:900;line-height:1.25}#assessor-assessment-section .card-desc{margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.45}#assessor-assessment-section .rubric{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr)}#assessor-assessment-section .rubric div{padding:9px;border-right:1px solid var(--border-color);background:var(--bg-surface-1)}#assessor-assessment-section .rubric div:last-child{border-right:0}#assessor-assessment-section .rubric strong{display:block;font-size:12px;margin-bottom:4px;color:var(--text-primary)}#assessor-assessment-section .rubric span{color:var(--text-secondary);font-size:12px;line-height:1.35}#assessor-assessment-section .split-score{display:grid;grid-template-columns:1fr 1fr;gap:8px}#assessor-assessment-section .mini-score{border:1px solid var(--border-color);background:var(--bg-surface-1);border-radius:8px;padding:8px;text-align:center}#assessor-assessment-section .mini-score small{display:block;color:var(--text-secondary);font-weight:900}#assessor-assessment-section .mini-score strong{display:block;margin-top:3px;font-size:20px;color:var(--text-primary)}#assessor-assessment-section .card-actions,#assessor-assessment-section .assessment-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}#assessor-assessment-section .status-text,#assessor-assessment-section .assessment-my-status{color:var(--text-secondary);font-size:12px;font-weight:800}#assessor-assessment-section .status-text.done,#assessor-assessment-section .assessment-my-status.text-success{color:var(--success-text, var(--success-color))}#assessor-assessment-section .inline-assessment-form{border-top:1px solid var(--border-color);padding-top:12px;display:grid;gap:10px}#assessor-assessment-section .inline-score-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}#assessor-assessment-section .inline-score-pick{min-height:42px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-weight:900}#assessor-assessment-section .inline-score-pick.active{background:var(--brand-color);border-color:var(--brand-color);color:var(--text-on-brand)}#assessor-assessment-section .inline-assessment-notes{min-height:74px;padding:10px;resize:vertical}#assessor-assessment-section .inline-assessment-actions{display:flex;justify-content:flex-end;gap:8px}#assessor-assessment-section .inline-assessment-error{display:none;margin:0;color:var(--error-text, var(--error-color));font-size:12px}#assessor-assessment-section #assessor-session-card{display:none!important}@media(max-width:1020px){#assessor-behavior-grid,#assessor-skill-grid,#assessor-assessment-section .context-bar{grid-template-columns:1fr}#assessor-assessment-section .progress-wrap{min-width:0}#assessor-assessment-section .rubric{grid-template-columns:1fr}#assessor-assessment-section .rubric div{border-right:0;border-bottom:1px solid var(--border-color)}#assessor-assessment-section .rubric div:last-child{border-bottom:0}}.sub-nav-count-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:800;background:#dc2626;color:#fff;margin-left:2px;line-height:1}.modal-type-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-type-badge.badge-skill{background:#3b82f61f;color:#3b82f6}.modal-type-badge.badge-behavior{background:#22c55e1f;color:var(--success-text, #166534)}.behavior-guidance-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-bottom:16px;background:linear-gradient(135deg,#22c55e0f,#22c55e05);border:1px solid rgba(34,197,94,.2);border-left:4px solid #16a34a;border-radius:8px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.behavior-guidance-box i{font-size:1.2rem;color:var(--success-text, #166534);margin-top:1px;flex-shrink:0}.progress-detail-text{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.soft-skills-card{border:2px solid var(--accent-light);background:linear-gradient(135deg,rgba(52,152,219,.02) 0%,transparent 100%)}.soft-skills-layout{display:grid;grid-template-columns:1fr 200px;gap:calc(var(--spacing-unit) * 2);align-items:start}.soft-skills-inputs{flex:1}.soft-skills-preview{display:flex;align-items:center;justify-content:center}.radar-preview{width:180px;height:180px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-color);border-radius:50%;background:var(--bg-color)}.radar-preview svg{max-width:100%;max-height:100%}.fab-next-assessment{position:fixed;bottom:100px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;box-shadow:0 4px 12px #3498db66;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;font-size:1.5em;transition:all .3s ease}.fab-next-assessment:hover{transform:scale(1.1);box-shadow:0 6px 16px #3498db80}.fab-next-assessment i{animation:bounce-down 1s infinite}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes highlight-pulse{0%{box-shadow:0 0 #3498db80}50%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 #3498db00}}.assessment-card.highlight-pulse{animation:highlight-pulse .5s ease-out 2}@media(max-width:768px)and (hover:none)and (pointer:coarse){.soft-skills-layout{grid-template-columns:1fr}.soft-skills-preview{order:-1;margin-bottom:var(--spacing-unit)}.radar-preview{width:150px;height:150px}.quick-score-btn{width:44px;height:44px}.fab-next-assessment{bottom:80px;right:16px}}.by-skill-assessment-table{margin-bottom:0}.by-skill-assessment-table th{background:var(--bg-color);font-weight:600;color:var(--secondary-color);border-bottom:2px solid var(--border-color);padding:12px 8px;font-size:.9em}.by-skill-assessment-table td{vertical-align:middle;padding:12px 8px}.by-skill-assessment-table tbody tr:hover{background:var(--bg-hover)}.user-avatar-sm{width:40px;height:40px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em}.score-radio-group{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.score-radio-label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;transition:all .2s ease;font-size:.9em}.score-radio-label:hover{background:var(--bg-hover);border-color:var(--accent-color)}.score-radio-label input[type=radio]{cursor:pointer}.score-radio-label input[type=radio]:checked{accent-color:var(--success-color)}.score-radio-label:has(input:checked){background:var(--success-color);color:#fff;border-color:var(--success-color)}.skill-info-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:calc(var(--spacing-unit) * 2)}.skill-info-item strong{display:block;margin-bottom:4px;color:var(--secondary-color)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.skill-info-grid{grid-template-columns:1fr;gap:var(--spacing-unit)}.by-skill-assessment-table{font-size:.85em}.score-radio-group{gap:4px}.score-radio-label{padding:2px 6px;font-size:.8em}}.sticky-top{position:sticky;top:0;background-color:var(--bg-color);z-index:95;padding-bottom:var(--spacing-unit);border-bottom:1px solid var(--border-color);margin-bottom:calc(var(--spacing-unit) * 2)}#fairness-chart-container{width:100%;height:300px;display:flex;justify-content:center;align-items:center;background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden}.chart-tooltip{position:absolute;text-align:center;padding:8px;font:12px sans-serif;background:var(--primary-color);color:#fff;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .2s}.stats-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-unit);margin-top:var(--spacing-unit)}.stats-mini-grid .stat-card{background:var(--bg-color);padding:var(--spacing-unit);border-radius:var(--border-radius);text-align:center;border:1px solid transparent;transition:all .3s ease;position:relative}.stats-mini-grid .stat-card:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:var(--shadow);color:var(--text-primary)}.stats-mini-grid .stat-value{font-size:1.5em;font-weight:700;color:var(--brand-fg, var(--primary-color));display:block}.stats-mini-grid .stat-label{font-size:.8em;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px}@keyframes pulse-warning{0%{box-shadow:0 0 #e74c3c66}70%{box-shadow:0 0 0 6px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.stats-mini-grid .stat-card.warning{border-color:var(--error-color);background-color:var(--error-bg, #fee2e2);animation:pulse-warning 2s infinite}.stats-mini-grid .stat-card.warning .stat-value{color:var(--error-text, var(--error-color))}.stats-mini-grid .stat-tooltip{visibility:hidden;width:200px;background-color:var(--primary-color);color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:.85em;pointer-events:none}.stats-mini-grid .stat-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--primary-color) transparent transparent transparent}.stats-mini-grid .stat-card:hover .stat-tooltip{visibility:visible;opacity:1}@media(max-width:600px){#assessor-behavior-grid,#assessor-skill-grid,.assessment-grid{grid-template-columns:1fr}.assessment-card{margin-bottom:var(--spacing-unit)}.btn{padding:12px 20px}.stats-mini-grid{grid-template-columns:1fr}}.assessment-detail-tabs{border-bottom:1px solid var(--border-color, #dee2e6);margin-bottom:12px}.assessment-detail-tabs .nav-link{border:none;background:none;padding:8px 16px;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem}.assessment-detail-tabs .nav-link.active{color:var(--primary, #4f46e5);border-bottom-color:var(--primary, #4f46e5);font-weight:600}.assessment-detail-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;background:var(--surface-2, #f8f9fa);border-radius:8px;margin-bottom:12px}.assessment-detail-filters .filter-group-inline{display:flex;align-items:center;gap:6px}.assessment-detail-filters .filter-group-inline label{margin:0;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.assessment-detail-filters select{min-width:140px}.per-skill-card{padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;margin-bottom:10px;background:var(--surface, #fff)}.per-skill-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}.per-skill-title{font-weight:600;font-size:.95rem}.per-skill-cat{font-size:.75rem}.per-skill-meta{font-size:.8rem;margin-bottom:6px}.per-skill-spark{line-height:0}.timeline-card{padding:12px;border-left:3px solid var(--primary, #4f46e5);background:var(--surface-2, #f9fafb);border-radius:0 8px 8px 0;margin-bottom:10px}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.timeline-meta{font-size:.8rem;margin-bottom:8px}.timeline-skill-row{padding:6px 0;border-top:1px dashed var(--border-color, #e5e7eb);font-size:.85rem}.timeline-skill-row:first-child{border-top:none}.timeline-skill-name{font-weight:600;margin-right:8px}.timeline-skill-notes{font-style:italic;font-size:.8rem;margin-top:4px}.project-flow-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0 18px}.project-flow-step{min-height:76px;padding:12px;border:1px solid var(--border-color, #d9e2ef);border-radius:8px;background:var(--card-bg, #fff);display:grid;align-content:start;gap:5px}.project-flow-step i{color:var(--brand-fg, var(--primary-color, #2563eb));font-size:20px}.project-flow-step strong,.project-flow-step small{min-width:0;overflow-wrap:anywhere}.project-flow-step strong{font-size:.86rem}.project-flow-step small{color:var(--text-secondary, #64748b);font-size:.78rem}.project-next-steps{margin-top:14px;padding:12px;border:1px solid var(--border-color, #d9e2ef);border-radius:8px;background:var(--bg-secondary, #f8fafc)}.project-next-steps-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.project-next-steps-head strong,.project-next-steps-head small{display:block}.project-next-steps-head small{margin-top:3px;color:var(--text-secondary, #64748b)}.project-next-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-next-step{min-height:76px;width:100%;padding:12px;border:1px solid var(--border-color, #d9e2ef);border-radius:8px;background:var(--card-bg, #fff);color:var(--text-primary, #0f172a);display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;text-align:left}.project-next-step:hover{border-color:var(--primary-color, #2563eb)}.project-next-step i{color:var(--brand-fg, var(--primary-color, #2563eb));font-size:22px;margin-top:2px}.project-next-step strong,.project-next-step small{display:block;overflow-wrap:anywhere}.project-next-step small{margin-top:3px;color:var(--text-secondary, #64748b);font-size:.8rem;line-height:1.35}.project-cell-title{display:grid;gap:3px;min-width:180px}.project-cell-title strong,.project-cell-title small{overflow-wrap:anywhere}.project-cell-title small{color:var(--text-secondary, #64748b);font-size:.78rem}.project-cell-cost{min-width:126px}.project-actions-compact{display:flex;flex-wrap:wrap;gap:6px;min-width:210px}.project-actions-compact button{min-height:32px;padding:0 9px;white-space:nowrap}.project-admin-shell{margin-bottom:18px}.project-admin-shell .hc-section{display:block}.project-admin-shell .section-header{position:sticky;top:0;z-index:4;background:var(--bg-primary, #fff);padding-top:10px;padding-bottom:10px}.project-checklist-list{display:grid;gap:8px}.project-check-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border-color, #d9e2ef);border-radius:8px;background:var(--bg-surface-2, var(--bg-card, #fff));color:var(--text-primary)}.project-check-row strong,.project-check-row small{display:block;overflow-wrap:anywhere}.project-check-row strong{color:var(--text-primary)}.project-check-row small{margin-top:2px;color:var(--text-secondary, #64748b);font-size:.8rem}.project-check-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(var(--brand-color-rgb, 13, 59, 102),.28);color:#93c5fd;border:1px solid rgba(var(--brand-color-rgb, 13, 59, 102),.35)}.project-check-row-complete .project-check-icon{color:var(--success-text, var(--success-color, #16a34a))}.project-check-row-blocked .project-check-icon{color:var(--warning-text, var(--warning-color, #d97706))}.project-check-missing{margin-top:10px;padding:10px;border:1px solid var(--warning-color, #d97706);border-radius:8px;background:#f59e0b14}.project-check-missing strong{display:block;margin-bottom:8px}.project-check-missing>div{display:flex;gap:6px;flex-wrap:wrap}.project-check-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.project-advanced-panel>summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;list-style:none}.project-advanced-panel>summary::-webkit-details-marker{display:none}.project-advanced-body{margin-top:14px}.project-requirement-suggestions{margin-top:10px;padding:10px;border:1px solid var(--border-color, #d9e2ef);border-radius:8px;background:var(--bg-secondary, #f8fafc)}.project-req-suggestion-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-req-suggestion-head strong,.project-req-suggestion-head small{display:block}.project-req-suggestion-head small{margin-top:3px;color:var(--text-secondary, #64748b);font-size:.8rem}.project-req-suggestion-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.project-req-chip{min-height:28px;max-width:100%;padding:5px 8px;border:1px solid var(--border-color, #d9e2ef);border-radius:8px;background:var(--card-bg, #fff);color:var(--text-primary, #0f172a);font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.project-req-chip b{color:var(--brand-fg, var(--primary-color, #2563eb))}.project-req-chip-muted{color:var(--text-secondary, #64748b)}.project-history-list{display:grid;gap:10px}.project-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid var(--border-color, #d9e2ef);border-radius:8px;background:var(--card-bg, #fff)}.project-history-main{min-width:0;display:grid;gap:5px}.project-history-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-history-title-row strong,.project-history-main small,.project-history-meta span{overflow-wrap:anywhere}.project-history-main small{color:var(--text-secondary, #64748b)}.company-cockpit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--section-gap, 12px);margin:var(--section-gap, 12px) 0}.hc-dashboard-cockpit.company-cockpit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.hc-dashboard-cockpit.company-cockpit-grid{grid-template-columns:1fr}}.company-cockpit-panel{background:var(--bg-card, #fff);border:1px solid var(--border-color, #d9e2ef);border-radius:8px;padding:14px;min-width:0}.company-cockpit-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.company-cockpit-head h4{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:1rem}.company-cockpit-list{display:grid;gap:9px}.company-cockpit-row,.company-cockpit-action{width:100%;min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border-color, #d9e2ef);border-radius:8px;background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #0f172a);text-align:left}.company-cockpit-action{grid-template-columns:34px minmax(0,1fr);cursor:pointer}.company-cockpit-action:hover{border-color:var(--primary-color, #2563eb)}.company-cockpit-row i,.company-cockpit-action i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#2563eb1a;color:var(--brand-fg, var(--primary-color, #2563eb));font-size:18px}.company-cockpit-row strong,.company-cockpit-action strong,.company-cockpit-row small,.company-cockpit-action small{display:block;min-width:0;overflow-wrap:anywhere}.company-cockpit-row small,.company-cockpit-action small{margin-top:2px;color:var(--text-secondary, #64748b);font-size:.78rem}.company-cockpit-row.muted{color:var(--text-secondary, #64748b)}.company-cockpit-row.status-ok i{background:#16a34a1f;color:var(--success-text, var(--success-color, #16a34a))}.company-cockpit-row.status-warn i{background:#d977061f;color:var(--warning-text, var(--warning-color, #d97706))}.company-cockpit-row.status-danger i{background:#dc26261a;color:var(--error-text, var(--danger-color, #dc2626))}.project-history-meta,.project-history-stats{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--text-secondary, #64748b);font-size:.82rem}.project-history-meta span{display:inline-flex;align-items:center;gap:4px}.project-history-stats{justify-content:flex-end;min-width:220px}@media(max-width:1100px){.company-cockpit-grid{grid-template-columns:1fr}.project-flow-strip,.project-next-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.project-flow-strip,.project-next-steps-grid{grid-template-columns:1fr}.project-check-row{grid-template-columns:34px minmax(0,1fr)}.project-check-row .badge{grid-column:2;justify-self:flex-start}.company-cockpit-row{grid-template-columns:34px minmax(0,1fr)}.company-cockpit-row .badge,.company-cockpit-row .btn-secondary{grid-column:2;justify-self:flex-start}.project-req-suggestion-head,.project-history-item{grid-template-columns:1fr;display:grid}.project-history-stats{justify-content:flex-start;min-width:0}}#assessor-sub-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:4px;max-width:100%}#assessor-sub-nav .sub-nav-btn{flex:0 0 auto;white-space:nowrap;max-width:none;min-width:max-content;overflow:visible;text-overflow:clip}#assessor-sub-nav .assessor-nav-full,#assessor-sub-nav .assessor-nav-short,#main-app #assessor-sub-nav .assessor-nav-full,#main-app #assessor-sub-nav .assessor-nav-short{flex:0 0 auto!important;min-width:2.75rem!important;overflow:visible!important;text-overflow:clip!important}#assessor-sub-nav .assessor-nav-short{display:none}.assessor-section-switcher{display:none;gap:8px;padding:8px;margin:0 0 16px;background:var(--bg-surface-1, var(--bg-card));border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.assessor-section-switcher-btn{flex:1 0 auto;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer}.assessor-section-switcher-btn.active{color:var(--brand-fg, var(--brand-color));background:var(--brand-tint-12, rgba(var(--brand-color-rgb), .12));border-color:var(--brand-tint-28, rgba(var(--brand-color-rgb), .28))}@media(max-width:1280px){#assessor-sub-nav .assessor-nav-full{display:none}#assessor-sub-nav .assessor-nav-short{display:inline;min-width:2.75rem}#assessor-sub-nav{scroll-snap-type:none}}@media(max-width:768px){.assessor-section-switcher{display:flex}}body.device-mobile.persona-white-collar .assessor-section-switcher,body.touch-device.persona-white-collar .assessor-section-switcher{display:flex}.bc-profile-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow);margin-bottom:12px;position:relative}.bc-profile-photo-wrapper{position:relative;flex-shrink:0}.bc-profile-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-color);background:var(--bg-secondary)}.bc-photo-edit-btn{position:absolute;bottom:-4px;right:-4px;width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-card);background:var(--brand-color);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.bc-photo-edit-btn:hover{transform:scale(1.1)}.bc-profile-info{flex:1;min-width:0}.bc-profile-name{font-size:1.2rem;font-weight:700;color:var(--text-color);margin:0 0 2px;line-height:1.2}.bc-profile-position{font-size:.95rem;color:var(--text-secondary);margin:0}.bc-profile-badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.bc-badge{font-size:.75rem;padding:4px 8px;border-radius:12px;background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color))}.bc-dark-mode-toggle{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-secondary);font-size:20px;cursor:pointer;transition:background .2s}.bc-dark-mode-toggle:hover{background:var(--border-color)}.bc-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.bc-stat-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow);cursor:pointer;transition:all .2s ease;min-height:56px;border:1px solid transparent}.bc-stat-card:hover,.bc-stat-card:focus{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand-color)}.bc-stat-card:active{transform:scale(.98)}.bc-stat-emoji{font-size:1.5rem;flex-shrink:0}.bc-stat-content{flex:1;min-width:0}.bc-stat-value{font-size:1.15rem;font-weight:700;color:var(--text-color);line-height:1.2}.bc-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:1px}.bc-stat-arrow{font-size:1.2rem;color:var(--text-muted);opacity:.5}.bc-stars{color:#ffc107;letter-spacing:2px}.bc-stat-rating{background:linear-gradient(135deg,#fff9e6 0%,var(--bg-card) 100%)}.bc-stat-attendance{background:linear-gradient(135deg,#e6f7e6 0%,var(--bg-card) 100%)}.bc-stat-projects{background:linear-gradient(135deg,#e6f0ff 0%,var(--bg-card) 100%)}.bc-stat-projects.bc-stat-earnings{background:linear-gradient(135deg,#e6fff0 0%,var(--bg-card) 100%)}[data-theme=dark] .bc-stat-rating{background:linear-gradient(135deg,rgba(255,193,7,.1) 0%,var(--bg-card) 100%)}[data-theme=dark] .bc-stat-attendance{background:linear-gradient(135deg,rgba(76,175,80,.1) 0%,var(--bg-card) 100%)}[data-theme=dark] .bc-stat-projects{background:linear-gradient(135deg,rgba(33,150,243,.1) 0%,var(--bg-card) 100%)}[data-theme=dark] .bc-stat-projects.bc-stat-earnings{background:linear-gradient(135deg,rgba(0,200,100,.15) 0%,var(--bg-card) 100%)}.bc-insights-section{margin-bottom:20px}.bc-section-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 12px;display:flex;align-items:center;gap:8px}.bc-insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:640px){.bc-insights-grid{grid-template-columns:1fr}}.bc-insight-card{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--bg-card);border-radius:12px;border-left:4px solid var(--border-color);cursor:pointer;transition:all .2s;min-height:48px}.bc-insight-card:hover,.bc-insight-card:focus{transform:translate(4px);box-shadow:var(--shadow)}.bc-insight-strength{border-left-color:#4caf50}.bc-insight-improve{border-left-color:#ff9800}.bc-insight-suggest{border-left-color:#2196f3}.bc-insight-icon{font-size:1.5rem;flex-shrink:0}.bc-insight-content{flex:1;min-width:0}.bc-insight-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.bc-insight-text{font-size:.95rem;font-weight:600;color:var(--text-color);margin-top:2px;line-height:1.3}.bc-skills-card{background:var(--bg-card);border-radius:16px;padding:16px;box-shadow:var(--shadow);margin-bottom:20px}.bc-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bc-edit-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-secondary);font-size:18px;cursor:pointer;transition:all .2s}.bc-edit-btn:hover{background:var(--border-color);transform:scale(1.1)}.bc-helper-text{font-size:.85rem;color:var(--text-secondary);margin:0 0 12px}.bc-skills-grid{display:flex;flex-wrap:wrap;gap:8px}.bc-skill-item{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-secondary);border-radius:20px;font-size:.9rem;font-weight:500;color:var(--text-color);transition:all .2s}.bc-skill-item:hover{background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color))}.bc-skill-stars{color:#ffc107;font-size:.85rem}.bc-skill-empty{color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.bc-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.bc-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .2s;min-height:80px}.bc-action-btn:hover,.bc-action-btn:focus{border-color:var(--brand-color);transform:translateY(-2px);box-shadow:var(--shadow)}.bc-action-btn:active{transform:scale(.98)}.bc-action-icon{font-size:2rem}.bc-action-text{font-size:.9rem;font-weight:600;color:var(--text-color)}.bc-action-resume{border-color:#2196f3}.bc-action-resume:hover{background:#2196f31a}.bc-action-jobs{border-color:#4caf50}.bc-action-jobs:hover{background:#4caf501a}.mobile-logout-section{text-align:center;padding:20px 0;border-top:1px solid var(--border-color);margin-top:20px}.bc-logout-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:transparent;border:2px solid var(--danger-color);border-radius:12px;color:var(--error-text, var(--danger-color));font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:48px}.bc-logout-btn:hover{background:var(--danger-color);color:#fff}.bc-logout-icon{font-size:1.3rem}.bc-version-text{font-size:.75rem;color:var(--text-muted);margin-top:8px}.bc-absen-main{background:var(--bg-card);border-radius:16px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px;text-align:center}.bc-absen-status{margin-bottom:14px}.bc-absen-date{font-size:.88rem;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.01em}.bc-absen-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-secondary);border-radius:20px;font-size:.85rem;font-weight:600}.bc-indicator-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.bc-indicator-pending{background:#ff9800}.bc-indicator-checked{background:#4caf50}.bc-indicator-active{background:#f44336;animation:pulse 1s infinite}.bc-indicator-late{background:#f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bc-project-select-wrapper{margin-bottom:14px;text-align:left}.bc-select-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-color);margin-bottom:6px}.bc-select{width:100%;padding:11px 14px;font-size:.95rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-color);color:var(--text-color);cursor:pointer;transition:border-color .2s;min-height:48px}.bc-select:focus{border-color:var(--brand-color);outline:none}.bc-absen-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;padding:18px 16px;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;min-height:80px;position:relative;overflow:hidden}.bc-absen-checkin{background:#e36b2c;color:#fff;box-shadow:0 4px 12px #e36b2c59}.bc-absen-checkin:hover{transform:translateY(-2px);box-shadow:0 6px 18px #e36b2c73}.bc-absen-checkin:active{transform:scale(.98)}.bc-absen-checkout{background:#0d3b66;color:#fff;box-shadow:0 4px 12px #0d3b6659}.bc-absen-checkout:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0d3b6673}.bc-absen-checkout:active{transform:scale(.98)}.bc-absen-btn-icon{font-size:2rem}.bc-absen-btn-icon.p-icon{width:32px;height:32px;font-size:0}.bc-absen-clock{font-size:1.6rem;font-weight:700;letter-spacing:.04em;color:var(--text-primary, #172033);margin:4px 0 8px}.bc-absen-btn-text{font-size:1.1rem}.bc-absen-btn.loading{pointer-events:none;opacity:.7}.bc-absen-btn.loading:after{content:"";position:absolute;width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.bc-leave-quick-actions{display:flex;gap:10px;margin:12px 0 4px}.bc-leave-quick-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border:none;border-radius:14px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #1976d24d;transition:transform .2s,box-shadow .2s}.bc-leave-quick-btn i{font-size:1.4rem}.bc-leave-quick-btn:active{transform:scale(.97)}.bc-leave-quick-btn--secondary{background:linear-gradient(135deg,#455a64,#37474f);box-shadow:0 3px 10px #455a644d}.bc-absen-feedback{margin-top:16px;min-height:24px}.bc-feedback-text{font-size:.9rem;color:var(--text-secondary)}.bc-absen-result{position:fixed;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.bc-result-animation{font-size:6rem;animation:successPop .5s ease-out}.bc-result-animation.success{color:#4caf50}.bc-result-animation.error{color:#f44336}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.bc-result-text{font-size:1.5rem;font-weight:700;color:#fff;margin-top:16px}.bc-error,.bc-success{padding:12px;border-radius:10px;margin-top:12px;font-size:.9rem;text-align:center}.bc-error{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.bc-success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.bc-absen-summary{background:var(--bg-card);border-radius:14px;padding:14px;box-shadow:var(--shadow);margin-bottom:14px}.bc-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}@media(max-width:480px)and (hover:none)and (pointer:coarse){.bc-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.bc-summary-value{font-size:1.5rem}.bc-summary-item{padding:12px 6px}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.bc-summary-grid{grid-template-columns:1fr;gap:6px}.bc-summary-value{font-size:1.3rem}.bc-summary-item{padding:10px 8px;display:flex;align-items:center;justify-content:space-between;text-align:left}.bc-summary-item .bc-summary-label{margin-top:0}}.bc-summary-item{text-align:center;padding:14px 8px;border-radius:12px;background:var(--bg-secondary)}.bc-summary-value{display:block;font-size:1.8rem;font-weight:700;line-height:1.1;word-break:break-all;min-width:0}.bc-summary-label{display:block;font-size:.78rem;color:var(--text-secondary);margin-top:4px;line-height:1.2}.bc-summary-hadir .bc-summary-value{color:#4caf50}.bc-summary-izin .bc-summary-value{color:#2196f3}.bc-summary-telat .bc-summary-value{color:#ff9800}.bc-absen-history{background:var(--bg-card);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.bc-refresh-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-secondary);font-size:16px;cursor:pointer;transition:all .2s}.bc-refresh-btn:hover{background:var(--border-color);transform:rotate(180deg)}.bc-history-list{display:flex;flex-direction:column;gap:0;margin-top:8px}.bc-history-compact{display:flex;align-items:baseline;gap:6px;padding:6px 4px;font-size:.82rem;border-bottom:1px solid var(--border-color, rgba(255,255,255,.06));line-height:1.4}.bc-history-compact:last-child{border-bottom:none}.bc-hc-date{color:var(--text-secondary);min-width:52px;flex-shrink:0;font-size:.78rem}.bc-hc-time{flex:1;white-space:nowrap;color:var(--text-primary);font-variant-numeric:tabular-nums}.bc-hc-status{padding:1px 6px;border-radius:8px;font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0}.bc-history-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:10px;transition:background .2s}.bc-history-item:hover{background:var(--border-color)}.bc-history-date{font-size:.85rem;color:var(--text-secondary);min-width:70px;flex-shrink:0}.bc-history-project{flex:1;font-weight:500;color:var(--text-color);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-history-time{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;margin-right:6px;flex-shrink:0}.bc-history-status{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;flex-shrink:0}@media(max-width:540px){.bc-history-list{gap:0}.bc-history-item{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:10px 12px;border-radius:0;background:transparent;border-bottom:1px solid var(--border-color, rgba(0,0,0,.07))}.bc-history-item:first-child{border-radius:10px 10px 0 0}.bc-history-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.bc-history-item:hover{background:var(--bg-secondary)}.bc-history-date{font-size:.78rem;font-weight:700;color:var(--text-secondary);min-width:unset;flex:1 1 auto;order:1}.bc-history-status{padding:2px 8px;font-size:.7rem;border-radius:10px;flex-shrink:0;flex:0 0 auto;order:2}.bc-history-project{font-size:.88rem;font-weight:600;white-space:normal;text-overflow:unset;overflow:visible;color:var(--text-color);line-height:1.3;flex:0 0 100%;order:3}.bc-history-time{font-size:.78rem;white-space:normal;word-break:break-word;margin-right:0;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:0 0 100%;order:4}}.bc-status-hadir{background:#4caf5026;color:#4caf50}.bc-status-izin{background:#2196f326;color:#2196f3}.bc-status-telat{background:#ff980026;color:#ff9800}.bc-status-alpha{background:#f4433626;color:#f44336}.bc-history-item.bc-loading{justify-content:center;color:var(--text-secondary);font-style:italic}.bc-hist-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-color, rgba(0,0,0,.07));transition:background .15s;-webkit-tap-highlight-color:transparent;user-select:none;min-height:44px}.bc-hist-row:last-of-type{border-bottom:none}.bc-hist-row:active,.bc-hist-row:hover,.bc-hist-row--expanded{background:var(--bg-secondary)}.bc-hist-date{font-size:.83rem;font-weight:600;color:var(--text-color);white-space:nowrap;flex-shrink:0}.bc-hist-row-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.bc-hist-summary{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.bc-hist-caret{font-size:.9rem;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.bc-hist-row--expanded .bc-hist-caret{transform:rotate(90deg)}.bc-hist-detail{display:none}.bc-hist-detail--open{display:block}.bc-hist-detail-body{padding:10px 14px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color, rgba(0,0,0,.07));display:flex;flex-direction:column;gap:7px}.bc-hist-detail-row{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:var(--text-color);line-height:1.4}.bc-hist-detail-row>span:first-child{flex-shrink:0;width:1.3em;text-align:center}.bc-hist-detail-ot{color:#ff9800}.bc-hist-detail-warn{color:#f44336}.bc-hist-koreksi-btn{margin-top:4px;padding:9px 14px;background:transparent;border:1.5px solid var(--border-color, rgba(0,0,0,.12));border-radius:10px;font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;width:100%;text-align:left;transition:all .15s;-webkit-tap-highlight-color:transparent}.bc-hist-koreksi-btn:hover,.bc-hist-koreksi-btn:active{background:var(--bg-color);border-color:var(--brand-color, #2196F3);color:var(--brand-fg, var(--brand-color, #2196F3))}.bc-offline-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ff9800;color:#fff;border-radius:10px;font-size:.9rem;font-weight:500;margin-top:16px}.bc-offline-icon{font-size:1.2rem}@media(max-width:480px)and (hover:none)and (pointer:coarse){.bc-profile-header{flex-direction:column;text-align:center;padding:12px 10px;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px);border-radius:10px;margin-bottom:8px}.bc-profile-photo{width:60px;height:60px}.bc-profile-name{font-size:1.1rem}.bc-profile-position{font-size:.85rem}.bc-dark-mode-toggle{top:6px;right:6px;width:36px;height:36px}.bc-quick-stats{margin-left:-8px;margin-right:-8px;width:calc(100% + 16px);gap:6px;margin-bottom:8px}.bc-stat-card{padding:10px;border-radius:10px;min-height:52px}.bc-stat-emoji{font-size:1.3rem}.bc-stat-value{font-size:1.05rem}.bc-stat-label{font-size:.7rem}.bc-insights-section{margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)}.bc-insight-card{padding:10px;border-radius:10px}.bc-quick-actions{grid-template-columns:1fr;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px);gap:6px}.bc-absen-btn{padding:14px;min-height:80px}.bc-absen-btn-icon{font-size:1.6rem}.bc-absen-btn-text{font-size:.95rem}.bc-section-title{font-size:.95rem;margin-bottom:8px}.mobile-logout-section{display:block!important}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.bc-profile-header{padding:10px 8px;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);border-radius:8px;margin-bottom:6px}.bc-profile-photo{width:50px;height:50px}.bc-profile-name{font-size:1rem}.bc-profile-position{font-size:.8rem}.bc-quick-stats{margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);gap:4px;margin-bottom:6px}.bc-stat-card{padding:8px;min-height:48px;border-radius:8px}.bc-stat-emoji{font-size:1.2rem}.bc-stat-value{font-size:1rem}.bc-stat-label{font-size:.65rem}.bc-insights-section{margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);margin-bottom:6px}.bc-insights-grid{gap:4px}.bc-insight-card{padding:8px;border-radius:8px}.bc-section-title{font-size:.9rem}.bc-absen-btn{padding:12px;min-height:80px}.bc-absen-btn-icon{font-size:1.4rem}.bc-absen-btn-text{font-size:.9rem}}@media(min-width:769px){.mobile-logout-section{display:none}}.bc-stat-card,.bc-insight-card,.bc-action-btn,.bc-logout-btn,.bc-absen-btn,.bc-select,.bc-edit-btn,.bc-refresh-btn,.bc-dark-mode-toggle,.bc-photo-edit-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(prefers-contrast:high){.bc-stat-card,.bc-insight-card,.bc-skills-card,.bc-absen-main,.bc-absen-summary,.bc-absen-history{border:2px solid var(--text-color)}}.bc-sub-nav{display:flex;gap:4px;padding:8px;background:var(--bg-card);border-radius:16px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.bc-nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;min-width:70px;min-height:56px;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.bc-nav-btn:hover,.bc-nav-btn:focus{background:var(--bg-secondary)}.bc-nav-btn.active{background:var(--brand-color);color:#fff}.bc-nav-btn.active:hover,.bc-nav-btn.active:focus{background:var(--brand-color);color:#fff}.bc-nav-icon{font-size:1.4rem;line-height:1}.bc-nav-label{font-size:.75rem;font-weight:600;white-space:nowrap}@media(max-width:480px)and (hover:none)and (pointer:coarse){.bc-sub-nav{border-radius:0;margin:0 -8px 12px;padding:6px 8px;width:calc(100% + 16px)}.bc-nav-btn{padding:10px 12px;min-width:60px}.bc-nav-icon{font-size:1.3rem}.bc-nav-label{font-size:.7rem}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.bc-sub-nav{margin:0 -4px 10px;padding:5px 4px;width:calc(100% + 8px);gap:2px}.bc-nav-btn{padding:8px 10px;min-width:55px;min-height:52px}.bc-nav-icon{font-size:1.2rem}.bc-nav-label{font-size:.65rem}}@media(min-width:1025px){.bc-sub-nav{display:contents;background:none;padding:0;border-radius:0;margin-bottom:0;gap:0}.bc-nav-btn{flex-direction:row;align-items:center;gap:6px;height:100%;padding:0 14px;min-width:auto;min-height:auto;border-radius:0;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;transition:all .15s ease;white-space:nowrap;letter-spacing:.01em;background:transparent}.bc-nav-btn:hover,.bc-nav-btn:focus{color:var(--text-primary);background:transparent}.bc-nav-btn.active{color:var(--brand-fg, var(--brand-color));border-bottom-color:var(--brand-color);font-weight:600;background:transparent}.bc-nav-btn.active:hover,.bc-nav-btn.active:focus{color:var(--brand-fg, var(--brand-color));background:transparent}.bc-nav-icon{font-size:1rem;line-height:1}.bc-nav-label{font-size:.8125rem;font-weight:inherit}}#user-history-section-wrapper{max-width:1120px;margin:0 auto}.history-page{display:flex;flex-direction:column;gap:16px}.history-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border:1px solid var(--border-color);border-radius:12px;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-surface-3, var(--bg-secondary)) 100%);box-shadow:var(--shadow-card, var(--shadow))}.history-page-intro{min-width:0}.history-eyebrow{display:block;margin-bottom:4px;color:var(--brand-fg, var(--brand-color));font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.history-title{margin:0;color:var(--text-color);font-size:1.35rem;font-weight:800;line-height:1.2}.history-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.5;max-width:42rem}.history-icon-action{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.history-icon-action:hover{border-color:var(--brand-color);color:var(--brand-fg, var(--brand-color));background:var(--bg-hover, rgba(0, 0, 0, .04))}.history-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.history-stat-item{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);box-shadow:var(--shadow-card, none)}.history-stat-item--accent{border-color:color-mix(in srgb,var(--brand-color) 35%,var(--border-color));background:color-mix(in srgb,var(--brand-color) 6%,var(--bg-card))}.history-stat-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:var(--bg-secondary);color:var(--brand-fg, var(--brand-color));font-size:1.1rem}.history-stat-copy{min-width:0}.history-stat-label{display:block;color:var(--text-muted);font-size:.75rem;font-weight:600}.history-stat-item strong{display:block;margin-top:2px;color:var(--text-color);font-size:1.35rem;font-weight:800;line-height:1.1}.history-content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;align-items:start}.history-contract-panel{grid-column:1 / -1}.history-contract-panel .history-panel-head{justify-content:space-between}.history-contract-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.history-contract-badge--active{color:var(--success-color, #0d7a4a);background:color-mix(in srgb,var(--success-color, #0d7a4a) 12%,transparent)}.history-contract-badge--probation{color:var(--warning-color, #b45309);background:color-mix(in srgb,var(--warning-color, #b45309) 14%,transparent)}.history-contract-badge--warning{color:var(--danger-color, #b91c1c);background:color-mix(in srgb,var(--danger-color, #b91c1c) 12%,transparent)}.history-contract-badge--muted{color:var(--text-muted);background:var(--bg-secondary)}.history-contract-body{padding:14px 16px 16px}.history-contract-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 16px}.history-contract-field{min-width:0}.history-contract-field-label{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.75rem;font-weight:600}.history-contract-field-value{display:block;color:var(--text-color);font-size:.92rem;font-weight:600;line-height:1.35}.history-contract-alert{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:8px;font-size:.85rem;line-height:1.4}.history-contract-alert--warning{color:var(--danger-color, #b91c1c);background:color-mix(in srgb,var(--danger-color, #b91c1c) 8%,var(--bg-card));border:1px solid color-mix(in srgb,var(--danger-color, #b91c1c) 25%,var(--border-color))}.history-contract-empty{margin:0;font-size:.9rem;line-height:1.45}.history-panel-card{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-card, var(--shadow));overflow:hidden}.history-panel-head{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-surface-3, var(--bg-secondary))}.history-panel-head h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text-color)}.history-panel-head i{color:var(--brand-fg, var(--brand-color))}.history-career-panel .bc-timeline-container{margin:0;padding:14px 16px 16px;border:0;border-radius:0;box-shadow:none}.history-panel-card.riwayat-summary{padding:16px;border:1px solid var(--border-color);border-radius:12px}.history-panel-card .riwayat-summary-header{margin-bottom:12px;gap:12px}.history-panel-card .riwayat-summary-title{font-size:.95rem;font-weight:700}.riwayat-summary-score-row{margin-bottom:12px}.overall-score-card--compact{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color)}.overall-score-card--compact .overall-score-value{font-size:2rem;line-height:1;flex-shrink:0}.overall-score-card--compact .overall-score-meta{min-width:0}.history-panel-card .summary-card{border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color)}.history-panel-card .riwayat-summary-grid{gap:10px}.history-section-nav{display:flex;flex-wrap:wrap;gap:8px;padding:4px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary)}.history-section-nav-btn{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.history-section-nav-btn:hover{color:var(--text-color);background:var(--bg-card)}.history-section-nav-btn.active{border-color:var(--border-color);background:var(--bg-card);color:var(--brand-fg, var(--brand-color));box-shadow:var(--shadow-card, 0 1px 2px rgba(0, 0, 0, .06))}.history-bottom-panel{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-card, var(--shadow));overflow:hidden}.history-bottom-panel[hidden]{display:none!important}.history-bottom-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px;padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-surface-3, var(--bg-secondary))}.history-bottom-title{margin:0 0 4px;font-size:.95rem;font-weight:700;color:var(--text-color)}.history-bottom-lead{margin:0;font-size:.8rem}.history-inner-tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color)}.history-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.history-tab-btn:hover{color:var(--text-color);background:var(--bg-hover, rgba(0, 0, 0, .04))}.history-tab-btn.active{background:var(--brand-color);color:var(--text-on-brand, #fff)}.history-bottom-body{padding:14px 16px 16px}.history-panel-note{margin:0 0 12px;font-size:.8125rem}.history-filter-bar{margin-bottom:12px;padding:12px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color)}.history-table-wrap{border-radius:10px;border:1px solid var(--border-color);overflow:auto;-webkit-overflow-scrolling:touch}.history-table-wrap .data-table{margin:0}.history-table-wrap .data-table th{font-size:.75rem;white-space:nowrap}.history-table-wrap .data-table td{font-size:.8125rem;vertical-align:middle}#history-bottom-documents .user-docs-grid{margin-top:4px}@media(min-width:900px){.history-panel-card .riwayat-summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.history-content-grid,.history-stat-strip{grid-template-columns:1fr 1fr}}@media(max-width:640px){#user-history-section-wrapper{max-width:none}.history-page-header,.riwayat-summary-header{flex-direction:column;align-items:stretch}.history-icon-action{align-self:flex-end}.history-stat-strip,.history-content-grid{grid-template-columns:1fr}.history-bottom-toolbar{flex-direction:column;align-items:stretch}.history-inner-tabs{width:100%}.history-tab-btn{flex:1;justify-content:center}.history-section-nav-btn{min-width:0}}.bc-riwayat-header{background:var(--bg-card);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.bc-riwayat-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bc-riwayat-actions{display:flex;gap:8px}.bc-action-mini{padding:8px 14px;border:2px solid var(--brand-color);border-radius:10px;background:transparent;color:var(--brand-fg, var(--brand-color));font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:40px}.bc-action-mini:hover{background:var(--brand-color);color:#fff}.bc-timeline-container{background:var(--bg-card);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.bc-timeline-loading{text-align:center;padding:30px;color:var(--text-secondary);font-style:italic}.bc-timeline{position:relative;padding-left:24px}.bc-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--brand-color) 0%,var(--border-color) 100%);border-radius:2px}.bc-timeline-item{position:relative;padding:16px;margin-bottom:16px;background:var(--bg-secondary);border-radius:12px;transition:all .2s;cursor:pointer}.bc-timeline-item:hover{transform:translate(4px);box-shadow:var(--shadow)}.bc-timeline-item:last-child{margin-bottom:0}#manager-tab.project-workspace{--pm-panel-bg: var(--bg-card, #ffffff);--pm-soft-bg: var(--bg-secondary, #f5f7fb);--pm-ink: var(--text-primary, #1f2937);--pm-muted: var(--text-secondary, #6b7280);--pm-border: var(--border-color, #e5e7eb);--pm-accent: var(--brand-color, #2d9f75);--pm-blue: #2563eb;--pm-amber: #d97706;--pm-rose: #e11d48;padding:22px;background:var(--pm-soft-bg)}#manager-tab .manager-project-hero,#manager-tab .user-dashboard-card,#manager-tab .stat-card{border-radius:8px}.manager-project-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;margin-bottom:16px;background:var(--pm-panel-bg);border:1px solid var(--pm-border);border-top:4px solid var(--pm-accent);box-shadow:var(--shadow, 0 8px 20px rgba(15, 23, 42, .06))}.manager-project-eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;margin-bottom:8px;border-radius:999px;background:var(--brand-tint-12, rgba(var(--brand-color-rgb), .12));color:var(--pm-accent);font-size:.78rem;font-weight:700;letter-spacing:0}.manager-project-hero h2{margin:0;color:var(--pm-ink);font-size:1.6rem;line-height:1.2;letter-spacing:0}.manager-project-hero p{margin:6px 0 0;max-width:720px;color:var(--pm-muted);font-size:.94rem;line-height:1.5}.manager-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}#manager-tab .manager-project-selector-wrapper{display:flex;align-items:center;gap:8px;min-width:min(360px,100%);padding:8px 10px;background:var(--bg-surface-1, #ffffff);border:1px solid var(--pm-border);border-radius:8px}#manager-tab .manager-project-selector-wrapper select{width:100%;min-width:0;border:0;background:transparent;color:var(--pm-ink);font-weight:700;outline:none}#manager-tab .manager-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#manager-tab .manager-metric-grid .stat-card{min-height:96px;padding:16px;border:1px solid var(--pm-border);background:var(--pm-panel-bg);box-shadow:none}#manager-tab .manager-metric-grid .stat-icon{width:40px;height:40px;border-radius:8px;background:#2563eb38;color:#93c5fd;border:1px solid rgba(37,99,235,.3)}#manager-tab .manager-metric-grid .stat-assessments .stat-icon{background:var(--brand-tint-20, rgba(var(--brand-color-rgb), .2));color:var(--pm-accent);border:1px solid var(--brand-tint-28, rgba(var(--brand-color-rgb), .28))}#manager-tab .manager-metric-grid .stat-users .stat-icon{background:#d9770638;color:var(--pm-amber);border:1px solid rgba(217,119,6,.3)}#manager-tab .manager-metric-grid .stat-cost .stat-icon{background:#e11d4838;color:var(--pm-rose);border:1px solid rgba(225,29,72,.3)}#manager-tab .manager-metric-grid .stat-label{color:var(--pm-muted);font-size:.78rem;font-weight:700}#manager-tab .manager-metric-grid .stat-value{color:var(--pm-ink);font-size:1.7rem;line-height:1.1}#manager-tab .manager-stat-foot{margin-top:4px;color:var(--pm-muted);font-size:.78rem;line-height:1.35}#manager-tab .btn-primary:disabled,#manager-tab .btn-secondary:disabled{opacity:.55;cursor:not-allowed}.manager-project-cockpit,.manager-project-secondary-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:16px;margin-bottom:16px}#manager-tab .user-dashboard-card{border:1px solid var(--pm-border);background:var(--pm-panel-bg);box-shadow:none}#manager-tab .user-card-header{align-items:center;gap:12px;margin-bottom:12px}#manager-tab .user-card-header h4{display:flex;align-items:center;gap:8px;margin:0;color:var(--pm-ink);font-size:1rem;letter-spacing:0}.manager-team-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}.manager-team-tools .search-input-field{width:min(220px,44vw);min-height:38px}.manager-team-list{display:flex;flex-direction:column;gap:8px}.manager-team-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--pm-border);border-radius:8px;background:var(--pm-soft-bg)}.manager-team-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#2563eb38;color:#93c5fd;font-weight:800;border:1px solid rgba(37,99,235,.3)}.manager-team-main{min-width:0}.manager-team-main strong,.manager-team-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-team-main strong{color:var(--pm-ink);font-size:.95rem}.manager-team-main span{color:var(--pm-muted);font-size:.82rem}.manager-team-match{padding:4px 8px;border-radius:999px;background:var(--brand-tint-12, rgba(var(--brand-color-rgb), .12));color:var(--pm-accent);font-size:.78rem;font-weight:800;white-space:nowrap}.manager-team-action{min-height:34px;padding:0 10px}.manager-team-empty{padding:16px;border:1px dashed var(--pm-border);border-radius:8px;background:var(--pm-soft-bg)}.manager-team-empty strong{display:block;margin-bottom:4px;color:var(--pm-ink)}.manager-team-more{width:100%;padding:10px;border:1px solid var(--pm-border);border-radius:8px;background:transparent;color:var(--pm-accent);font-weight:800;cursor:pointer}.manager-info-list{display:grid;gap:10px}.manager-info-list>div,.manager-cost-grid>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;background:var(--pm-soft-bg);border:1px solid var(--pm-border)}.manager-info-list span,.manager-cost-grid span{color:var(--pm-muted);font-size:.82rem;font-weight:700}.manager-info-list strong,.manager-cost-grid strong{color:var(--pm-ink);text-align:right}.manager-work-location-list{display:grid;gap:8px;margin-top:12px}.manager-work-location-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--pm-border);border-radius:8px;background:var(--pm-soft-bg)}.manager-work-location-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#2563eb38;color:#93c5fd;border:1px solid rgba(37,99,235,.3)}.manager-work-location-main{min-width:0}.manager-work-location-main strong,.manager-work-location-main span,.manager-work-location-empty strong,.manager-work-location-empty small{display:block;overflow-wrap:anywhere}.manager-work-location-main span,.manager-work-location-empty small{color:var(--pm-muted);font-size:.8rem}.manager-work-location-actions{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.manager-work-location-empty{padding:12px;border:1px dashed var(--pm-border);border-radius:8px;background:var(--pm-soft-bg)}.manager-project-location-manager,.manager-location-manager{margin-top:12px}.manager-work-location-options{display:grid;gap:8px;margin-top:10px}.manager-work-location-option{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:10px;border:1px solid var(--pm-border);border-radius:8px;background:var(--pm-soft-bg);color:var(--pm-ink)}.manager-work-location-option input{width:16px;height:16px;margin-top:2px}.manager-work-location-option strong,.manager-work-location-option small{display:block;overflow-wrap:anywhere}.manager-work-location-option small{margin-top:2px;color:var(--pm-muted);font-size:.78rem}.manager-location-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.manager-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manager-budget-track{height:10px;margin:14px 0 8px;border-radius:999px;background:var(--pm-soft-bg);overflow:hidden}.manager-budget-fill{height:100%;width:0;border-radius:999px;background:var(--pm-accent);transition:width .2s ease}#manager-tab .project-checklist-card .project-checklist{display:grid;gap:8px}#manager-tab .project-checklist-card .project-checklist-item{border-radius:8px}.project-advanced-panel,.project-advanced-subpanel{overflow:hidden}.project-advanced-panel>summary,.project-advanced-subpanel>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:8px;color:var(--pm-ink);font-weight:800;cursor:pointer}.project-advanced-panel>summary::-webkit-details-marker,.project-advanced-subpanel>summary::-webkit-details-marker{display:none}.project-advanced-panel[open]>summary,.project-advanced-subpanel[open]>summary{border-bottom:1px solid var(--pm-border);border-bottom-left-radius:0;border-bottom-right-radius:0}.project-advanced-body{padding:0 16px 16px}.manager-external-search-panel:not([open]){margin-bottom:0}.project-advanced-subpanel{margin-top:12px;border:1px solid var(--pm-border);border-radius:8px}.project-advanced-subpanel>summary{padding:10px 12px;font-size:.88rem}.compact-table th,.compact-table td{font-size:.82rem}#manager-tab #manager-admin-projects-shell,#manager-tab .manager-project-hero,#manager-tab #manager-overview-section,#manager-tab .manager-sticky-header,#manager-tab #manager-project-editor.project-workbench-source{display:none!important}.project-workbench{display:flex;flex-direction:column;gap:14px;min-height:min(760px,calc(100vh - 160px))}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--pm-border);border-radius:8px;background:var(--pm-panel-bg)}.project-toolbar-main{min-width:160px}.project-toolbar-kicker{display:block;color:var(--pm-muted);font-size:.78rem;font-weight:700}.project-toolbar h2{margin:2px 0 0;color:var(--pm-ink);font-size:1.25rem;line-height:1.2;letter-spacing:0}.project-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1;min-width:0}.project-search-control{display:flex;align-items:center;gap:8px;min-width:min(320px,100%);min-height:38px;padding:0 10px;border:1px solid var(--pm-border);border-radius:8px;background:var(--bg-surface-1, #ffffff);color:var(--pm-muted)}.project-search-control input{width:100%;min-width:0;border:0;background:transparent;color:var(--pm-ink);outline:none}#project-workbench-status-filter{width:160px;min-height:38px}.project-workbench-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:14px;align-items:start}.project-list,.project-detail-panel{min-width:0;border:1px solid var(--pm-border);border-radius:8px;background:var(--pm-panel-bg)}.project-list{position:sticky;top:92px;max-height:calc(100vh - 136px);overflow:hidden}.project-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--pm-border)}.project-list-items{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 190px);padding:10px 12px 10px 10px;overflow:auto;scrollbar-gutter:stable}.project-list-card{appearance:none;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;min-height:124px;padding:12px;border:1px solid var(--pm-border);border-radius:8px;background:var(--bg-surface-1, #ffffff);color:var(--pm-ink);font:inherit;line-height:1.35;text-align:left;cursor:pointer;overflow:hidden}.project-list-card:hover,.project-list-card.active{border-color:rgba(var(--brand-color-rgb),.55);box-shadow:0 8px 18px #0f172a0f}.project-list-card.active{background:var(--brand-tint-10, rgba(var(--brand-color-rgb), .1))}.project-list-card.is-archived{opacity:.75}.project-list-card-top,.project-list-card-foot{gap:8px}.project-list-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;width:100%}.project-list-card-top strong{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-list-card-top .badge{justify-self:end;max-width:96px;padding:3px 7px;overflow:hidden;font-size:.68rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.project-list-card-meta{display:-webkit-box;min-width:0;overflow:hidden;color:var(--pm-muted);font-size:.82rem;line-height:1.35;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-list-card-foot{display:grid;grid-template-columns:minmax(42px,56px) minmax(0,1fr);color:var(--pm-muted);font-size:.78rem}.project-list-card-foot span{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;min-height:28px;padding:4px 6px;border:1px solid var(--pm-border);border-radius:6px;background:var(--pm-soft-bg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list-card-foot span:last-child{grid-column:1 / -1}.project-list-card-foot span:first-child{justify-content:center}.project-list-card-foot .ph{flex:0 0 auto;color:var(--pm-muted);font-size:.86rem}.project-detail-panel{min-height:560px;padding:0}.project-detail-empty{display:grid;place-items:center;gap:8px;min-height:360px;padding:24px;color:var(--pm-muted);text-align:center}.project-detail-empty .ph{color:var(--pm-accent);font-size:2rem}.project-detail-empty strong{color:var(--pm-ink)}.project-detail-content[hidden],.project-detail-empty[hidden],.project-detail-tab-panel[hidden]{display:none!important}.project-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--pm-border)}.project-detail-title-block{min-width:0}.project-detail-title-block h3{margin:7px 0 4px;color:var(--pm-ink);font-size:1.15rem;line-height:1.25;letter-spacing:0}.project-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.project-detail-tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--pm-border);overflow-x:auto}.project-detail-tab{flex:0 0 auto;min-width:max-content;min-height:38px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--pm-muted);font-weight:800;white-space:nowrap;cursor:pointer}.project-detail-tab-label{display:inline;min-width:max-content}.project-detail-tab.active{border-bottom-color:var(--pm-accent);color:var(--pm-ink)}.project-detail-tab-panel{padding:14px}.project-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-summary-item{display:flex;flex-direction:column;gap:4px;min-height:74px;padding:12px;border:1px solid var(--pm-border);border-radius:8px;background:var(--pm-soft-bg)}.project-summary-item span{color:var(--pm-muted);font-size:.78rem;font-weight:700}.project-summary-item strong{color:var(--pm-ink);overflow-wrap:anywhere}.project-summary-strip{display:flex;align-items:center;gap:8px;margin-top:10px;padding:11px 12px;border:1px solid var(--pm-border);border-radius:8px;background:#2563eb14;color:var(--pm-muted);font-size:.86rem}.project-summary-strip .ph{color:var(--pm-blue)}#project-panel-team .user-dashboard-card,#project-panel-locations .user-dashboard-card,#project-panel-checklist .user-dashboard-card,#project-panel-cost .user-dashboard-card,#project-panel-team .excel-preview{margin:0;border:0;box-shadow:none;background:transparent}#project-panel-team .user-dashboard-card+.excel-preview,#project-panel-team .user-dashboard-card+.user-dashboard-card{margin-top:14px;padding-top:14px;border-top:1px solid var(--pm-border)}dialog.project-form-dialog{width:min(760px,calc(100vw - 24px));padding:0}dialog.project-form-dialog .modal-content{width:100%;max-height:min(86vh,840px);padding:0;overflow:hidden}.project-form-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--pm-border)}.project-form-dialog-header h3{margin:0;color:var(--pm-ink);font-size:1.05rem;letter-spacing:0}.project-form-dialog-body{max-height:calc(min(86vh,840px) - 58px);overflow:auto}.project-form-content{padding:16px}.project-form-content.accordion-content{overflow:visible}.project-form-footer{position:sticky;bottom:0;z-index:2;margin-right:-16px;margin-bottom:-16px;margin-left:-16px;padding:12px 16px;border-top:1px solid var(--pm-border);background:var(--pm-panel-bg)}@media(max-width:1100px){.manager-project-hero{align-items:flex-start;flex-direction:column}.manager-hero-actions,#manager-tab .manager-project-selector-wrapper{width:100%;justify-content:flex-start}#manager-tab .manager-metric-grid,.manager-project-cockpit,.manager-project-secondary-grid,.project-workbench-layout{grid-template-columns:1fr 1fr}.project-toolbar{align-items:flex-start;flex-direction:column}.project-toolbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.project-search-control{flex:1;min-width:220px}}@media(max-width:760px){#manager-tab.project-workspace{padding:12px}.manager-project-hero{padding:16px}.manager-project-hero h2{font-size:1.28rem}#manager-tab .manager-metric-grid,.manager-project-cockpit,.manager-project-secondary-grid,.manager-cost-grid,.project-workbench-layout,.project-summary-grid{grid-template-columns:1fr}.project-list{position:static;max-height:none}.project-list-items{max-height:none}.project-toolbar-actions>*,#project-workbench-status-filter,#project-workbench-add-btn{width:100%}.project-detail-header{flex-direction:column}.project-detail-actions{width:100%;justify-content:flex-start}.manager-hero-actions .btn-primary{width:100%;justify-content:center}.manager-team-row{grid-template-columns:38px minmax(0,1fr)}.manager-work-location-row{grid-template-columns:36px minmax(0,1fr)}.manager-work-location-row .badge,.manager-work-location-actions,.manager-team-match,.manager-team-action{grid-column:2;justify-self:flex-start}.manager-team-tools,.manager-team-tools .search-input-field{width:100%}}.bc-timeline-item:before{content:"";position:absolute;left:-20px;top:20px;width:14px;height:14px;background:var(--brand-color);border-radius:50%;border:3px solid var(--bg-card);z-index:1}.bc-timeline-item.current:before{background:#4caf50;box-shadow:0 0 0 4px #4caf5033;animation:pulse 2s infinite}.bc-timeline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.bc-timeline-company{display:flex;align-items:center;gap:10px}.bc-timeline-logo{width:40px;height:40px;border-radius:8px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.bc-timeline-logo i{color:var(--brand-fg, var(--brand-color));font-size:1.25rem}.bc-timeline-company-info{flex:1;min-width:0}.bc-timeline-company-name{font-weight:700;font-size:1rem;color:var(--text-color);margin:0;line-height:1.2}.bc-timeline-position{font-size:.9rem;color:var(--brand-fg, var(--brand-color));font-weight:600;margin:2px 0 0}.bc-timeline-dates{font-size:.8rem;color:var(--text-secondary);text-align:right;flex-shrink:0}.bc-timeline-date-range{display:block}.bc-timeline-duration{display:block;color:var(--text-muted);font-size:.75rem}.bc-timeline-rating{display:flex;align-items:center;gap:6px;margin-top:8px}.bc-timeline-stars{color:#ffc107;font-size:.9rem;letter-spacing:1px}.bc-timeline-rating-label{font-size:.8rem;color:var(--text-secondary)}.bc-timeline-expand{width:100%;margin-top:10px;padding:8px;border:none;background:transparent;color:var(--brand-fg, var(--brand-color));font-size:.85rem;cursor:pointer;transition:all .2s}.bc-timeline-expand:hover{text-decoration:underline}.bc-timeline-details{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.bc-timeline-details.expanded{display:block;animation:fadeIn .3s}.bc-timeline-detail-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.85rem;color:var(--text-secondary)}.bc-timeline-detail-icon{width:20px;text-align:center}.bc-timeline-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.bc-timeline-empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.bc-timeline-empty-text{font-size:1rem;margin-bottom:16px}.bc-riwayat-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media(max-width:640px){.bc-riwayat-stats{grid-template-columns:repeat(2,1fr)}}.bc-riwayat-stat{text-align:center;padding:12px 8px;background:var(--bg-secondary);border-radius:10px}.bc-riwayat-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-color);line-height:1}.bc-riwayat-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.bc-share-portfolio{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-top:16px;border:2px dashed var(--border-color);border-radius:12px;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.bc-share-portfolio:hover{border-color:var(--brand-color);color:var(--brand-fg, var(--brand-color));background:rgba(var(--brand-color-rgb),.05)}@media(max-width:480px)and (hover:none)and (pointer:coarse){.bc-timeline{padding-left:20px}.bc-timeline:before{left:6px}.bc-timeline-item:before{left:-18px;width:12px;height:12px}.bc-timeline-header{flex-direction:column}.bc-timeline-dates{text-align:left;margin-top:8px}}.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.leave-balance-card{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px;text-align:center}.leave-balance-type{font-size:.85rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:8px}.leave-balance-numbers{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.leave-balance-remaining{font-size:1.75rem;font-weight:700;color:var(--text-primary, #111827)}.leave-balance-total{font-size:.85rem;color:var(--text-secondary, #6b7280)}.leave-balance-bar{height:6px;background:var(--bg-secondary, #e5e7eb);border-radius:3px;overflow:hidden;margin-bottom:6px}.leave-balance-bar-fill{height:100%;background:var(--primary, #2563eb);border-radius:3px;transition:width .3s ease}.leave-balance-used{font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.leave-request-card{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:14px 16px;margin-bottom:10px}.leave-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.leave-request-type{font-weight:600;font-size:.95rem;color:var(--text-primary, #111827)}.leave-request-dates{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary, #6b7280);margin-bottom:6px}.leave-request-days{margin-left:auto;font-weight:600;color:var(--text-primary, #111827)}.leave-request-reason{font-size:.85rem;color:var(--text-secondary, #6b7280);margin-bottom:6px;line-height:1.4}.leave-request-rejection{font-size:.85rem;color:var(--error-text, #991b1b);background:#dc26260f;padding:8px 10px;border-radius:8px;margin-bottom:8px}.leave-request-info{font-size:.85rem;color:#059669;background:#0596690f;padding:8px 10px;border-radius:8px;margin-bottom:8px}.badge-sm{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600}.badge-sm.badge-info{background:#3b82f61f;color:#2563eb}.badge-sm.badge-warning{background:#f59e0b1f;color:var(--warning-text, #854d0e)}.approval-group-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text-primary, #111827);margin:16px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e5e7eb)}.approval-group-title:first-child{margin-top:0}.approval-card{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:14px 16px;margin-bottom:10px}.approval-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.95rem}.approval-card-detail{font-size:.85rem;color:var(--text-secondary, #6b7280);margin-bottom:4px}.approval-card-reason{font-size:.85rem;color:var(--text-tertiary, #9ca3af);margin-bottom:10px;font-style:italic}.approval-card-actions{display:flex;gap:8px}.approval-card-actions .btn-sm{flex:1}.team-calendar-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;margin-bottom:12px}.team-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:.8rem}.team-cal-header{text-align:center;font-weight:600;font-size:.75rem;color:var(--text-secondary, #6b7280);padding:6px 0}.team-cal-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-secondary, #f3f4f6);position:relative;cursor:default;min-height:36px}.team-cal-day.team-cal-empty{background:transparent}.team-cal-day.team-cal-weekend{background:#6b72800f;color:var(--text-tertiary, #9ca3af)}.team-cal-day.team-cal-holiday{background:#ef444414;color:var(--error-text, #991b1b)}.team-cal-day.team-cal-has-leave{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.team-cal-num{font-weight:500;font-size:.8rem}.team-cal-count{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#f59e0b;color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.user-leave-sub-nav{flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.user-leave-sub-nav::-webkit-scrollbar{display:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px)and (hover:none)and (pointer:coarse){.form-row{grid-template-columns:1fr}.leave-balance-grid{grid-template-columns:repeat(2,1fr)}.team-calendar-grid{font-size:.7rem}.team-cal-day{min-height:28px}}.btn-outline-danger{background:transparent;color:var(--error-text, #991b1b);border:1px solid #dc2626;border-radius:8px;padding:4px 12px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-outline-danger:hover{background:#dc2626;color:#fff}.btn-sm.btn-success{background:#059669;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;cursor:pointer}.btn-sm.btn-danger{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;cursor:pointer}.btn-sm.btn-info{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;cursor:pointer}.status-badge.badge-success{background:#0596691f;color:#059669}.status-badge.badge-danger{background:#dc26261f;color:var(--error-text, #991b1b)}.status-badge.badge-warning{background:#f59e0b1f;color:var(--warning-text, #854d0e)}.status-badge.badge-info{background:#3b82f61f;color:#2563eb}.status-badge.badge-secondary{background:#6b72801f;color:#6b7280}.dept-member-chips{display:flex;flex-wrap:wrap;gap:8px}.dept-member-chip{display:flex;align-items:center;gap:8px;background:var(--bg-card-alt, var(--bg-input, #f5f5f5));border:1px solid var(--border-color);border-radius:var(--border-radius);padding:6px 10px;font-size:13px}.dept-member-info{display:flex;flex-direction:column;gap:1px;min-width:0}.dept-member-name{font-weight:600;color:var(--text-primary);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-member-pos{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-member-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.dept-member-remove:hover{color:var(--error-text, #991b1b);background:#dc26261a}.dept-available-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.dept-available-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);transition:background .15s}.dept-available-item:hover{background:var(--bg-hover, rgba(0,0,0,.03))}.dept-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:10px;background:#3b82f61a;color:#2563eb;margin-left:4px;vertical-align:middle}#auth-container{--auth-ink: #18313f;--auth-text: #334b5b;--auth-muted: #667a86;--auth-line: rgba(24, 49, 63, .13);--auth-card-border: rgba(232, 93, 4, .16);--auth-warm: var(--safety-color, #e85d04);--auth-warm-rgb: var(--safety-color-rgb, 232, 93, 4);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;background:radial-gradient(circle at 10% 16%,rgba(var(--brand-color-rgb),.13),transparent 30%),radial-gradient(circle at 88% 84%,rgba(var(--auth-warm-rgb),.13),transparent 34%),linear-gradient(135deg,#f8fafc,#eef6f4 48%,#f7f1ea);z-index:9999;padding:32px;padding-top:calc(32px + var(--safe-top, var(--safe-area-inset-top, env(safe-area-inset-top, 0px))));overflow-y:auto}.auth-shell{width:min(1160px,100%);min-height:min(620px,calc(100vh - 120px));display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,450px);gap:56px;align-items:center;margin:auto;flex:1 0 auto}.auth-marketing{position:relative;display:flex;flex-direction:column;justify-content:center;gap:34px;min-height:560px;padding:18px 0 18px 12px;margin-bottom:0;border-top:0}.auth-marketing-content{position:relative;z-index:2;max-width:700px}.auth-marketing-kicker{display:inline-flex;align-items:center;gap:10px;min-height:34px;margin-bottom:26px;color:var(--auth-muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.auth-marketing-kicker span:first-child{color:var(--brand-fg, var(--brand-color))}.auth-marketing-kicker span:last-child{color:var(--safety-fg, var(--auth-warm))}.auth-marketing-kicker i{font-size:.95rem;color:var(--auth-warm);opacity:.82}.auth-marketing h1{max-width:650px;margin:0;color:var(--auth-ink);font-size:3.75rem;line-height:1.05;letter-spacing:0}.auth-marketing-lead{max-width:590px;margin:24px 0 0;color:var(--auth-text);font-size:1.12rem;line-height:1.72}.auth-benefit-list{display:grid;gap:16px;max-width:610px;margin:30px 0 0;padding:0;list-style:none}.auth-benefit-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:center;margin:0;padding:0;background:transparent;border-radius:0;color:var(--auth-text);font-size:.98rem;line-height:1.5}.auth-benefit-list i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color));font-size:1.15rem}.auth-benefit-list li:nth-child(2) i{background:rgba(var(--auth-warm-rgb),.12);color:var(--safety-fg, var(--auth-warm))}.auth-product-preview{position:relative;z-index:1;width:min(540px,88%);padding:22px 0 0;border-top:1px solid var(--auth-line)}.auth-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:22px}.auth-preview-heading span{color:var(--auth-muted);font-size:.86rem}.auth-preview-heading strong{display:block;color:var(--auth-ink);font-size:.98rem}.auth-preview-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.auth-preview-flow div{position:relative;display:grid;gap:9px;align-content:center;min-height:72px;padding:0 18px 0 0;background:transparent}.auth-preview-flow div:after{content:"";position:absolute;top:50%;right:14px;width:24px;height:1px;background:linear-gradient(90deg,rgba(var(--brand-color-rgb),.34),rgba(var(--auth-warm-rgb),.34))}.auth-preview-flow div:last-child:after{display:none}.auth-preview-flow i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color));font-size:1.08rem}.auth-preview-flow span{color:var(--auth-text);font-size:.83rem;font-weight:700}.auth-preview-meter{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;margin-top:18px}.auth-preview-meter span{grid-column:1 / -1;display:block;height:7px;overflow:hidden;border-radius:999px;background:#18313f1c}.auth-preview-meter span:before{content:"";display:block;width:86%;height:100%;background:linear-gradient(90deg,var(--brand-color),var(--auth-warm))}.auth-preview-meter strong{color:var(--auth-ink);font-size:1.35rem}.auth-preview-meter em{color:var(--auth-muted);font-size:.88rem;font-style:normal}.auth-card{background:#fffffff5;width:100%;max-width:450px;padding:40px;border:1px solid var(--auth-card-border);border-radius:16px;box-shadow:0 24px 70px #2a2e2624;text-align:center;animation:authSlideUp .5s ease-out;margin:auto 0}@media(max-width:1080px){.auth-shell{grid-template-columns:minmax(0,1fr) minmax(370px,430px);gap:34px}.auth-marketing{padding-left:0}.auth-marketing h1{font-size:3.35rem}.auth-preview-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){#auth-container{padding:18px;padding-top:calc(18px + var(--safe-top, var(--safe-area-inset-top, env(safe-area-inset-top, 0px))))}.auth-shell{display:block;min-height:0;width:min(470px,100%)}.auth-marketing{display:none}.auth-card{margin:auto}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.auth-card{padding:24px 20px;border-radius:12px}.auth-header h2{font-size:1.5rem}.auth-header{margin-bottom:20px}#auth-container{padding:12px;padding-top:calc(12px + var(--safe-top, var(--safe-area-inset-top, env(safe-area-inset-top, 0px))))}}@keyframes authSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-header{margin-bottom:30px}.auth-logo{margin-bottom:15px}.auth-logo-fallback-mark{display:block;width:72px;height:72px;max-width:100%;object-fit:contain;margin:0 auto}#auth-container .password-input-wrapper.input-icon input{padding-right:44px!important}#auth-container .password-input-wrapper .toggle-password-btn{right:6px;z-index:1;min-width:52px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--auth-ink, #18313f);background:transparent;opacity:1;font-size:.75rem;font-weight:700}#auth-container .password-input-wrapper .toggle-password-btn:hover,#auth-container .password-input-wrapper .toggle-password-btn:focus,#auth-container .password-input-wrapper .toggle-password-btn:active{background:transparent;color:var(--auth-ink, #18313f);box-shadow:none}#auth-container .password-input-wrapper .toggle-password-btn:focus-visible{outline:2px solid var(--brand-color, #0d3b66);outline-offset:2px;background:transparent}#auth-container .password-input-wrapper .toggle-password-text{line-height:1}#auth-container .password-input-wrapper .toggle-password-btn i{position:static;transform:none;left:auto;top:auto;font-size:1.15rem}.auth-header h2{margin:0 0 10px;color:var(--brand-fg, var(--primary-color));font-size:1.8rem}.auth-header p{margin:0;color:var(--auth-muted, var(--secondary-color));font-size:.95rem}.auth-view{display:none}.auth-view.active{display:block;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.auth-view h3{margin-bottom:25px;font-size:1.2rem;color:var(--auth-ink, var(--text-color));font-weight:600}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem;color:var(--auth-ink, var(--text-color))}.input-icon{position:relative}.input-icon i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--auth-muted, var(--secondary-color));font-size:1.2rem;font-family:Phosphor!important;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased}.input-icon input{width:100%;padding:12px 15px 12px 45px!important;border:1px solid rgba(24,49,63,.2);border-radius:8px;font-size:1rem;transition:all .3s}.input-icon input:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.12);outline:none}.auth-public-footer{position:relative;z-index:2;flex:0 0 auto;align-self:stretch;text-align:center;margin-top:16px;padding:8px 16px 0;color:var(--auth-muted);font-size:.82rem}.auth-public-footer a{color:var(--brand-color)}#auth-container .btn-primary{background:var(--brand-color);border-color:var(--brand-color);color:var(--text-on-brand)}#auth-container .btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-block{width:100%;padding:12px;font-size:1rem;margin-top:10px}.auth-footer{margin-top:25px;font-size:.9rem;color:var(--auth-muted, var(--secondary-color))}.auth-footer a{color:var(--safety-fg, var(--accent-color));text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-footer .android-download-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600}html.is-native-shell #android-download-link{display:none!important}.auth-footer .android-download-link i{font-size:1.15em}.error-message{color:var(--error-text, var(--error-color));background:#e74c3c1a;padding:10px;border-radius:6px;margin-top:15px;font-size:.9rem}.success-message{color:var(--success-text, var(--success-color));background:#27ae601a;padding:10px;border-radius:6px;margin-top:15px;font-size:.9rem}.security-warning{display:flex;flex-direction:column;gap:8px;padding:12px 16px!important;border-left:4px solid #e06c75!important;border-radius:6px!important;background-color:#e66c751a!important;font-size:.85rem!important;color:#e06c75!important;margin-bottom:16px;animation:slideDown .4s ease-out}.security-warning strong{font-weight:700;display:flex;align-items:center;gap:6px}.security-warning strong:before{content:"⚠️";font-size:1.1rem}.auth-view-kicker{display:block;margin-bottom:8px;color:var(--auth-warm, #e85d04);font-size:.68rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.auth-view-lead{margin:-14px 0 24px;color:var(--auth-muted, #667a86);font-size:.88rem;line-height:1.5}.auth-register-progress{display:grid;grid-template-columns:max-content minmax(32px,1fr) max-content;align-items:center;gap:10px;margin:22px 0 8px}.auth-register-progress>i{height:2px;border-radius:999px;background:var(--auth-line);transition:background .18s ease}#register-view[data-step="2"] .auth-register-progress>i{background:linear-gradient(90deg,var(--auth-warm),var(--brand-color))}.auth-register-progress-step{display:grid;grid-template-columns:30px auto;align-items:center;gap:7px;color:var(--auth-muted)}.auth-register-progress-step b{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--auth-line);border-radius:10px;background:#ffffffb3;color:var(--auth-muted);font-size:.78rem;transition:all .18s ease}.auth-register-progress-step em{font-size:.72rem;font-style:normal;font-weight:700;white-space:nowrap}.auth-register-progress-step.is-active,.auth-register-progress-step.is-complete{color:var(--auth-ink)}.auth-register-progress-step.is-active b{border-color:var(--auth-warm);background:rgba(var(--auth-warm-rgb),.12);color:var(--auth-warm);box-shadow:0 0 0 3px rgba(var(--auth-warm-rgb),.08)}.auth-register-progress-step.is-complete b{border-color:var(--brand-color);background:var(--brand-color);color:#fff}.auth-step-indicator{margin:0 0 18px;color:var(--auth-muted);font-size:.72rem;text-align:left}@media(max-width:600px){#auth-container{--auth-mobile-bg: #0b3046;--auth-mobile-panel: #ffffff;--auth-mobile-soft: #f4f8f8;--auth-mobile-ink: #122b3d;--auth-mobile-muted: #687c8e;--auth-mobile-line: #dce7e8;min-height:100dvh;height:100%;padding:calc(18px + var(--safe-top, env(safe-area-inset-top, 0px))) 14px calc(18px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));background:radial-gradient(circle at 88% 7%,rgba(232,93,4,.38),transparent 170px),radial-gradient(circle at 5% 96%,rgba(79,151,169,.2),transparent 210px),linear-gradient(160deg,#164a63 0%,var(--auth-mobile-bg) 42%,#082639 100%);color:var(--auth-mobile-ink);scroll-padding-bottom:24px}#auth-container:before{content:"";position:fixed;top:72px;left:-62px;width:150px;height:150px;border:1px solid rgba(255,255,255,.07);border-radius:44px;transform:rotate(24deg);pointer-events:none}.auth-shell{display:block;width:min(100%,470px);min-height:auto;margin:0 auto}.auth-card{width:100%;max-width:none;margin:0 auto;padding:18px;border:1px solid rgba(255,255,255,.5);border-radius:28px;background:var(--auth-mobile-panel);box-shadow:0 26px 60px #03141f4d;color:var(--auth-mobile-ink);text-align:left}.auth-header{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:13px;margin:0 0 24px;padding:12px;border:1px solid var(--auth-mobile-line);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(232,93,4,.1),transparent 90px),var(--auth-mobile-soft)}.auth-logo{display:grid;place-items:center;width:54px;height:54px;margin:0;border-radius:17px;background:#e7f1f5;box-shadow:inset 0 0 0 1px #0d3b660f}.auth-logo-fallback-mark{width:40px;height:40px;margin:0}#auth-logo-img{max-width:42px!important;max-height:42px!important;object-fit:contain}.auth-header h2{margin:0 0 3px;color:var(--auth-mobile-ink);font-size:1.05rem;font-weight:850;letter-spacing:-.015em;line-height:1.2}.auth-header p{grid-column:2;display:-webkit-box;margin:0;overflow:hidden;color:var(--auth-mobile-muted);font-size:.7rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.auth-view.active{animation:authViewEnter .24s ease both}.auth-view h3{margin:0 0 20px;color:var(--auth-mobile-ink);font-size:clamp(1.45rem,7vw,1.8rem);font-weight:850;letter-spacing:-.035em;line-height:1.1}.auth-view-lead{margin:-12px 0 22px;color:var(--auth-mobile-muted);font-size:.82rem;line-height:1.5}#register-view .auth-view-lead{max-width:36ch}#auth-container .form-group{margin-bottom:15px}#auth-container .form-group label{margin:0 0 7px;color:var(--auth-mobile-ink);font-size:.78rem;font-weight:740}#auth-container .input-icon{position:relative}#auth-container .input-icon>i{left:16px;color:#6d8292;font-size:1.12rem}#auth-container .input-icon input,#auth-container .form-group>input,#auth-container .form-group select{min-height:54px;padding:12px 14px 12px 48px!important;border:1px solid var(--auth-mobile-line);border-radius:16px;background:var(--auth-mobile-soft);color:var(--auth-mobile-ink);font-size:1rem;box-shadow:none;caret-color:var(--auth-warm)}#auth-container .input-icon input::placeholder{color:#9aabb6}#auth-container .input-icon input:focus,#auth-container .form-group>input:focus,#auth-container .form-group select:focus{border-color:var(--auth-warm);outline:none;background:#fff;box-shadow:0 0 0 4px rgba(var(--auth-warm-rgb),.1)}#auth-container .password-input-wrapper.input-icon input{padding-right:74px!important}#auth-container .password-input-wrapper .toggle-password-btn{right:7px;min-width:60px;min-height:40px;border-radius:12px;color:var(--auth-mobile-muted);background:#ffffffc2}#auth-container .password-input-wrapper .toggle-password-btn:hover,#auth-container .password-input-wrapper .toggle-password-btn:focus,#auth-container .password-input-wrapper .toggle-password-btn:active{color:var(--auth-mobile-ink);background:#fff}#auth-container .btn-primary,#auth-container .btn-secondary{min-height:54px;border-radius:16px;font-size:.92rem;font-weight:790;box-shadow:none}#auth-container .btn-primary{border-color:var(--auth-warm);background:linear-gradient(135deg,#f16b22,#e65300);color:#fff;box-shadow:0 12px 25px rgba(var(--auth-warm-rgb),.22)}#auth-container .btn-primary:hover,#auth-container .btn-primary:focus{border-color:#d94f00;background:linear-gradient(135deg,#ed6215,#d94f00)}#auth-container .btn-secondary{border:1px solid var(--auth-mobile-line);background:var(--auth-mobile-soft);color:var(--auth-mobile-ink)}#auth-container .btn-block{margin-top:7px}#auth-container .toolbar-group{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(0,1.25fr);gap:9px}#auth-container .auth-footer{display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:20px;padding:16px 12px 2px;border-top:1px solid var(--auth-mobile-line);color:var(--auth-mobile-muted);font-size:.78rem;text-align:center}#auth-container .auth-footer a{color:var(--auth-warm);font-weight:750}#auth-container .auth-forgot-link{align-self:flex-end;margin-top:-2px}#auth-container .auth-account-switch{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px}#auth-container .auth-footer .android-download-link{min-height:38px;margin-top:0;padding:0 12px;border:1px solid var(--auth-mobile-line);border-radius:999px;background:var(--auth-mobile-soft);color:var(--auth-mobile-ink)}#auth-container .error-message,#auth-container .success-message{margin-top:13px;padding:11px 13px;border-radius:14px;font-size:.78rem;line-height:1.45}.auth-register-progress{margin-top:20px}.auth-register-progress-step b{background:var(--auth-mobile-soft)}.auth-step-indicator{margin-bottom:15px;color:var(--auth-mobile-muted);text-align:center}#register-view[data-step="2"] .auth-register-progress-step:first-child b{font-size:0}#register-view[data-step="2"] .auth-register-progress-step:first-child b:after{content:"✓";font-size:.82rem}#register-view .auth-footer{margin-top:14px}.auth-public-footer{margin:12px auto 0;padding:6px 10px 0;color:#ffffff94;font-size:.68rem;line-height:1.6}.auth-public-footer a{color:#ffffffdb;text-underline-offset:2px}html.is-native-shell .auth-public-footer{padding-bottom:var(--safe-bottom, env(safe-area-inset-bottom, 0px))}}@media(max-width:600px)and (max-height:720px){.auth-card{padding:14px;border-radius:24px}.auth-header{grid-template-columns:46px minmax(0,1fr);margin-bottom:18px;padding:9px}.auth-logo{width:46px;height:46px;border-radius:14px}.auth-logo-fallback-mark{width:34px;height:34px}.auth-view h3{font-size:1.35rem}#auth-container .form-group{margin-bottom:12px}#auth-container .input-icon input{min-height:50px}}body[data-theme=dark] #auth-container{--auth-mobile-panel: #152532;--auth-mobile-soft: #1b303e;--auth-mobile-ink: #f4f8fa;--auth-mobile-muted: #a9bac5;--auth-mobile-line: rgba(211, 230, 238, .15)}@media(max-width:600px){body[data-theme=dark] .auth-card{border-color:#ffffff14;background:var(--auth-mobile-panel)}body[data-theme=dark] .auth-header,body[data-theme=dark] #auth-container .input-icon input,body[data-theme=dark] #auth-container .form-group>input,body[data-theme=dark] #auth-container .form-group select{background:var(--auth-mobile-soft)}body[data-theme=dark] #auth-container .input-icon input:focus{background:#203846}body[data-theme=dark] #auth-container .password-input-wrapper .toggle-password-btn{background:#ffffff0f}}@media(prefers-reduced-motion:no-preference){@keyframes authViewEnter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}.applicant-profile-view-only .modal-content{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.applicant-profile-view-only .modal-content *{user-select:none!important;-webkit-user-select:none!important}.applicant-profile-view-only input[disabled]{cursor:default;pointer-events:none}.masked-label{font-size:12px;color:var(--text-secondary);font-weight:400;opacity:.8}.privacy-badge{display:inline-flex;align-items:center;gap:4px}.privacy-notice{display:flex;align-items:flex-start;gap:8px}.privacy-notice i{color:var(--info-color);flex-shrink:0;margin-top:2px}.bulk-action-toolbar{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.applicant-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.applicant-checkbox:disabled{cursor:not-allowed;opacity:.5}.skill-badge{display:inline-flex;align-items:center;gap:4px}.skill-badge.assessed{font-weight:500}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;min-height:40px;font-size:var(--font-sm);font-weight:600;background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .15s ease}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.btn-outline-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);padding:6px 12px}.btn-outline-secondary:hover{background-color:var(--bg-surface-2);color:var(--text-primary)}.file-upload-label{cursor:pointer}.excel-preview{margin-top:calc(var(--spacing-unit) * 2);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2)}.excel-preview h5{margin-top:0;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--brand-fg, var(--primary-color))}.excel-preview .table-wrapper{margin-bottom:calc(var(--spacing-unit) * 1.5);max-height:200px;overflow-y:auto}.excel-preview table{font-size:14px}.excel-preview table th,.excel-preview table td{padding:8px 12px}.preview-actions{display:flex;gap:calc(var(--spacing-unit) * 1.5);margin-top:calc(var(--spacing-unit) * 1.5)}#excel-total-rows{font-weight:600;color:var(--brand-fg, var(--primary-color));margin:0}.success{color:var(--success-text, var(--success-color));font-weight:600}.user-stats-bar{display:flex;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2);flex-wrap:wrap}.stat-item{background:var(--bg-card);color:var(--text-primary);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);min-width:120px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand-color)}.stat-number{display:block;font-size:28px;font-weight:700;line-height:1.2;color:var(--brand-fg, var(--brand-color));margin-bottom:4px}.stat-label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.platform-staff-access-panel{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);padding:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2)}.panel-header-inline{display:flex;justify-content:space-between;gap:calc(var(--spacing-unit) * 2);align-items:flex-start;margin-bottom:calc(var(--spacing-unit) * 1.5)}.panel-header-inline h4{margin:0 0 4px;color:var(--text-primary)}.compact-table th,.compact-table td{padding:10px 12px}.muted{color:var(--text-secondary);font-size:12px}.readonly-summary{margin:0;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary)}.checkbox-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.checkbox-chip{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);font-size:13px}.checkbox-chip input{width:16px;height:16px;flex:0 0 auto}.filter-bar,.user-filter-bar,.attendance-filter-bar,.tasks-filter-bar,.employee-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--stack-gap, 8px);margin-bottom:var(--section-gap-sm, 10px)}.compact-toolbar{gap:var(--stack-gap, 8px)!important;margin-bottom:var(--section-gap-sm, 10px)!important}#main-app .compact-toolbar.attendance-filter-bar,.compact-toolbar.attendance-filter-bar{padding:10px 12px;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-card)}.user-leave-sub-nav{gap:4px}.search-input-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.06-50.07a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.31-11.31ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z' fill='%2364748b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;background-size:15px 15px;padding-left:34px!important}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #005f731a}.filter-group{display:flex;gap:calc(var(--spacing-unit) * 1);flex-wrap:wrap}.filter-group select{padding:10px 14px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;background-color:var(--bg-card);cursor:pointer;min-width:140px}.filter-group select option{background-color:var(--bg-surface-1);color:var(--text-primary)}[data-theme=light] .filter-group select option{background-color:#fff;color:#1a1a1a}.filter-group select:focus{outline:none;border-color:var(--primary-color)}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);background-color:var(--bg-color);border-radius:var(--border-radius);font-size:14px;color:var(--text-secondary)}.btn-export{padding:8px 16px;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-export:hover{background-color:var(--primary-color);color:var(--text-on-brand, #ffffff)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.table-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.table-header-row h3{margin:0}.column-toggle-container{position:relative}.column-toggle-btn{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;padding:6px 12px;border-radius:8px}.column-toggle-dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:200px;max-height:400px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:8px 0;z-index:500}.column-toggle-header{padding:6px 14px 8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:4px}.column-toggle-item{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:.8125rem;cursor:pointer;transition:background .15s;white-space:nowrap}.column-toggle-item:hover{background:var(--bg-hover)}.column-toggle-item input[type=checkbox]{accent-color:var(--primary-color);width:16px;height:16px;cursor:pointer}.column-toggle-item input[disabled]{opacity:.5;cursor:not-allowed}.column-toggle-actions{padding:8px 14px 4px;border-top:1px solid var(--border-color);margin-top:4px;display:flex;justify-content:flex-end}.col-hidden{display:none!important}.users-table-wrapper{max-height:600px;overflow-y:auto;overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;background:var(--bg-card)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem;min-width:800px}.data-table th{background-color:var(--bg-surface-1);color:var(--text-secondary);padding:12px 16px;text-align:left;font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.6875rem;letter-spacing:.5px}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-color)}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background-color:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}#company-modules-table{border-spacing:0;border-collapse:collapse}#company-modules-table th.sticky-name,#company-modules-table td.sticky-name{position:sticky;left:0;z-index:5;background:var(--bg-surface-2);border-right:2px solid var(--border-color)}#company-modules-table thead th.sticky-name{z-index:15}.module-cell{padding:8px!important;text-align:center}.matrix-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--brand-color)}.module-indicator{display:inline-flex;align-items:center;justify-content:center;font-size:10px;background:var(--brand-color);color:var(--text-on-brand);width:14px;height:14px;border-radius:50%;margin-left:4px;vertical-align:middle;font-weight:700}.module-access-intro{display:grid;gap:12px;margin-bottom:16px;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-1)}.module-access-intro-main h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--text-primary)}.module-access-intro-main p,.module-access-note{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.45}.module-access-core-list,.module-access-legend{display:flex;flex-wrap:wrap;gap:8px}.module-access-core-list span,.module-access-legend span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);font-size:.75rem;line-height:1.2}.module-access-legend{margin-bottom:14px}.module-access-legend .legend-indicator{margin-left:0}.emp-name-wrapper{display:flex;flex-direction:column}.emp-position-badge{font-size:11px;color:var(--text-secondary);font-weight:500}.top-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.top-skill-card{background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:10px;padding:14px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.top-skill-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.top-skill-card .skill-name{font-weight:600;font-size:.95rem;color:var(--text-color);margin-bottom:4px;padding-right:24px}.top-skill-card .skill-category{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.top-skill-card .skill-score{display:flex;align-items:center;gap:6px}.top-skill-card .skill-stars{color:#f5a623;font-size:.9rem;letter-spacing:1px}.top-skill-card .skill-score-value{font-size:.8rem;color:var(--text-secondary)}.top-skill-card .btn-delete-skill{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:opacity .15s ease,color .15s ease}.top-skill-card:hover .btn-delete-skill{opacity:1}.top-skill-card .btn-delete-skill:hover{color:var(--error-text, var(--error-color));background:#ff00001a}.top-skill-empty{grid-column:1 / -1;text-align:center;padding:30px 20px;color:var(--text-secondary);background:var(--bg-surface-1);border:2px dashed var(--border-color);border-radius:10px}.top-skill-add{background:var(--bg-surface-1);border:2px dashed var(--border-color);border-radius:10px;padding:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:border-color .15s ease,color .15s ease;min-height:80px}.top-skill-add:hover{border-color:var(--brand-color);color:var(--brand-fg, var(--brand-color))}.top-skill-add i{font-size:1.5rem;margin-right:8px}@media(max-width:600px)and (hover:none)and (pointer:coarse){.top-skills-grid{grid-template-columns:1fr}}@media(max-width:600px)and (hover:none)and (pointer:coarse){.filter-row{flex-direction:column}.filter-group{width:100%}}.section-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:24px}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:20px;overflow:hidden}.settings-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.settings-card-header h5{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.settings-card-header h5 i{font-size:1.2rem;color:var(--brand-fg, var(--primary-color))}.settings-card-body{padding:20px}.settings-card>summary.settings-card-header{cursor:pointer;list-style:none}.settings-card>summary.settings-card-header::-webkit-details-marker{display:none}.company-advanced-settings:not([open]) .settings-card-header{border-bottom:0}.company-advanced-settings .settings-card-header:after{content:"v";color:var(--text-muted);font-size:1.1rem;margin-left:8px}.company-advanced-settings[open] .settings-card-header:after{transform:rotate(180deg)}.settings-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.settings-module-pill{min-height:58px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:4px}.settings-module-pill span{font-weight:600;color:var(--text-primary)}.settings-module-pill small{color:var(--text-muted)}.settings-module-pill.enabled{border-color:#16a34a47;background:#16a34a0f}.settings-module-pill.disabled{opacity:.72}.settings-module-pill.is-enabled{border-color:#27ae6059;background:#27ae6014}.settings-module-pill.is-disabled{opacity:.72}.settings-module-pill-action{border-style:dashed}.settings-card .form-row{margin-bottom:16px}.settings-card .form-row label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-secondary)}.settings-card .form-row select{width:100%;max-width:400px}.billing-status{display:flex;gap:32px;margin-bottom:16px;flex-wrap:wrap}.billing-plan,.billing-period{display:flex;flex-direction:column;gap:4px}.billing-label{font-size:.85rem;color:var(--text-muted)}.billing-value{font-size:1.1rem;font-weight:600;color:var(--brand-fg, var(--primary-color))}.settings-card.danger-zone{border-color:var(--error-color)}.settings-card.danger-zone .settings-card-header{background:#e74c3c1a;border-bottom-color:var(--error-color)}.settings-card.danger-zone .settings-card-header h5,.settings-card.danger-zone .settings-card-header h5 i{color:var(--error-text, var(--error-color))}.warning-text{color:var(--error-text, var(--error-color))!important;margin-bottom:20px!important}.danger-action{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:12px}.danger-action:last-child{margin-bottom:0}.danger-info strong{display:block;margin-bottom:4px}.danger-info p{margin:0;font-size:.85rem;color:var(--text-muted)}.btn-danger-outline{background:transparent;border:1px solid var(--error-color);color:var(--error-text, var(--error-color));padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;font-size:var(--font-sm);transition:all .15s ease}.btn-danger-outline:hover{background:var(--error-color);color:#fff}.badge-info{background:var(--primary-color);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.director-only.hidden-from-hr,#main-app .is-action-hidden,#main-app button.is-action-hidden,.is-action-hidden{display:none!important}.settings-module-pill strong,.settings-module-pill small{display:block}.settings-module-pill small{margin-top:2px;font-weight:500}@media(max-width:768px)and (hover:none)and (pointer:coarse){.danger-action{flex-direction:column;gap:12px;text-align:center}.billing-status{flex-direction:column;gap:16px}}.header-brand{display:flex;align-items:center;gap:8px}.header-app-logo{width:32px;height:32px;border-radius:6px;flex-shrink:0;object-fit:contain}.brand-info{display:flex;flex-direction:column;justify-content:center;gap:0}.brand-info h2{margin:0;font-size:1.1rem;line-height:1.2;color:var(--brand-fg, var(--brand-color));font-weight:700;letter-spacing:-.3px}.header-company-badge{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;background:var(--bg-hover);border-radius:20px;border:1px solid var(--border-color);max-width:160px;margin-left:4px}.header-company-logo-img{width:22px;height:22px;border-radius:4px;object-fit:contain;flex-shrink:0}.header-company-name{font-size:.7rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-upload-wrapper{display:flex;align-items:flex-start;gap:20px;padding:8px 0}.current-logo-preview{width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--bg-surface);flex-shrink:0}.current-logo-preview img{max-width:90px;max-height:90px;width:auto;height:auto;object-fit:contain}.logo-placeholder-box{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-color-secondary);text-align:center;font-size:.75rem}.logo-placeholder-box i{font-size:2rem;opacity:.5}.logo-upload-controls{flex:1}@media(max-width:480px)and (hover:none)and (pointer:coarse){.logo-upload-wrapper{flex-direction:column}.brand-info h2{font-size:.95rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-company-badge{display:none!important}}.collapsible-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);position:relative;z-index:20}.collapsible-section:focus-within{z-index:30}.collapsible-header{width:100%;padding:14px 16px;background:var(--bg-card);border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;color:var(--text-primary);transition:background .2s;border-radius:var(--border-radius)}.collapsible-header.open{border-radius:var(--border-radius) var(--border-radius) 0 0}.collapsible-header:hover{background:var(--bg-hover)}.collapsible-header span{display:flex;align-items:center;gap:10px}.collapsible-header span i{font-size:1.2em;color:var(--brand-fg, var(--primary-color))}.collapsible-icon{font-size:1.2em;transition:transform .3s ease;color:var(--text-secondary)}.collapsible-header.open .collapsible-icon{transform:rotate(180deg)}.collapsible-content{padding:16px;border-top:1px solid var(--border-color)}.module-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.module-checkbox:disabled{cursor:not-allowed;opacity:.5}#company-modules-table th{font-size:.8rem;padding:8px 4px;white-space:nowrap}#company-modules-table td{padding:8px 4px;vertical-align:middle}#company-modules-table td:not(:first-child):not(:nth-child(2)){text-align:center}.module-cell{position:relative}.module-cell.override-enabled{background:#98c37926}.module-cell.override-disabled{background:#e06c7526}.module-indicator{font-size:.65rem;display:block;margin-top:2px;color:var(--text-secondary)}.platform-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}@media(max-width:1024px){.platform-settings-grid{grid-template-columns:1fr}}.settings-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #333);border-radius:12px;padding:20px;box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .04))}.settings-card h5{margin:0 0 16px;font-size:1rem;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.settings-card h5 i{font-size:1.2rem;color:var(--brand-fg, var(--brand-color, #0D3B66))}.logo-upload-group{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #333)}.logo-upload-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.logo-upload-group>label{display:block;font-weight:600;font-size:.85rem;margin-bottom:8px;color:var(--text-primary)}.logo-preview-row{display:flex;align-items:flex-start;gap:16px}.logo-preview-box{width:200px;height:60px;border:2px dashed var(--border-color, #444);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-surface-3, #f9f8f5);flex-shrink:0}.logo-preview-box.square{width:80px;height:80px}.logo-preview-box.wide{width:240px;height:126px}.logo-preview-box.tiny{width:48px;height:48px}.logo-preview-box img{max-width:100%;max-height:100%;object-fit:contain}.logo-preview-box .placeholder-text{font-size:.75rem;color:var(--text-secondary, #888);text-align:center;padding:4px}.logo-upload-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.logo-upload-actions .help-text{font-size:.72rem;color:var(--text-secondary, #888);line-height:1.3;max-width:220px}.btn-sm{padding:4px 10px;font-size:.8rem}.color-picker-row{display:flex;align-items:center;gap:8px}.color-picker-row input[type=color]{width:40px;height:36px;border:1px solid var(--border-color, #444);border-radius:6px;padding:2px;cursor:pointer;background:transparent}.color-picker-row input[type=text]{width:90px;font-family:monospace}.brand-preview-card{margin-top:16px;padding:12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--bg-surface-3, #f9f8f5)}.brand-preview-card h6{margin:0 0 10px;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.brand-preview-mock{display:flex;gap:12px;min-height:100px}.preview-sidebar{width:120px;background:var(--bg-surface-2, #ffffff);border-radius:6px;padding:10px 8px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--border-color, #333)}.preview-helper-text{font-size:.65rem;line-height:1.35;color:var(--text-secondary, #5c6370);margin-bottom:6px;text-align:center}.preview-logo-area{font-weight:700;font-size:.85rem;margin-bottom:6px;color:var(--brand-fg, var(--brand-color, #0D3B66));text-align:center}.preview-menu-item{font-size:.7rem;padding:4px 6px;border-radius:4px;color:var(--text-secondary, #aaa);border-left:3px solid transparent}.preview-menu-item.active{background:rgba(var(--brand-color-rgb, 13, 59, 102),.14);border-left-color:var(--brand-color, #0D3B66);color:var(--text-primary, #1a1d21)}.preview-content{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.preview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:6px;border:none;font-size:.8rem;cursor:default;background:var(--brand-color, #0D3B66);color:var(--text-on-brand, #ffffff)}.preview-btn-hover{background:var(--brand-hover, #082F49)}.preview-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.7rem;background:var(--brand-color, #0D3B66);color:var(--text-on-brand, #ffffff)}.pwa-icon-grid{display:flex;flex-wrap:wrap;gap:12px}.pwa-icon-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--bg-surface-3, #f9f8f5)}.pwa-icon-item span{font-size:.7rem;color:var(--text-secondary, #888)}.pwa-icon-item img{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #333)}.payroll-net-anomaly td[data-label="Total Gaji"],.payroll-net-anomaly td[data-label=Status]{background:color-mix(in srgb,var(--color-warning, #eab308) 12%,transparent)}.payroll-net-warn{margin-left:4px;font-weight:700}.hc-hub-secondary{margin:0 0 12px}.hc-hub-secondary[hidden],.hc-hub-leaf-group[hidden]{display:none!important}.hc-hub-leaf-group{display:flex;flex-wrap:wrap;gap:4px;width:100%}.hc-hub-switcher{display:none;flex-direction:column;gap:8px;margin:0 0 12px;padding:8px;background:var(--bg-surface-1, var(--bg-card));border:1px solid var(--border-color);border-radius:12px;position:sticky;top:0;z-index:5}.hc-hub-switcher:not([hidden]){display:flex}.hc-hub-switcher-hubs{display:flex;gap:6px;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin}.hc-hub-switcher-hubs::-webkit-scrollbar{display:none}.hc-hub-switcher-btn{flex:1 0 auto;min-height:40px;min-width:72px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;scroll-snap-align:start}.hc-hub-switcher-btn.active{color:var(--brand-fg, var(--brand-color));background:var(--brand-tint-12, rgba(var(--brand-color-rgb), .12));border-color:var(--brand-tint-28, rgba(var(--brand-color-rgb), .28))}.hc-hub-switcher-leaves{display:flex;flex-wrap:wrap;gap:6px}.hc-hub-switcher-leaves[hidden]{display:none!important}.hc-hub-leaf-btn{min-height:36px;padding:6px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-2, var(--bg-card));color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer}.hc-hub-leaf-btn.active{color:var(--brand-fg, var(--brand-color));border-color:var(--brand-tint-28, rgba(var(--brand-color-rgb), .28));background:var(--brand-tint-10, rgba(var(--brand-color-rgb), .1))}@media(max-width:768px){.hc-hub-secondary{display:none!important}.hc-hub-switcher:not([hidden]){display:flex}#hc-sub-nav{display:none!important}}@media(min-width:769px){.hc-hub-switcher{display:none!important}}.hc-entity-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.hc-entity-page-header h5{margin:0 0 6px;font-size:1rem;display:flex;align-items:center;gap:8px}.hc-entity-page-header .helper-text{margin:0;max-width:52ch}.company-position-modal-body,.company-department-modal-body{max-height:min(72vh,640px);overflow-y:auto}.company-position-modal-actions,.company-department-modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}.company-position-modal-actions #company-position-delete-btn{margin-right:auto}.company-position-modal .position-permission-panel{padding:12px}.company-position-modal .position-permission-grid{gap:8px}.company-position-modal .position-permission-option{min-height:0;padding:10px 12px;gap:8px;align-items:flex-start}.company-position-modal .position-permission-option input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:3px 0 0!important;padding:0!important;border:none!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important;transform:none!important;flex-shrink:0;accent-color:var(--brand-color)}.company-position-modal .position-permission-option input[type=checkbox]:focus{outline:2px solid rgba(var(--brand-color-rgb),.35);outline-offset:1px}.company-position-modal .position-permission-copy strong{font-size:.8rem}.company-position-modal .position-permission-copy span{font-size:.74rem}#hc-emp-positions-manage-subsection{max-width:none}.position-settings-workspace{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.55fr);gap:18px;align-items:start}.position-editor-panel,.position-list-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px;min-width:0}.position-editor-panel{position:sticky;top:92px;max-height:calc(100vh - 128px);overflow:auto}.position-editor-hint{margin:0 0 14px;line-height:1.5}.position-edit-indicator{align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.55);border-radius:8px;color:#9a3412;font-size:.85rem}.position-edit-indicator,.position-edit-indicator>div,.position-icon-btn,.position-editor-actions button{display:flex}.position-edit-indicator>div,.position-icon-btn,.position-editor-actions button{align-items:center;gap:8px}.position-icon-btn{padding:7px 10px;font-size:.78rem}.position-editor-form{display:flex;flex-direction:column;gap:14px}.position-form-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:12px}.position-field{margin:0}.position-field label{display:block;margin-bottom:6px;color:var(--text-primary);font-size:.78rem;font-weight:700}.position-field input{width:100%;min-height:40px}.position-field .helper-text{display:block;margin-top:6px;line-height:1.45}#company-position-key-hint{color:#b45309}.position-level-field{grid-column:1 / -1}.position-permission-panel{padding:14px;background:var(--bg-surface-2, var(--bg-input));border:1px solid var(--border-color);border-radius:8px}.position-panel-heading{margin-bottom:12px}.position-panel-heading strong{display:block;color:var(--text-primary);font-size:.9rem;margin-bottom:4px}.position-panel-heading p,.position-list-header p{margin:0;color:var(--text-secondary);font-size:.78rem;line-height:1.45}.position-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.position-permission-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;min-height:96px;padding:12px;cursor:pointer;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.position-permission-option:hover{background:var(--bg-hover);border-color:rgba(var(--brand-color-rgb),.55)}.position-permission-option:has(input:checked){background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color);box-shadow:inset 3px 0 0 var(--brand-color)}.position-permission-option input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;margin:2px 0 0;padding:0;border:none;transform:none;cursor:pointer;accent-color:var(--brand-color);flex-shrink:0}.position-permission-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.position-permission-copy strong{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-size:.82rem;line-height:1.25}.position-permission-copy span{color:var(--text-secondary);font-size:.76rem;line-height:1.4}.permission-project .position-permission-copy strong i,.position-permission-badge.badge-project{color:#1d4ed8}.permission-company .position-permission-copy strong i,.position-permission-badge.badge-company{color:#b45309}.permission-assess .position-permission-copy strong i,.position-permission-badge.badge-assess{color:#15803d}.permission-hc .position-permission-copy strong i,.position-permission-badge.badge-hc{color:#7e22ce}.position-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.position-risk-warning{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;margin-bottom:4px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.55);border-radius:8px;color:#9a3412;font-size:.8rem;line-height:1.45}.position-list-panel{overflow:hidden}.position-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.position-list-header h5{display:flex;align-items:center;gap:8px;margin:0 0 4px;color:var(--text-primary);font-size:.95rem}.position-table-wrapper{max-height:calc(100vh - 220px);overflow:auto;border-radius:8px}#company-positions-table{min-width:960px}#company-positions-table th{position:sticky;top:0;z-index:1;background:var(--bg-card)}#company-positions-table td{vertical-align:middle}#company-positions-table td:nth-child(3),#company-positions-table td:nth-child(4),#company-positions-table td:nth-child(6){text-align:center}#company-positions-table td:last-child{white-space:nowrap}.position-key-code{display:inline-flex;align-items:center;max-width:180px;padding:3px 7px;overflow:hidden;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.position-weight-pill,.position-permission-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-input)}.position-weight-pill{padding:4px 9px;color:var(--text-secondary);font-size:.72rem}.position-weight-pill strong:first-child{color:#1d4ed8}.position-weight-pill strong:last-child{color:#15803d}.position-permission-badges{display:flex;flex-wrap:wrap;gap:6px}.position-permission-badge{padding:4px 8px;font-size:.72rem;font-weight:700}.position-empty-badge{color:var(--text-muted, var(--text-secondary));font-size:.78rem}.position-row-actions{display:flex;gap:6px;justify-content:flex-end}.position-row-actions .btn-secondary{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;font-size:.75rem}@media(max-width:1180px){.position-settings-workspace{grid-template-columns:1fr}.position-editor-panel{position:static;max-height:none}.position-table-wrapper{max-height:560px}}@media(max-width:720px){.position-form-grid,.position-permission-grid{grid-template-columns:1fr}.position-edit-indicator,.position-list-header{flex-direction:column;align-items:stretch}.position-editor-actions button{width:100%;justify-content:center}}.soft-skills-section{padding:12px;background:rgba(var(--brand-color-rgb),.05);border-radius:8px;border:1px solid rgba(var(--brand-color-rgb),.2)}.soft-skills-section h6{color:var(--brand-fg, var(--brand-color));font-weight:600;display:flex;align-items:center;gap:6px}.soft-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}.soft-skill-item{display:flex;flex-direction:column;gap:4px}.soft-skill-item label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.soft-skill-item select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:.85rem}.soft-skill-item select:focus{border-color:var(--brand-color);outline:none;box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.2)}.radar-chart-container{background:var(--bg-surface-2);border-radius:12px;padding:20px;margin:16px 0;border:1px solid var(--border-color)}.radar-chart-container h5{margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.radar-chart-svg{width:100%;max-width:400px;height:350px;margin:0 auto;display:block}.radar-chart-svg .axis-line{stroke:var(--border-color);stroke-width:1}.radar-chart-svg .grid-line{fill:none;stroke:var(--border-color);stroke-width:.5;stroke-dasharray:3,3}.radar-chart-svg .radar-area{fill-opacity:.3;stroke-width:2}.radar-chart-svg .radar-point{r:4}.radar-chart-svg .axis-label{font-size:11px;fill:var(--text-primary);text-anchor:middle}.radar-chart-svg .value-label{font-size:10px;fill:var(--text-secondary)}.radar-compare-section{margin-top:20px;padding:16px;background:var(--bg-surface-2);border-radius:8px;border:1px solid var(--border-color)}.radar-compare-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.radar-compare-slot{flex:1;min-width:180px}.radar-compare-slot label{display:block;font-size:.8rem;margin-bottom:4px;color:var(--text-secondary)}.radar-compare-slot select{width:100%;padding:8px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary)}.radar-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:12px}.radar-legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem}.radar-legend-color{width:16px;height:16px;border-radius:4px}.radar-color-1{background:var(--brand-color)}.radar-color-2{background:var(--purple-color)}.radar-color-3{background:var(--warning-color)}.radar-chart-svg .radar-area-1{fill:var(--brand-color);stroke:var(--brand-color)}.radar-chart-svg .radar-area-2{fill:var(--purple-color);stroke:var(--purple-color)}.radar-chart-svg .radar-area-3{fill:var(--warning-color);stroke:var(--warning-color)}.radar-chart-svg .radar-point-1{fill:var(--brand-color)}.radar-chart-svg .radar-point-2{fill:var(--purple-color)}.radar-chart-svg .radar-point-3{fill:var(--warning-color)}@media(max-width:480px)and (hover:none)and (pointer:coarse){.radar-chart-container{padding:12px}.radar-chart-svg{height:260px;max-width:100%}.soft-skills-grid{grid-template-columns:1fr}}.employment-filter-tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-color);padding-bottom:8px;margin:16px 0}.filter-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-surface-2);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:var(--font-sm);color:var(--text-secondary)}.filter-tab:hover{background:var(--bg-hover);border-color:var(--brand-color)}.filter-tab.active{background:var(--brand-color);border-color:var(--brand-color);color:var(--text-on-brand);font-weight:600}.filter-tab i{font-size:1.1em}.count-badge{background:#0003;padding:2px 8px;border-radius:12px;font-size:.85em;font-weight:600}.filter-tab.active .count-badge{background:#0000004d;color:var(--text-on-brand)}.employment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px;background:var(--bg-surface-2);border-radius:var(--border-radius);border:1px solid var(--border-color)}.employment-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--bg-surface-1);border-radius:8px}.employment-stats .stat-item.highlight{background:rgba(var(--brand-color-rgb),.1);border:1px solid var(--brand-color)}.employment-stats .stat-value{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary)}.employment-stats .stat-item.highlight .stat-value{color:var(--brand-fg, var(--brand-color))}.employment-stats .stat-label{font-size:var(--font-xs);color:var(--text-secondary);text-align:center}.employment-history-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.employment-card{padding:16px;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s ease}.employment-card:hover{background:var(--bg-hover);border-color:var(--brand-color)}.employment-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.employment-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-surface-1);display:flex;align-items:center;justify-content:center;font-size:1.5em;color:var(--brand-fg, var(--brand-color))}.employment-info{flex:1}.employment-name{font-size:var(--font-base);font-weight:600;color:var(--text-primary);margin-bottom:4px}.employment-meta{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);color:var(--text-secondary)}.employment-count-badge{background:var(--brand-color);color:var(--text-on-brand);padding:2px 8px;border-radius:12px;font-size:var(--font-xs);font-weight:600}.employment-positions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.position-entry{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:4px;background:var(--bg-surface-1);border-radius:6px}.position-entry.current{border-left:3px solid var(--brand-color);background:rgba(var(--brand-color-rgb),.05)}.position-label{font-weight:600;color:var(--text-primary)}.position-dates{font-size:var(--font-sm);color:var(--text-secondary)}.position-current-badge{background:var(--success-color);color:#121212;padding:2px 8px;border-radius:6px;font-size:var(--font-xs);font-weight:600;margin-left:8px}.position-rehire-badge{background:var(--warning-color);color:#121212;padding:2px 8px;border-radius:6px;font-size:var(--font-xs);font-weight:600;margin-left:8px}.visibility-restricted-badge{background:var(--text-secondary);color:var(--bg-main);padding:2px 8px;border-radius:6px;font-size:var(--font-xs);font-weight:600;margin-left:8px;display:inline-flex;align-items:center;gap:4px}.employment-phone{display:inline-flex;align-items:center;gap:4px;margin-left:8px;color:var(--text-secondary)}.assessment-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.assessment-score-display{display:flex;align-items:baseline;gap:4px}.weighted-score{font-size:1.4em;font-weight:700}.score-label{color:var(--text-secondary);font-size:var(--font-sm)}.assessment-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.formula-tooltip-btn{background:none;border:none;color:var(--brand-fg, var(--brand-color));cursor:pointer;font-size:var(--font-xs);padding:4px 8px;border-radius:4px;transition:background .2s}.formula-tooltip-btn:hover{background:rgba(var(--brand-color-rgb),.1)}.formula-detail{font-family:var(--font-mono, monospace);line-height:1.5}.formula-detail pre{white-space:pre-wrap;word-break:break-word}.visibility-notice{background:var(--bg-surface-1);padding:12px;border-radius:8px;margin-bottom:16px;border-left:4px solid var(--info-color)}.visibility-notice p{margin:0;font-size:13px;color:var(--text-secondary)}.career-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px;background:var(--bg-surface-2);border-radius:var(--border-radius);border:1px solid var(--border-color)}.career-stat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-surface-1);border-radius:8px;transition:all .2s ease}.career-stat-card:hover{background:var(--bg-hover)}.career-stat-card.highlight{background:rgba(var(--brand-color-rgb),.1);border:1px solid var(--brand-color)}.career-stat-card i{font-size:2em;color:var(--brand-fg, var(--brand-color))}.career-stat-card .stat-value{font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.career-stat-card .stat-label{font-size:var(--font-xs);color:var(--text-secondary);text-align:center}.position-timeline{position:relative;padding:20px 0 20px 40px}.position-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--brand-color) 0%,var(--border-color) 100%)}.timeline-item{position:relative;margin-bottom:24px;padding-left:24px}.timeline-item:before{content:"";position:absolute;left:-27px;top:8px;width:14px;height:14px;background:var(--bg-surface-1);border:3px solid var(--brand-color);border-radius:50%;z-index:1}.timeline-item.current:before{background:var(--brand-color);box-shadow:0 0 0 4px rgba(var(--brand-color-rgb),.2)}.timeline-item.rehire:before{border-color:var(--warning-color)}.timeline-content{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px;transition:all .2s ease}.timeline-content:hover{background:var(--bg-hover);border-color:var(--brand-color)}.timeline-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.timeline-company{font-size:var(--font-base);font-weight:600;color:var(--text-primary)}.timeline-position{font-size:var(--font-sm);color:var(--brand-fg, var(--brand-color));margin-top:4px}.timeline-dates{font-size:var(--font-xs);color:var(--text-secondary)}.timeline-tenure{font-size:var(--font-xs);color:var(--text-secondary);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.timeline-gap{display:flex;align-items:center;gap:8px;padding:8px;margin:12px 0 12px 24px;background:rgba(var(--brand-color-rgb),.05);border:1px dashed var(--border-color);border-radius:6px;font-size:var(--font-xs);color:var(--text-secondary)}.timeline-gap i{color:var(--warning-text, var(--warning-color))}#hc-emp-history-subsection .emp-history-shell{display:flex;flex-direction:column;gap:16px}#hc-emp-history-subsection .emp-history-header h4{margin:0 0 6px;font-size:var(--font-lg);display:flex;align-items:center;gap:8px}#hc-emp-history-subsection .emp-history-header .helper-text,#hc-emp-history-subsection .emp-history-stats{margin:0}#hc-emp-history-subsection .emp-history-toolbar{margin:0;align-items:flex-end;flex-wrap:wrap;gap:12px}#hc-emp-history-subsection .emp-history-search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}#hc-emp-history-subsection .emp-history-search-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}#hc-emp-history-subsection .emp-history-search-wrap input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:8px;font-size:var(--font-sm);background:var(--bg-card);color:var(--text-primary)}#hc-emp-history-subsection .emp-history-filter-tabs{margin:0;border-bottom:none;padding-bottom:0;flex-wrap:wrap}#hc-emp-history-subsection .emp-history-visibility-notice{margin:0}.emp-history-table-wrapper{max-height:min(70vh,640px);overflow:auto}.emp-history-table .emp-history-col-action{width:48px;text-align:center}.emp-history-name-cell{display:flex;align-items:center;gap:10px;min-width:180px}.emp-history-avatar-img,.emp-history-avatar-fallback{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}.emp-history-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--bg-surface-1);color:var(--brand-fg, var(--brand-color));font-size:1.1em}.emp-history-name-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.emp-history-name{font-weight:600;color:var(--text-primary)}.emp-history-email{font-size:var(--font-xs)}.emp-history-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.emp-history-status-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:var(--font-xs);font-weight:600}.emp-history-status-active{background:rgba(var(--success-color-rgb, 45, 106, 79),.15);color:var(--success-color)}.emp-history-status-past{background:var(--bg-surface-1);color:var(--text-secondary)}.emp-history-period{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap}.emp-history-score-cell{font-weight:600;text-align:center}.emp-history-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-2);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.emp-history-expand-btn:hover{background:var(--bg-hover);border-color:var(--brand-color);color:var(--brand-fg, var(--brand-color))}.emp-history-detail-row>td{padding:0!important;background:var(--bg-surface-1);border-top:none}.emp-history-detail-panel{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px}.emp-history-detail-section h5{margin:0 0 10px;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.emp-history-row:hover td{background:var(--bg-hover)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.employment-filter-tabs,#hc-emp-history-subsection .emp-history-filter-tabs{flex-wrap:wrap}.filter-tab{flex:1;min-width:100px;justify-content:center}#hc-emp-history-subsection .emp-history-toolbar .section-toolbar-left,#hc-emp-history-subsection .emp-history-toolbar .section-toolbar-right{width:100%;max-width:none}#hc-emp-history-subsection .emp-history-search-wrap{max-width:none}.employment-stats,#hc-emp-history-subsection .emp-history-stats,.career-stats-grid{grid-template-columns:repeat(2,1fr)}.position-timeline{padding-left:30px}}.module-license-grid{display:flex;flex-direction:column;gap:20px}.module-tier-section{border:1px solid var(--border-color);border-radius:10px;padding:12px;background:var(--bg-surface-2, #1e1e1e)}.module-tier-section.module-tier-future{opacity:.6}.tier-header{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:.95rem;font-weight:600}.tier-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-badge.tier-0{background:var(--success-color, #98c379);color:#121212}.tier-badge.tier-1{background:var(--brand-color, #0D3B66);color:#121212}.tier-badge.tier-2{background:var(--purple-color, #c678dd);color:#121212}.tier-badge.tier-3{background:var(--warning-color, #e5c07b);color:#121212}.module-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.module-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-1, #121212);font-size:.9rem;transition:all .2s}.module-item i{font-size:1.2rem;color:var(--brand-fg, var(--brand-color));flex-shrink:0}.module-item span:first-of-type:not(.module-status):not(.toggle-slider){flex:1}.module-item.module-locked{cursor:default;opacity:.9}.module-item.module-locked .module-status.active{color:var(--success-text, var(--success-color));font-weight:700}.module-item.module-disabled{cursor:not-allowed;opacity:.5}.module-item.module-disabled .module-status.soon{font-size:1rem}.module-item.module-toggleable{cursor:pointer;position:relative;transition:all .3s ease}.module-item.module-toggleable:hover{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.05);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.module-item.module-toggleable{background:var(--bg-surface-1, #121212);border-color:#ffffff1a}.module-item.module-toggleable input.module-switch:checked~span:first-of-type{color:var(--brand-fg, var(--brand-color));font-weight:600}.module-item.module-toggleable input.module-switch:not(:checked)~span:first-of-type{color:var(--text-secondary);opacity:.6}.module-item.module-toggleable input.module-switch:not(:checked)~i{opacity:.5;color:var(--text-secondary)!important}.module-item.module-toggleable input.module-switch{position:absolute;opacity:0;width:0;height:0}.module-item.module-toggleable .toggle-slider{position:relative;width:40px;height:22px;background:#ffffff26;border-radius:20px;transition:all .3s ease;flex-shrink:0;box-shadow:inset 0 2px 4px #0003}.module-item.module-toggleable .toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#666;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000004d}.module-item.module-toggleable input.module-switch:checked+.toggle-slider{background:var(--brand-color);box-shadow:0 0 8px rgba(var(--brand-color-rgb),.4);animation:pulse-active .5s ease-out}@keyframes pulse-active{0%{box-shadow:0 0 rgba(var(--brand-color-rgb),.4)}50%{box-shadow:0 0 12px rgba(var(--brand-color-rgb),.6)}to{box-shadow:0 0 8px rgba(var(--brand-color-rgb),.4)}}.module-item.module-toggleable input.module-switch:checked+.toggle-slider:after{transform:translate(18px);background:#fff;box-shadow:0 2px 6px #0006}.module-item.module-toggleable:has(input.module-switch:checked){border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.08)}.module-item.module-toggleable:has(input.module-switch:not(:checked)){background:#ffffff05;border-color:#ffffff0f}.module-item .module-status-text{font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:4px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.module-item.module-toggleable input.module-switch:not(:checked)~.module-status-text{background:#ffffff1a;color:var(--text-secondary)}.module-item.module-toggleable input.module-switch:not(:checked)~.module-status-text:before{content:"NONAKTIF"}.module-item.module-toggleable input.module-switch:checked~.module-status-text{background:var(--success-color);color:#121212}.module-item.module-toggleable input.module-switch:checked~.module-status-text:before{content:"AKTIF"}.module-item.module-toggleable.module-dep-warning{border-color:var(--warning-color)}.module-item .dep-hint{display:none;position:absolute;bottom:-18px;left:0;font-size:.7rem;color:var(--warning-text, var(--warning-color))}.module-item.module-toggleable.show-dep-hint .dep-hint{display:block}.impact-summary{background:var(--warning-bg, rgba(229, 192, 123, .1));border-left:4px solid var(--warning-color, #e5c07b)}.impact-summary h5{color:var(--warning-text, var(--warning-color))}.impact-summary ul{color:var(--text-secondary)}.impact-summary ul li{margin-bottom:4px}.impact-summary .impact-add{color:var(--success-text, var(--success-color))}.impact-summary .impact-remove{color:var(--error-text, var(--error-color))}@media(max-width:480px)and (hover:none)and (pointer:coarse){.module-items{grid-template-columns:1fr}.tier-header{flex-wrap:wrap}#super-module-license-modal .modal-content{padding:16px}}.att-face-thumb{width:36px;height:36px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid var(--border-color);vertical-align:middle;transition:border-color .2s,transform .2s}.att-face-thumb:hover{border-color:var(--primary-color);transform:scale(1.15)}.btn-xs{padding:2px 6px;font-size:.75rem;line-height:1.3;border-radius:4px}.btn-outline{background:transparent;border:1px solid var(--primary-color);color:var(--brand-fg, var(--primary-color))}.btn-outline:hover{background:var(--primary-color);color:#fff}.user-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:12px}.user-doc-slot{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background:var(--bg-surface-1)}.user-doc-slot-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-weight:600;font-size:13px;background:var(--bg-surface-2, var(--bg-surface-1));border-bottom:1px solid var(--border-color)}.doc-status-badge{margin-left:auto;font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:10px}.doc-status-badge.doc-uploaded{color:var(--success-text, var(--success-color));background:#4caf501f}.user-doc-slot-body{padding:12px}.user-doc-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 12px;border:2px dashed var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:border-color .2s,background .2s;text-align:center;color:var(--text-secondary);font-size:13px}.user-doc-upload-area:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb, 37,99,235),.05)}.user-doc-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--border-radius);background:var(--bg-hover);margin-bottom:8px}.user-doc-item-icon{font-size:22px;color:var(--brand-fg, var(--primary-color));flex-shrink:0}.user-doc-item-info{flex:1;min-width:0}.user-doc-item-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-doc-item-meta{font-size:11px;color:var(--text-muted)}.user-doc-item-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon{border:none;background:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:color .2s,background .2s}.btn-icon:hover{color:var(--brand-fg, var(--primary-color));background:rgba(var(--primary-rgb, 37,99,235),.1)}.btn-icon-danger:hover{color:var(--error-text, var(--error-color));background:#dc35451a}.hc-docs-list{display:flex;flex-direction:column;gap:8px}.hc-doc-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--border-radius);background:var(--bg-hover)}@media(max-width:600px)and (hover:none)and (pointer:coarse){.user-docs-grid{grid-template-columns:1fr}}.face-enroll-video{width:100%;max-width:320px;border-radius:12px;transform:scaleX(-1);background:#000}.face-enroll-preview-img{width:100%;max-width:200px;border-radius:12px;border:3px solid var(--success-color, #4caf50)}#attendance-selfie-modal{border:none;border-radius:16px;padding:20px;max-width:400px;width:90vw;background:var(--bg-surface-2, #1e1e1e);color:var(--text-primary, #e0e0e0);box-shadow:0 8px 32px #0006}#attendance-selfie-modal::backdrop{background:#0009}.selfie-camera-container{position:relative;width:100%;max-width:320px;margin:0 auto;border-radius:12px;overflow:hidden}.selfie-camera-container video{width:100%;display:block;transform:scaleX(-1);background:#000}.face-guide-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:200px;border:3px dashed rgba(255,255,255,.6);border-radius:50%;pointer-events:none}.face-guide-text{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#fff;font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.8);pointer-events:none}.welcome-new-gradient{background:linear-gradient(135deg,#22c55e,#3b82f6)!important;color:#fff!important}.welcome-returning-gradient{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;color:#fff!important}.welcome-check-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary);border-radius:8px;transition:background .15s,transform .1s}.welcome-check-item:hover{background:var(--bg-tertiary, rgba(0,0,0,.04));transform:translate(2px)}.welcome-check-item:active{transform:scale(.98)}.profile-completion-bar{width:100%;height:8px;background:var(--bg-secondary, #e5e7eb);border-radius:4px;overflow:hidden}.profile-completion-fill{height:100%;border-radius:4px;transition:width .5s ease}.sidebar-approval-badge{position:absolute;top:4px;right:8px;background:#e74c3c;color:#fff;border-radius:10px;padding:1px 5px;font-size:.65rem;font-weight:700;min-width:16px;text-align:center;line-height:1.3;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:1}.approval-section{display:none;animation:fadeIn .2s ease}.approval-section.active{display:block}.approval-stats-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.approval-stat-total{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-right:4px}.approval-stat-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:.78rem;font-weight:500;background:color-mix(in srgb,var(--chip-color, #888) 12%,transparent);color:var(--chip-color, #888)}.approval-stat-chip i{font-size:.85rem}.approval-filter-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1rem}.filter-pill{padding:6px 14px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s ease;white-space:nowrap}.filter-pill:hover{background:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.14);border-color:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.5);color:var(--text-primary)}.filter-pill.active{background:var(--primary-color);color:var(--text-on-brand)!important;border-color:var(--primary-color)}.filter-pill.active:hover{background:var(--primary-hover);color:var(--text-on-brand)!important;border-color:var(--primary-hover)}.approval-card-list{display:flex;flex-direction:column;gap:8px}.approval-card{display:flex;align-items:flex-start;gap:12px;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:transform .3s ease,opacity .3s ease,box-shadow .15s ease}.approval-card:hover{box-shadow:0 2px 8px #0000000f}.approval-card-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.approval-card-body{flex:1;min-width:0}.approval-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.approval-type-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:600;letter-spacing:.01em}.approval-card-time{font-size:.75rem;color:var(--text-muted);margin-left:auto;white-space:nowrap}.approval-card-title{font-weight:600;font-size:.92rem;color:var(--text-primary);margin-bottom:2px}.approval-card-desc{font-size:.82rem;color:var(--text-secondary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-card-requester{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.approval-card-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;flex-shrink:0;align-self:center;justify-content:flex-end;opacity:1;visibility:visible}.approval-action-btn{width:auto;min-width:84px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:.78rem;font-weight:600;padding:0 10px;border:none;cursor:pointer;opacity:1;visibility:visible;transition:transform .1s ease}.approval-action-btn span{display:inline}.approval-action-btn:active{transform:scale(.92)}.approval-action-btn.btn-success{background:var(--success-color, #27ae60);color:#fff}.approval-action-btn.btn-danger{background:var(--danger-color, #e74c3c);color:#fff}.approval-action-btn.btn-success:hover,.approval-action-btn.btn-success:focus-visible{background:var(--success-color, #219150);color:#fff}.approval-action-btn.btn-danger:hover,.approval-action-btn.btn-danger:focus-visible{background:var(--danger-color, #c0392b);color:#fff}.approval-card-status{flex-shrink:0;align-self:center}.status-pill{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.approval-card-rejection{font-size:.78rem;color:var(--error-text, var(--danger-color, #e74c3c));margin-top:4px;display:flex;align-items:center;gap:4px}.approval-reject-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg, 12px);padding:1.5rem;max-width:420px;width:90vw;color:var(--text-primary)}.approval-reject-dialog::backdrop{background:#0006}.approval-reject-dialog h3{margin:0 0 .75rem;font-size:1.05rem}.approval-reject-dialog textarea{width:100%;min-height:80px;padding:.6rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input, var(--bg-main));color:var(--text-primary);font-size:.88rem;resize:vertical}.approval-reject-dialog .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:1rem}.approval-card-list .empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.approval-card-list .empty-state i{display:block;margin-bottom:.5rem}@media(max-width:600px)and (hover:none)and (pointer:coarse){.approval-card{flex-wrap:wrap;gap:8px}.approval-card-actions{flex-direction:row;width:100%;justify-content:flex-end;opacity:1;visibility:visible}.approval-action-btn{width:auto;min-width:76px;opacity:1;visibility:visible}.approval-card-desc{white-space:normal}.approval-filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.approval-stats-row{flex-wrap:wrap}}dialog.mobile-more-sheet{border:none;padding:0;margin:0;max-width:none;width:100%;max-height:none;height:100%;background:transparent;color:var(--text-primary)}dialog.mobile-more-sheet::backdrop{background:#00000080;backdrop-filter:blur(2px)}.mobile-more-sheet-panel{position:fixed;left:0;right:0;bottom:0;max-height:min(72vh,560px);display:flex;flex-direction:column;background:var(--bg-surface-2, var(--bg-card));border-radius:16px 16px 0 0;border:1px solid var(--border-color);border-bottom:none;box-shadow:0 -8px 32px #00000040;padding:8px 12px calc(16px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));z-index:var(--z-modal, 1100)}.mobile-more-sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--border-color);margin:4px auto 8px}.mobile-more-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 12px;border-bottom:1px solid var(--border-color)}.mobile-more-sheet-header h3{margin:0;font-size:1.05rem;font-weight:700}.mobile-more-sheet-close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);border-radius:10px;cursor:pointer}.mobile-more-sheet-close:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-more-sheet-list{display:flex;flex-direction:column;gap:4px;padding:12px 0 4px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-more-item{display:flex;align-items:center;gap:14px;min-height:52px;width:100%;padding:12px 14px;border:none;border-radius:12px;background:transparent;color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:left;cursor:pointer}.mobile-more-item i{font-size:1.35rem;color:var(--brand-fg, var(--brand-color));min-width:28px;text-align:center}.mobile-more-item:hover,.mobile-more-item:focus-visible{background:var(--brand-tint-10, rgba(var(--brand-color-rgb), .1));outline:none}.mobile-more-empty{margin:12px 8px;color:var(--text-secondary);text-align:center;font-size:.9rem}body.device-desktop dialog.mobile-more-sheet{display:none!important}@media(max-width:768px)and (hover:none)and (pointer:coarse){.header-user{display:none!important}.app-header{padding:0 0 0 12px;justify-content:space-between;gap:0}.header-left{flex:1;justify-content:space-between}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;font-size:24px;margin-left:auto;margin-right:0;padding-right:0;background:transparent;border:none!important;color:var(--text-primary);flex-shrink:0;order:99}#user-summary-line,#user-assessor-hint{background:var(--bg-card);padding:12px;border-radius:8px;border:1px solid var(--border-color);margin-top:12px!important;font-size:.9rem;line-height:1.5;color:var(--text-primary)}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.app-header .header-user{display:none!important}.app-header{justify-content:space-between;padding:0 0 0 12px}.header-left{flex:1!important;justify-content:space-between!important}.mobile-menu-btn{order:99!important;margin-left:auto!important;margin-right:0!important;border:none!important}.main-content{padding-top:70px}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.tab-nav{position:fixed!important;top:0;left:0;bottom:0;width:280px;height:100vh;background-color:var(--bg-card)!important;z-index:2000;box-shadow:4px 0 12px #0000004d!important;flex-direction:column;padding-top:0;padding-bottom:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);display:flex!important}.tab-nav.active{transform:translate(0)}.tab-nav.active:before{content:"";position:fixed;top:0;left:280px;right:-100vw;bottom:0;width:200vw;height:100vh;background:#0009;z-index:-1;backdrop-filter:blur(4px);opacity:0;animation:fadeInBackdrop .3s forwards}@keyframes fadeInBackdrop{to{opacity:1}}.tab-nav:after{content:"Menu Utama";display:block;order:-1;padding:32px 20px 16px;font-size:1.2rem;font-weight:800;color:var(--brand-fg, var(--brand-color));letter-spacing:-.5px;border-bottom:1px solid var(--border-color);margin-bottom:16px;background:var(--bg-surface-1)}.tab-btn{width:calc(100% - 24px);margin:4px 12px;text-align:left;padding:14px 16px;border:none;border-radius:12px;font-size:.95rem;font-weight:500;color:var(--text-primary);background:transparent;display:flex;align-items:center;gap:16px;transition:all .2s ease}.tab-btn i{min-width:24px;text-align:center;color:var(--text-secondary);font-size:1.3rem}.tab-btn:hover,.tab-btn.active{background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color));border-left:none;padding-left:16px}.tab-btn.active{font-weight:600}.tab-btn:hover i,.tab-btn.active i{color:var(--brand-fg, var(--brand-color))}}.sidebar-akun-overflow:not([hidden]){display:flex;flex-direction:column;gap:2px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border-color)}body.device-mobile .app-header{padding-top:var(--safe-top, env(safe-area-inset-top, 0px))}body.device-mobile .app-footer,body.mobile-drawer-account-only #user-section-switcher,body.mobile-drawer-account-only #profile-completion-card,body.mobile-drawer-account-only #wc-project-summary-card,body.mobile-drawer-account-only #wc-team-attendance-card,body.mobile-drawer-account-only #wc-team-competency-card,body.mobile-drawer-account-only #wc-mobile-dashboard .wc-quick-actions,body.mobile-drawer-account-only #bc-running-wage-card{display:none!important}body.device-mobile.window-medium #bottom-nav,body.device-mobile.window-expanded #bottom-nav{inset:0 auto 0 0;width:var(--nav-rail-width, 72px);height:auto;border-top:none;border-right:1px solid var(--border-color);padding-top:var(--safe-top, env(safe-area-inset-top, 0px));padding-bottom:var(--safe-bottom, env(safe-area-inset-bottom, 0px));padding-left:var(--safe-left, env(safe-area-inset-left, 0px));box-shadow:1px 0 12px #0000000f}body.device-mobile.window-medium .bottom-nav-container,body.device-mobile.window-expanded .bottom-nav-container{flex-direction:column;height:100%;max-width:none;margin:0;padding:8px 4px;justify-content:flex-start;gap:4px}body.device-mobile.window-medium .bottom-nav-item,body.device-mobile.window-expanded .bottom-nav-item{max-width:none;width:100%;flex:0 0 auto;min-height:56px}body.device-mobile.window-medium #main-app,body.device-mobile.window-expanded #main-app{padding-left:calc(var(--nav-rail-width, 72px) + var(--safe-left, 0px))}body.device-mobile.window-medium,body.device-mobile.window-expanded{--page-pad-bottom-mobile: 16px}.hari-ini{display:none;flex-direction:column;gap:14px;padding:12px 12px calc(12px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));background:#f4f7f8;color:#172033;font-size:16px;line-height:1.4}body.device-mobile #hari-ini:not([hidden]){display:flex}.hari-ini h2,.hari-ini h3{margin:0 0 8px;font-size:1.1rem;color:#172033}.hari-ini-chip,.hari-ini-status,.hari-ini-progress{color:#65748b;font-size:16px}.hari-ini-clock,.mobile-home-clock{width:100%;min-height:80px;border:0;border-radius:14px;background:#e85d04;color:#fff;font-size:1.15rem;font-weight:700}#mobile-home-clock[hidden]{display:none!important}#mobile-home-clock:not([hidden]){display:flex;align-items:center;justify-content:center;min-height:80px;margin:0 12px 12px}@media(max-width:320px){.hari-ini-clock,.mobile-home-clock{min-height:70px}}.hari-ini-wage{background:#fff;border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.hari-ini-wage strong{font-size:1.25rem;color:#0d3b66}.hari-ini-stat-grid{display:none;grid-template-columns:1fr 1fr;gap:8px}@media(min-width:360px){.hari-ini-stat-grid{display:grid}}.hari-ini-stat-grid div{background:#fff;border-radius:12px;padding:12px}.hari-ini-stat-grid span{display:block;color:#65748b;font-size:.9rem}.hari-ini-block,.hari-ini-checks,.hari-ini-agenda,.hari-ini-exceptions,.hari-ini-alerts{background:#fff;border-radius:12px;padding:14px 16px;margin:0;list-style:none}.hari-ini-checks li.is-complete{color:#16865d}.hari-ini-clock:focus-visible,.hari-ini-action:focus-visible,.hari-ini-exception:focus-visible{outline:3px solid #0D3B66;outline-offset:2px}.hari-ini-exception,.hari-ini-action{width:100%;min-height:48px;border:0;border-radius:10px;background:#0d3b66;color:#fff;font-size:16px;font-weight:600}.hari-ini-exception{display:flex;justify-content:space-between;align-items:center;background:#fff;color:#172033;border:1px solid #E6EBF0;padding:0 12px}.hari-ini-actions{display:flex;flex-wrap:wrap;gap:8px}.hari-ini-actions-stack{flex-direction:column}.hari-ini-action-primary{background:#e85d04}.hari-ini-empty{margin:0;color:#65748b}.hari-ini-alerts li{color:#a96f12}body.device-mobile.window-medium .hari-ini,body.device-mobile.window-expanded .hari-ini{padding-left:16px}.kotak-page{padding:12px;min-height:40vh}.kotak-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.kotak-header h2{margin:0;font-size:1.2rem}.kotak-panes{display:flex;gap:6px;margin-bottom:12px}.kotak-pane-btn{flex:1;min-height:44px;border:1px solid var(--border-color);background:var(--bg-surface-1, var(--bg-card));color:var(--text-secondary);border-radius:10px;font-weight:600}.kotak-pane-btn.is-active{color:var(--brand-fg, var(--brand-color));background:rgba(var(--brand-color-rgb, 13, 59, 102),.12);border-color:transparent}.kotak-approval-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.kotak-bulk-actions{display:flex;gap:8px}.kotak-bulk-actions .btn,.approval-card-select{min-height:44px;display:inline-flex;align-items:center}#kotak-pending-list .approval-card{display:flex;align-items:flex-start;gap:8px}.kotak-notif-item{padding:12px 0;border-bottom:1px solid var(--border-color)}.kotak-notif-item.is-read{opacity:.7}#kotak-month-filter{min-height:44px;max-width:100%}.hc-ops-queue{margin:0 0 16px;padding:12px;background:var(--bg-card, #fff);border:1px solid var(--border-color);border-radius:12px}.hc-ops-queue-title{margin:0 0 8px;font-size:1rem}.hc-ops-queue-list{display:flex;flex-direction:column;gap:8px}.hc-ops-queue-item{min-height:48px;text-align:left;border:1px solid var(--border-color);background:var(--bg-surface-1, #fff);border-radius:10px;padding:10px 12px;font-weight:600}body.device-desktop #hc-ops-queue{display:none!important}body.device-mobile #hc-dashboard-section #hc-stats-grid,body.device-mobile #hc-dashboard-section .hc-dashboard-cockpit,body.device-mobile #hc-dashboard-section .quick-actions-grid{display:none}.bc-pay-proof-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;gap:6px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.mobile-menu-btn:hover{background-color:#ffffff1a}@media(max-width:768px)and (hover:none)and (pointer:coarse){.app-header{padding:0 0 0 12px;position:relative;justify-content:space-between}.mobile-menu-btn{display:flex;order:3}.header-user{order:2;display:none!important}.notification-bell-wrapper{display:flex!important;visibility:visible!important}.notification-bell-btn{display:flex!important;width:44px!important;height:44px!important}.notification-dropdown{position:fixed;inset:auto 8px 68px;width:auto;max-height:60vh;border-radius:var(--border-radius-lg)}.notification-list{max-height:calc(60vh - 60px)}.header-brand{order:1}body.mobile-drawer-account-only #app-sidebar #sidebar-company-brand,body.mobile-drawer-account-only #app-sidebar #sidebar-nav,body.mobile-drawer-account-only #app-sidebar #sidebar-help-link,body.mobile-drawer-account-only #app-sidebar .sidebar-group,body.mobile-drawer-account-only #app-sidebar .sidebar-nav-item{display:none!important}body.mobile-drawer-account-only #app-sidebar .sidebar-user-menu{display:block!important}.persona-white-collar #app-sidebar .sidebar-footer,.persona-blue-collar #app-sidebar .sidebar-footer{margin-top:auto}.tab-nav{display:none!important;position:absolute;top:64px;left:0;right:0;background:var(--bg-card);flex-direction:column;padding:8px 0;border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #0003;z-index:999;margin:0}.tab-nav.active{display:flex!important;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tab-btn{width:100%;text-align:left;padding:12px 24px;border-bottom:1px solid var(--border-color);border-radius:0;margin:0}.tab-btn:last-child{border-bottom:none}.tab-btn.active{background-color:var(--brand-tint-10, rgba(var(--brand-color-rgb), .1));border-left:4px solid var(--brand-color)}.dashboard-container{grid-template-columns:1fr;grid-template-areas:"header" "content"}.app-container{padding:16px}.sub-nav{overflow-x:auto;white-space:nowrap;padding-bottom:8px;justify-content:flex-start;margin-bottom:16px;-webkit-overflow-scrolling:touch}.sub-nav::-webkit-scrollbar{height:4px}.sub-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.stats-grid,.user-stats-bar{grid-template-columns:1fr;display:grid;gap:16px}.stat-item{width:100%;min-width:auto}.modal-content{width:95%;margin:10px auto;max-height:90vh;padding:16px}.modal-actions{flex-direction:column-reverse;gap:12px}.modal-actions button{width:100%}.form-group{margin-bottom:16px}.form-row{flex-direction:column;gap:16px}.table-wrapper{margin-bottom:24px;box-shadow:none;border:1px solid var(--border-color)}th,td{padding:10px;font-size:.85rem}.filter-bar,.user-filter-bar{flex-direction:column;align-items:stretch}.search-box{width:100%;min-width:auto}.filter-group{width:100%;overflow-x:auto;padding-bottom:4px}table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:16px;background:var(--bg-card);box-shadow:var(--shadow)}td{border:none;border-bottom:1px solid var(--border-color);position:relative;padding:12px 16px!important;text-align:right;display:flex;justify-content:space-between;align-items:center;min-height:48px}td:last-child{border-bottom:none}td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);text-align:left;padding-right:16px;flex:1;max-width:40%}td>*:not(:before){flex:1;display:flex;justify-content:flex-end;text-align:right;flex-wrap:wrap;gap:8px}td[data-label=Aksi]{justify-content:flex-end;padding-top:16px!important;padding-bottom:16px!important;background-color:#0000001a}.table-wrapper{border:none;overflow-x:visible;background:transparent}.badge{display:inline-block}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.app-container{padding:10px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header-actions,.section-header-actions .btn,.section-header-actions button{width:100%}}.bulk-import-section{background-color:var(--bg-color);border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2.5);margin-bottom:calc(var(--spacing-unit) * 2)}.bulk-import-section h4{margin-top:0;margin-bottom:calc(var(--spacing-unit) * 1);color:var(--brand-fg, var(--primary-color))}.bulk-import-section .helper-text{color:var(--text-secondary);font-size:14px;margin-bottom:calc(var(--spacing-unit) * 2)}.bulk-import-actions{display:flex;gap:calc(var(--spacing-unit) * 2);flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;min-height:40px;font-size:var(--font-sm);font-weight:600;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-primary{background-color:var(--brand-color);color:var(--text-on-brand)}.btn-primary:hover{background-color:var(--brand-hover);color:var(--text-on-brand);box-shadow:0 2px 8px rgba(var(--brand-color-rgb),.25)}.btn-secondary{background-color:var(--bg-surface-1);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.btn-danger{background-color:var(--error-color);color:#fff;padding:10px 18px;min-height:40px;display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;font-size:var(--font-sm);transition:all .15s ease;white-space:nowrap}.btn-danger:hover{filter:brightness(.9);box-shadow:0 2px 8px #ef444440}.btn-warning{background-color:#f59e0b;color:#fff;padding:8px 14px;min-height:36px;display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;font-size:var(--font-sm);transition:all .15s ease;white-space:nowrap}.btn-warning:hover{background-color:#d97706;color:var(--text-on-brand, #ffffff)}.row-archived{opacity:.6;background-color:var(--bg-secondary)!important}.row-archived td{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.6875rem;font-weight:600;line-height:1.4;letter-spacing:.01em;white-space:nowrap;text-transform:capitalize}.badge-success,.badge.badge-success{background:#10b9811f;color:#059669}.badge-info,.badge.badge-info{background:#3b82f61f;color:#2563eb}.badge-warning,.badge.badge-warning{background:#f59e0b1f;color:var(--warning-text, #854d0e)}.badge-danger,.badge.badge-danger{background:#ef44441f;color:var(--error-text, #991b1b)}.badge-secondary,.badge.badge-secondary{background:var(--bg-muted, rgba(107, 114, 128, .12));color:var(--text-secondary, #4b5563)}.badge-default,.badge.badge-default{background:var(--bg-surface-1);color:var(--text-secondary)}.badge-primary,.badge.badge-primary{background:var(--brand-tint-12, rgba(var(--brand-color-rgb), .12));color:var(--brand-fg, var(--brand-color))}.badge-active{background:#10b9811f;color:#059669}.badge-inactive{background:#ef44441f;color:var(--error-text, #991b1b)}.badge-draft{background:#6b72801f;color:#6b7280}.badge-published{background:#3b82f61f;color:#2563eb}.badge-pending{background:#f59e0b1f;color:var(--warning-text, #854d0e)}.badge-verified{background:#10b9811f;color:#059669}.badge-unverified{background:#fb923c1f;color:#ea580c}.badge-new-hire{background:#14b8a61f;color:#0d9488}.badge-closed{background:#6b72801f;color:#6b7280}.badge-solid.badge-success{background:#10b981;color:#fff}.badge-solid.badge-info{background:#3b82f6;color:#fff}.badge-solid.badge-warning{background:#f59e0b;color:#fff}.badge-solid.badge-danger{background:#ef4444;color:#fff}.badge-solid.badge-secondary{background:#6b7280;color:#fff}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.btn-sm{padding:6px 12px;font-size:var(--font-sm);min-height:32px;gap:4px}.matrix-table{border-collapse:separate;border-spacing:0}.matrix-table thead{position:sticky;top:0;z-index:10}.matrix-table th,.matrix-table td{text-align:center;padding:10px 12px;min-width:110px;white-space:nowrap;font-size:.95rem;line-height:1.3}.matrix-table th.sticky-col,.matrix-table td.sticky-col{position:sticky;left:0;z-index:5;background:var(--bg-surface-2);text-align:left;min-width:200px;max-width:240px;white-space:normal;word-wrap:break-word}.matrix-table thead th.sticky-col{z-index:15}.matrix-table tfoot th.sticky-col{z-index:5}.matrix-table th.project-col{writing-mode:horizontal-tb;text-orientation:mixed;transform:none;height:auto;vertical-align:middle;padding:12px 10px 10px;font-size:.9rem;font-weight:600;white-space:normal}.matrix-table th.project-col .project-header{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;text-align:center;line-height:1.2}.matrix-table th.project-col .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background-color:#2ecc71}.status-dot.planned{background-color:#f1c40f}.status-dot.paused{background-color:#e67e22}.status-dot.completed{background-color:#3498db}.status-dot.cancelled{background-color:#e74c3c}.matrix-table th.project-col input[type=checkbox]{transform:none;margin-top:2px;width:16px;height:16px}@media(max-width:768px)and (hover:none)and (pointer:coarse){.matrix-table th.project-col{padding:10px 8px 8px;font-size:.8rem;min-width:90px}}.matrix-table tbody tr:hover{background-color:var(--bg-hover)}.matrix-table td.matrix-cell{cursor:pointer;transition:background-color .15s}.matrix-table td.matrix-cell:hover{background-color:rgba(var(--brand-color-rgb),.15)}.matrix-table td.matrix-cell.assigned{background-color:rgba(var(--brand-color-rgb),.13)}.matrix-table td.matrix-cell input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-color)}.matrix-table td.matrix-cell.pending-change{background-color:#ffc10733;outline:2px dashed var(--warning-color);outline-offset:-2px}.matrix-table tfoot th{font-weight:600;background-color:var(--bg-surface-2);border-top:2px solid var(--border-color)}.matrix-table .employee-info{display:flex;flex-direction:column;gap:2px}.matrix-table tr:hover td,.matrix-table tr:hover th.sticky-col{background-color:#ffffff0a}.matrix-table .employee-name{font-weight:500;color:var(--text-primary)}.matrix-table .employee-position{font-size:.75rem;color:var(--text-secondary)}.matrix-table .project-count{font-size:.75rem;color:var(--text-secondary);font-weight:500}.matrix-table .member-count{font-weight:600;color:var(--brand-fg, var(--brand-color))}.matrix-table tr.high-workload td.sticky-col .project-count{color:var(--warning-text, var(--warning-color))}.badge.role-user{background:#1976d21a;color:#1565c0}.badge.role-superadmin{background:#c2185b1a;color:#ad1457}.riwayat-summary{border:1px solid var(--border-color);border-radius:14px;padding:14px;background:var(--bg-card);margin-bottom:16px}.riwayat-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.riwayat-summary-title{margin:0}.riwayat-summary-subtitle{margin:6px 0 0}.riwayat-summary-overall{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0}.overall-score-card,.overall-pie-card{border:1px solid var(--border-color);border-radius:14px;padding:12px;background:var(--bg-color)}.overall-score-value{font-size:28px;font-weight:800;letter-spacing:.2px}.overall-score-label{margin-top:2px;font-weight:700}.overall-score-hint{margin-top:6px}.overall-pie-title{font-weight:800;margin-bottom:8px}.overall-pie{min-height:160px;min-width:100px;display:flex;align-items:center;justify-content:center}@media(max-width:480px)and (hover:none)and (pointer:coarse){.overall-pie svg{min-width:140px;min-height:140px}}.overall-pie-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}.overall-pie-subtitle{margin-top:10px;text-align:center;font-weight:900;color:var(--safety-fg, var(--accent-color));animation:fadeIn .4s}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:13px}.legend-dot{width:10px;height:10px;border-radius:999px;background:var(--accent-color)}.legend-dot.is-success{background:var(--success-color)}.legend-dot.is-warning{background:var(--warning-color)}.riwayat-summary-grid{display:grid;grid-template-columns:1fr;gap:10px}.summary-card{border:1px solid var(--border-color);border-radius:14px;padding:12px;background:var(--bg-color)}.summary-card-header{display:flex;align-items:center;gap:10px;font-weight:900;margin-bottom:10px}.summary-list{display:grid;gap:10px}.skill-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.skill-name{font-weight:700}.skill-score{font-weight:900;padding:4px 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-card)}.skill-meter{grid-column:1 / -1;height:10px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden}.skill-meter>div{height:100%;width:0;background:var(--accent-color)}.card-kekuatan .skill-meter>div{background:var(--success-color)}.card-pengembangan .skill-meter>div{background:var(--warning-color)}.summary-empty{padding:10px;border:1px dashed var(--border-color);border-radius:12px}@media(min-width:900px){.riwayat-summary-overall,.riwayat-summary-grid{grid-template-columns:1fr 1fr}}.riwayat-radar-card{margin:0 0 16px}.riwayat-radar-card .riwayat-radar-chart{margin:0;padding:4px 0 0}.riwayat-radar-card .radar-chart-svg{width:100%;max-width:360px;height:280px;margin:0 auto;display:block}.riwayat-radar-card .radar-legend{margin-top:4px}body.device-mobile #radar-chart-card,body.device-mobile.persona-blue-collar #radar-chart-card,body.device-mobile.persona-white-collar #radar-chart-card,body.device-mobile #desktop-assessor-feedback-card,body.device-mobile #riwayat-assessor-feedback-card,body.device-mobile.persona-blue-collar #desktop-assessor-feedback-card,body.device-mobile.persona-blue-collar #riwayat-assessor-feedback-card,body.device-mobile.persona-white-collar #desktop-assessor-feedback-card,body.device-mobile.persona-white-collar #riwayat-assessor-feedback-card{display:none!important}.riwayat-assessor-feedback{margin:12px 0 0;padding:12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-color)}.riwayat-assessor-feedback[hidden]{display:none!important}.riwayat-assessor-feedback-title{margin:0 0 8px;font-size:13px;font-weight:800}.assessor-feedback-list{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:10px}.assessor-feedback-skill{display:block;font-size:12px;font-weight:800;color:var(--text-primary)}.assessor-feedback-note{margin:4px 0 0;padding:0;border:0;color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.45}.history-row-skill{display:block;font-weight:700}.history-row-note{display:block;margin-top:4px;font-size:12px;font-style:italic;font-weight:400;color:var(--text-secondary);line-height:1.4}body.device-mobile .history-row-note,body.device-mobile.persona-blue-collar .history-row-note,body.device-mobile.persona-white-collar .history-row-note{display:none!important}.riwayat-summary-footer{display:flex;justify-content:flex-end;margin-top:8px}.link-btn{background:transparent;border:none;padding:6px 0;color:var(--safety-fg, var(--accent-color));cursor:pointer;font-weight:800}.link-btn:hover{text-decoration:underline}.riwayat-summary-full{margin-top:10px;border-top:1px solid var(--border-color);padding-top:12px}.riwayat-full-title{font-weight:900;margin:0 0 8px}.riwayat-full-hint{margin:0 0 10px}.history-panel{animation:fadeIn .3s ease}.insight-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.insight-badge.insight-strength{background:#22c55e26;color:var(--success-text, #166534)}.insight-badge.insight-steady{background:#3b82f626;color:#3b82f6}.insight-badge.insight-development{background:#fbbf2426;color:#f59e0b}.insight-badge.insight-self{background:#8b5cf626;color:#8b5cf6}.insight-badge.insight-excellent{background:#22c55e33;color:var(--success-text, #166534);font-weight:600}.insight-badge.insight-good{background:#3b82f633;color:#3b82f6}.insight-badge.insight-average{background:#fbbf2433;color:#f59e0b}.insight-badge.insight-below{background:#f9731633;color:var(--safety-fg, #c2410c)}.insight-badge.insight-poor{background:#ef444433;color:var(--error-text, #991b1b)}body[data-ui-level="1"] .level-2-up,body[data-ui-level="1"] .level-3-up,body[data-ui-level="1"] .level-4-up,body[data-ui-level="1"] .level-5-only,body[data-ui-level="2"] .level-3-up,body[data-ui-level="2"] .level-4-up,body[data-ui-level="2"] .level-5-only,body[data-ui-level="3"] .level-4-up,body[data-ui-level="3"] .level-5-only,body[data-ui-level="4"] .level-5-only{display:none!important}body.ui-simplified .stat-card{padding:12px}body.ui-simplified .stat-info{flex-direction:column;align-items:flex-start}body.ui-simplified .stat-value{font-size:1.5rem}body.ui-simplified .stat-card .stat-icon{width:36px;height:36px;font-size:1.2rem}body.ui-simplified .user-dashboard-card{padding:16px}body.ui-simplified .user-card-header{margin-bottom:12px}body.ui-simplified .user-card-header h4{font-size:1rem}body.ui-simplified .col-detail,body.ui-simplified .col-id,body.ui-simplified .col-notes,body.ui-simplified .col-assessor{display:none}body[data-ui-level="1"] .advanced-option,body[data-ui-level="1"] .bulk-checkbox,body[data-ui-level="1"] .export-actions,body[data-ui-level="1"] .filter-group.advanced{display:none!important}body[data-ui-level="1"] .data-table{font-size:.9rem}body[data-ui-level="1"] .data-table th,body[data-ui-level="1"] .data-table td{padding:8px 10px}body[data-ui-level="1"] .stats-grid{grid-template-columns:1fr 1fr;gap:10px}body[data-ui-level="1"] #user-insights-grid{grid-template-columns:1fr}body[data-ui-level="1"] #user-insights-grid .stat-card{display:flex!important}body[data-ui-level="1"] .stats-grid:not(#user-insights-grid) .stat-card:nth-child(n+3){display:none}body[data-ui-level="2"] .stats-grid{grid-template-columns:repeat(3,1fr)}body[data-ui-level="2"] #user-insights-grid,body[data-ui-level="3"] #user-insights-grid,body:not([data-ui-level]) #user-insights-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:768px)and (hover:none)and (pointer:coarse){body[data-ui-level="2"] #user-insights-grid,body[data-ui-level="3"] #user-insights-grid,body:not([data-ui-level]) #user-insights-grid{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){body[data-ui-level="2"] #user-insights-grid,body[data-ui-level="3"] #user-insights-grid,body:not([data-ui-level]) #user-insights-grid{grid-template-columns:repeat(2,1fr)}}body.ui-simplified .riwayat-summary-grid{grid-template-columns:1fr 1fr;gap:12px}body.ui-simplified .summary-card{padding:12px}body.ui-simplified .helper-text.detail-info,body.ui-simplified .secondary-meta{display:none}.level-welcome{padding:12px 16px;border-radius:var(--border-radius);margin-bottom:16px;background:transparent;border:none;box-shadow:none}.level-welcome-title{font-weight:600;margin:0 0 4px;color:var(--brand-fg, var(--brand-color))}.level-welcome-text{margin:0;font-size:.9rem;color:var(--text-secondary)}.feature-gated{position:relative}.feature-gated:after{content:"🔒";position:absolute;top:4px;right:4px;font-size:12px;opacity:.7}body.ui-simplified .data-table thead th{white-space:nowrap;padding:10px 8px}body.ui-simplified .data-table tbody td{padding:10px 8px}.ui-level-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;background:var(--bg-surface-2)}.ui-level-indicator.level-1{color:var(--text-secondary)}.ui-level-indicator.level-2{color:#3b82f6}.ui-level-indicator.level-3{color:#8b5cf6}.ui-level-indicator.level-4{color:#f59e0b}.ui-level-indicator.level-5{color:var(--error-text, #991b1b)}.toast-container{position:fixed;left:12px;right:12px;bottom:14px;display:flex;justify-content:center;pointer-events:none;z-index:9999}.toast{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-color);max-width:720px;width:fit-content;box-shadow:0 8px 30px #0000001f;pointer-events:auto;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease;font-size:var(--font-sm)}.toast.is-visible{opacity:1;transform:translateY(0)}.toast-icon{font-size:18px;flex-shrink:0}.toast.toast-success .toast-icon{color:var(--success-text, var(--success-color))}.toast.toast-error .toast-icon{color:var(--error-text, var(--error-color))}.toast.toast-warning .toast-icon{color:var(--warning-text, var(--warning-color))}.toast.toast-info .toast-icon{color:var(--brand-fg, var(--brand-color))}.toast-message{font-weight:600;line-height:1.3}.agenda-action-toast{gap:12px}.toast-action-btn{flex-shrink:0;min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--primary-color) 35%,var(--border-color));border-radius:999px;background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-surface-1));color:var(--brand-fg, var(--primary-color));font-weight:700;cursor:pointer}.toast-action-btn:hover,.toast-action-btn:focus-visible{background:color-mix(in srgb,var(--primary-color) 16%,var(--bg-surface-1));outline:none}#user-tab h3{margin-bottom:calc(var(--spacing-unit) * 2)}#user-tab .section-content button,#user-tab .section-content .button{width:100%}#user-tab .self-assessment-form button[type=submit]{margin-top:calc(var(--spacing-unit) * 1.5)}@media(min-width:768px){#user-tab .self-assessment-form{padding:0}}.company-info-display{background-color:var(--bg-color);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);margin-bottom:calc(var(--spacing-unit) * 2);border-left:4px solid var(--primary-color)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 1.5) 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row label{font-weight:600;color:var(--brand-fg, var(--primary-color));min-width:150px}.info-row span{color:var(--text-color);text-align:right}#edit-company-btn{width:100%;padding:var(--touch-padding);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-touch);font-weight:600;cursor:pointer;transition:background-color .2s ease}#edit-company-btn:hover{background-color:var(--primary-hover);color:var(--text-on-brand, #ffffff)}.select2-container{width:100%!important;margin-bottom:calc(var(--spacing-unit) * 1.5)}.select2-container--default .select2-selection--single{height:auto;min-height:48px;padding:10px 14px;border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-card)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-color);line-height:1.5;padding-left:0}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:0;right:10px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--text-secondary)}.select2-container--default .select2-selection--multiple{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius);min-height:48px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;border-radius:4px;padding:2px 8px;margin-top:7px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff;margin-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#eee}.select2-dropdown{border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-card);z-index:10060!important}.select2-container--open .select2-dropdown{border-color:var(--primary-color)}.select2-search--dropdown{padding:10px}.select2-search--dropdown .select2-search__field{padding:10px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base)}.select2-results__option{padding:12px 14px;font-size:var(--font-size-base)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--primary-color);color:#fff}.select2-container--default .select2-results__option[aria-selected=true]{background-color:var(--bg-surface-1);color:var(--brand-fg, var(--primary-color))}dialog.modal-dialog,dialog.modal{overflow:visible}dialog.modal-dialog .modal-content,dialog.modal .modal-content{overflow-y:auto;overflow-x:visible;max-height:75vh}dialog.modal-dialog .select2-container--open,dialog.modal .select2-container--open{z-index:10050}dialog.modal-dialog .select2-dropdown,dialog.modal .select2-dropdown{position:absolute!important}@media(max-width:768px)and (hover:none)and (pointer:coarse){.users-table-wrapper{border:none;box-shadow:none;background:transparent;max-height:none;overflow:visible}#super-users-table.data-table,#super-users-table tbody,#super-users-table tr,#super-users-table td{display:block;width:100%}#super-users-table thead{display:none}#super-users-table{min-width:0}#super-users-table tbody tr{background:var(--bg-card);margin-bottom:16px;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--border-color);padding:16px}#super-users-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee;text-align:right}#super-users-table td:last-child{border-bottom:none;justify-content:flex-end;gap:8px;padding-top:16px}#super-users-table td:before{content:attr(data-label);font-weight:600;color:var(--secondary-color);text-align:left;margin-right:16px}#super-users-table td:nth-of-type(1):before{content:"Nama"}#super-users-table td:nth-of-type(2):before{content:"Email"}#super-users-table td:nth-of-type(3):before{content:"HP"}#super-users-table td:nth-of-type(4):before{content:"NIK"}#super-users-table td:nth-of-type(5):before{content:"Role"}#super-users-table td:nth-of-type(6):before{content:"Perusahaan"}#super-users-table td:nth-of-type(7):before{content:"Posisi"}#super-users-table td:nth-of-type(8):before{content:"";display:none}}.action-btn{padding:5px 10px;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:600;margin-right:4px;transition:all .2s ease}.action-btn.edit{background-color:var(--primary-color);color:#fff}.action-btn.edit:hover{background-color:var(--primary-hover);color:var(--text-on-brand, #ffffff)}.action-btn.delete{background-color:#d9534f;color:#fff}.action-btn.delete:hover{background-color:#c9302c;color:#fff}.pagination-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1);margin-top:calc(var(--spacing-unit) * 2);flex-wrap:wrap;padding:calc(var(--spacing-unit) * 1.5);background-color:var(--bg-color);border-radius:var(--border-radius)}.page-btn{padding:8px 14px;border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:var(--border-radius);cursor:pointer;font-size:13px;transition:all .2s ease}.page-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:4px}.page-numbers button{width:36px;height:36px;border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:all .2s ease}.page-numbers button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-numbers button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.page-info{font-size:14px;color:var(--text-secondary);margin-left:calc(var(--spacing-unit) * 2)}.page-info input{width:60px;padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:center;font-size:14px}.pending-assessments-card{border-left:4px solid var(--warning-color);background:var(--bg-card)}.pending-assessments-card .card-header--reminder{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(var(--warning-color-rgb, 245, 166, 35),.1);border-bottom:1px solid var(--border-light)}.pending-assessments-card .card-header--reminder h5{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-color)}.pending-assessments-card .card-header--reminder h5 i{color:var(--warning-text, var(--warning-color))}.pending-assessments-card .card-body{padding:12px 16px}.pending-list{display:flex;flex-direction:column;gap:8px}.pending-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.pending-item:hover{background:var(--bg-hover);transform:translate(2px)}.pending-item-main{display:flex;align-items:center;gap:10px;flex:1}.pending-icon{font-size:1.2rem}.pending-info{display:flex;flex-direction:column;gap:2px}.pending-name{font-weight:500;color:var(--text-color)}.pending-meta{font-size:.8rem;color:var(--text-muted)}.pending-item--overdue{border-left:3px solid var(--danger-color);background:rgba(var(--danger-color-rgb, 220, 53, 69),.05)}.pending-item--urgent{border-left:3px solid var(--warning-color);background:rgba(var(--warning-color-rgb, 245, 166, 35),.05)}.pending-item--soon{border-left:3px solid var(--info-color)}.pending-item--normal{border-left:3px solid var(--border-light)}.mini-stats-card{display:flex;gap:16px;padding:12px 16px;background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-light);flex-wrap:wrap}.mini-stat{display:flex;align-items:center;gap:10px;flex:1;min-width:100px}.mini-stat .stat-icon{font-size:1.5rem;color:var(--text-muted)}.mini-stat .stat-icon--success{color:var(--success-text, var(--success-color))}.mini-stat .stat-icon--warning{color:var(--warning-text, var(--warning-color))}.mini-stat .stat-content{display:flex;flex-direction:column}.mini-stat .stat-value{font-size:1.2rem;font-weight:700;color:var(--text-color)}.mini-stat .stat-value.text-success{color:var(--success-text, var(--success-color))}.mini-stat .stat-value.text-warning{color:var(--warning-text, var(--warning-color))}.mini-stat .stat-value.text-danger{color:var(--error-text, var(--danger-color))}.mini-stat .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px)and (hover:none)and (pointer:coarse){.mini-stats-card{gap:12px;padding:10px 12px}.mini-stat{flex:0 0 calc(33% - 8px);min-width:80px}.mini-stat .stat-icon{font-size:1.2rem}.mini-stat .stat-value{font-size:1rem}.pending-item{flex-direction:column;align-items:flex-start;gap:8px}.pending-item button{width:100%;justify-content:center}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);font-size:16px;gap:12px}.loading-spinner:before{content:"";width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--brand-color);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.loading-overlay{position:fixed;inset:0;background:#121212d9;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;gap:16px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.loading-overlay .spinner-large{width:56px;height:56px;border:4px solid var(--brand-tint-20, rgba(var(--brand-color-rgb), .2));border-top-color:var(--brand-color);border-radius:50%;animation:spin .8s linear infinite}.loading-overlay .loading-text{font-size:18px;font-weight:600;color:var(--text-primary)}.loading-container{position:relative;min-height:100px}.loading-container:after{content:"";position:absolute;inset:0;background:rgba(var(--bg-surface-1),.8);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:10}.loading-container.is-loading:after{opacity:1;visibility:visible}.loading-container.is-loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--brand-color);border-radius:50%;animation:spin .8s linear infinite;z-index:11}.btn-loading,button.is-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after,button.is-loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.table-loading-row td{text-align:center;padding:40px!important}.table-loading-row .loading-spinner{padding:20px}.skeleton{background:linear-gradient(90deg,var(--bg-surface-1) 25%,var(--bg-card) 50%,var(--bg-surface-1) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;width:100%}.skeleton-title{height:1.5em;width:60%;margin-bottom:1em}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;margin-right:15px}.skeleton-row{display:flex;align-items:center;margin-bottom:15px}.skeleton-table-row{height:48px;margin-bottom:8px;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.user-stats-bar{justify-content:center}.panel-header-inline{flex-direction:column}.stat-item{min-width:80px;padding:calc(var(--spacing-unit) * 1.5)}.stat-number{font-size:22px}.user-filter-bar{flex-direction:column}.search-box{width:100%}.filter-group{width:100%;justify-content:space-between}.filter-group select{flex:1;min-width:auto}.pagination-container{flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.page-numbers{order:-1}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface-1) 25%,var(--bg-card) 50%,var(--bg-surface-1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:4px}.skeleton-text.title{height:1.5em;width:60%}.skeleton-text.subtitle{height:1em;width:40%}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{padding:20px;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-card)}.skeleton-stat{display:flex;flex-direction:column;gap:8px;padding:20px}.skeleton-stat .skeleton-icon{width:40px;height:40px;border-radius:8px}.skeleton-stat .skeleton-value{height:2em;width:50%}.skeleton-stat .skeleton-label{height:1em;width:70%}.skeleton-table{width:100%}.skeleton-row{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-color)}.skeleton-row:last-child{border-bottom:none}.skeleton-cell{height:1em;flex:1}.skeleton-cell.small{flex:.5}.skeleton-cell.large{flex:2}.skeleton-list-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border-color)}.skeleton-list-item .skeleton-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.skeleton-chart{height:200px;border-radius:var(--border-radius)}.skeleton-form{display:flex;flex-direction:column;gap:16px}.skeleton-input{height:44px;border-radius:8px}.skeleton-button{height:44px;width:120px;border-radius:8px}.loading-skeleton>*:not(.skeleton-container){display:none!important}.skeleton-container{width:100%}.skeleton-wrapper{padding:16px}.skeleton-line{height:14px;margin-bottom:12px;background:linear-gradient(90deg,var(--bg-surface-1) 25%,var(--bg-card) 50%,var(--bg-surface-1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-line.short{width:60%}.skeleton-line.skeleton-title{height:20px;width:70%;margin-bottom:16px}.skeleton-item{height:48px;margin-bottom:8px;background:linear-gradient(90deg,var(--bg-surface-1) 25%,var(--bg-card) 50%,var(--bg-surface-1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-chart-bar{width:40px;display:inline-block;margin-right:8px;background:linear-gradient(90deg,var(--bg-surface-1) 25%,var(--bg-card) 50%,var(--bg-surface-1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px 4px 0 0;vertical-align:bottom}.skeleton-stat-card{height:80px;width:100%;display:inline-block;margin-right:12px;margin-bottom:12px;background:linear-gradient(90deg,var(--bg-surface-1) 25%,var(--bg-card) 50%,var(--bg-surface-1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-stats{display:flex;gap:12px;flex-wrap:wrap}.skeleton-list{display:flex;flex-direction:column;gap:8px}.skeleton-table .skeleton-row.header{height:40px;background:var(--bg-surface-2)}.container.loading{min-height:200px}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;vertical-align:middle;margin-right:6px}dialog.modal-dialog,dialog.modal{border:none;border-radius:var(--border-radius-lg);box-shadow:0 16px 48px #0000001f,0 4px 12px #00000014;max-width:600px;width:90%;padding:0;background-color:var(--bg-card);color:var(--text-color)}dialog.modal-dialog.modal-lg{max-width:900px}dialog.modal-dialog::backdrop,dialog.modal::backdrop{background:#00000080}#modal-backdrop-custom{display:none!important}dialog.modal-dialog .modal-content,dialog.modal .modal-content{padding:calc(var(--spacing-unit) * 3);background-color:var(--bg-card);color:var(--text-color)}dialog.modal-dialog .modal-content h4,dialog.modal .modal-content h4{margin:0 0 calc(var(--spacing-unit) * 2) 0;color:var(--text-primary);font-size:1.125rem;font-weight:700}dialog.modal-dialog .modal-content label:not(.checkbox-label):not(.position-permission-option):not(.column-toggle-item):not(:has(>input[type=checkbox])):not(:has(>input[type=radio])),dialog.modal .modal-content label:not(.checkbox-label):not(.position-permission-option):not(.column-toggle-item):not(:has(>input[type=checkbox])):not(:has(>input[type=radio])){display:block;margin-bottom:calc(var(--spacing-unit) * .5);color:var(--text-color);font-weight:500}dialog.modal-dialog .modal-content label.checkbox-label,dialog.modal .modal-content label.checkbox-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:0;font-weight:500;cursor:pointer}dialog.modal-dialog .modal-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),dialog.modal .modal-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),dialog.modal-dialog .modal-content select,dialog.modal .modal-content select{width:100%;padding:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-surface-1);color:var(--text-color);font-size:var(--font-size-base)}dialog.modal-dialog .modal-content label.position-permission-option,dialog.modal .modal-content label.position-permission-option{display:grid;margin-bottom:0;font-weight:inherit}dialog.modal-dialog .modal-content input:focus,dialog.modal .modal-content input:focus,dialog.modal-dialog .modal-content select:focus,dialog.modal .modal-content select:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.12)}dialog.modal-dialog .modal-content input[readonly],dialog.modal .modal-content input[readonly]{background-color:var(--bg-color);opacity:.7;cursor:not-allowed}dialog.modal-dialog.map-picker-modal{width:min(1180px,calc(100vw - 32px));max-width:none;height:min(860px,calc(100dvh - 32px));max-height:none;border-radius:8px}dialog.modal-dialog.map-picker-modal .modal-content{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:100%;max-height:none;overflow:hidden;padding:16px}dialog.modal-dialog.map-picker-modal .modal-body{display:flex;flex:1;flex-direction:column;min-height:0}dialog.modal-dialog.map-picker-modal .form-row,dialog.modal-dialog.map-picker-modal .form-group,dialog.modal-dialog.map-picker-modal .modal-actions,dialog.modal-dialog.map-picker-modal .error{flex-shrink:0}dialog.modal-dialog.map-picker-modal .attendance-map-picker{flex:1;min-height:420px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.wl-editing-indicator{color:var(--brand-fg, var(--primary-color));font-weight:600;margin:8px 0 0}.work-location-shell{display:grid;gap:14px;margin:0 0 14px}.work-location-toolbar{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.work-location-toolbar h4{color:var(--text-primary);font-size:1.05rem;line-height:1.3;margin:0 0 4px}.work-location-toolbar .helper-text{margin:0}.work-location-summary{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.work-location-summary>div{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-1);padding:12px 14px}.work-location-summary strong,.work-location-summary span{display:block}.work-location-summary strong{color:var(--text-primary);font-size:1.1rem;line-height:1.2}.work-location-summary span{color:var(--text-secondary);font-size:.85rem;margin-top:3px}.work-location-table-wrapper{margin-top:0}dialog.modal-dialog.work-location-modal{max-width:760px;width:min(760px,calc(100vw - 32px));border-radius:8px}dialog.modal-dialog.work-location-modal .modal-content{max-height:min(780px,calc(100dvh - 32px));overflow:hidden;padding:0}dialog.modal-dialog.work-location-modal .modal-body{max-height:calc(100dvh - 112px);overflow-y:auto;padding:18px 20px 20px}.work-location-form-grid{display:grid;gap:12px;grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}.work-location-coordinate-row{display:grid;gap:12px;grid-template-columns:minmax(140px,.75fr) repeat(2,minmax(160px,1fr)) auto}.work-location-map-action{align-self:end}.work-location-map-action .btn-secondary{white-space:nowrap}.work-location-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:18px;padding-top:14px}@media(max-width:640px){dialog.modal-dialog.map-picker-modal{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:6px}dialog.modal-dialog.map-picker-modal .modal-content{padding:12px}dialog.modal-dialog.map-picker-modal .attendance-map-picker{min-height:360px}.work-location-toolbar{align-items:stretch;flex-direction:column}.work-location-summary,.work-location-form-grid,.work-location-coordinate-row{grid-template-columns:1fr}dialog.modal-dialog.work-location-modal{width:calc(100vw - 12px)}dialog.modal-dialog.work-location-modal .modal-body{padding:14px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-card)}.modal-header h4{margin:0;color:var(--text-primary);font-size:1.0625rem;font-weight:700}.modal-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s ease}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--border-color)}.modal-tab{padding:10px 16px;border:none;background:none;cursor:pointer;font-size:.95em;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:6px}.modal-tab:hover{color:var(--text-color);background:var(--bg-secondary)}.modal-tab.active{color:var(--brand-fg, var(--primary-color));border-bottom-color:var(--primary-color)}.modal-tab i{font-size:1.1em}.tab-panel{animation:fadeIn .2s ease}.tab-panel:not(.active){display:none}.package-badge-container{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.recommendation-box{display:none;padding:10px 12px;background:var(--bg-muted);color:var(--text-primary);border-radius:6px;margin-bottom:12px;font-size:.9em;border:1px solid var(--border-color);border-left:3px solid var(--brand-color)}.recommendation-box strong{color:var(--text-primary)}.recommendation-box .recommendation-icon{color:var(--warning-text, var(--warning-color));margin-right:4px}.package-section-fieldset{margin:16px 0;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card)}.package-section-legend{font-weight:600;padding:0 8px;color:var(--text-primary)}.package-section-select{width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:.95rem}.package-section-select:focus{border-color:var(--brand-color);outline:none;box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.1)}.package-billing-cycle{display:none;margin-bottom:12px;padding:12px;background:var(--bg-surface-1);border-radius:6px}.package-billing-cycle.visible{display:block}.package-billing-label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-primary);font-size:.95rem}.package-billing-option{display:inline-flex;align-items:center;gap:8px;margin-right:20px;cursor:pointer;color:var(--text-primary);user-select:none}.package-billing-option input[type=radio]{cursor:pointer}.package-billing-option:hover{color:var(--brand-fg, var(--brand-color))}.package-preview{display:none;margin-bottom:12px;padding:12px;background:var(--bg-surface-1);border-radius:6px;border:1px solid var(--border-color)}.package-preview.visible{display:block}.package-preview-title{font-weight:500;margin-bottom:10px;color:var(--text-primary);font-size:.95rem}.package-preview-limits{margin-top:10px;font-size:.9em;color:var(--text-secondary);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.package-preview-limits span{display:flex;align-items:center;gap:4px;white-space:nowrap}.package-badge-container .package-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--primary-color);color:#fff}.package-badge-container .package-name{font-weight:600;font-size:1.1em}.package-badge-container .package-details{font-size:.85em;color:var(--text-secondary)}.tier-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.75em;font-weight:600;text-transform:uppercase}.tier-badge.tier-0{background:#6b7280;color:#fff}.tier-badge.tier-1{background:#3b82f6;color:#fff}.tier-badge.tier-2{background:#8b5cf6;color:#fff}.tier-badge.tier-3{background:#f59e0b;color:#1a1a1a}.package-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.package-preview h5{margin:0 0 12px;display:flex;align-items:center;gap:8px}.package-modules-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.package-module-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-color);border-radius:16px;font-size:.85em;border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap}.package-module-tag.included{background:#22c55e1f;border-color:#22c55e66;color:var(--success-text, var(--success-color))}[data-theme=light] .package-module-tag.included{background:#1665341a;border-color:#16653459;color:#166534}.package-module-tag.not-included{background:var(--bg-secondary);color:var(--text-secondary);text-decoration:line-through;opacity:.8}.custom-modules-section{display:none;margin-top:20px}.custom-modules-section.visible{display:block}.custom-modules-title{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.custom-modules-helper{margin-bottom:12px;font-size:.85em;color:var(--text-secondary)}.custom-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.package-history-section{margin-top:24px}.package-history-title{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.history-list{font-size:.9em;color:var(--text-secondary)}.limits-usage-title{margin:0 0 16px;display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.preview-modules-section{margin-bottom:12px}.preview-modules-section strong{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.preview-limits-section{display:flex;gap:20px;font-size:.9em;color:var(--text-secondary)}.preview-limits-section span{display:flex;align-items:center;gap:4px;white-space:nowrap}.downgrade-warning-list{margin:8px 0 0 20px;color:var(--text-secondary)}.downgrade-warning-text em{display:block;margin-top:8px;color:var(--text-muted);font-style:italic}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.module-grid-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.module-grid-item:hover{border-color:var(--primary-color)}.module-grid-item.selected{background:#6366f11a;border-color:var(--primary-color)}.module-grid-item.disabled{opacity:.6;cursor:not-allowed}.module-grid-item.core{background:#22c55e0d;border-color:#22c55e4d}.module-grid-item input[type=checkbox]{margin:0}.hidden{display:none!important}.usage-bars{display:flex;flex-direction:column;gap:16px}.usage-item{padding:12px;background:var(--bg-secondary);border-radius:8px}.usage-item .progress-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.usage-item .progress-fill{height:100%;transition:width .3s;border-radius:4px}.usage-item .progress-fill.warning{background:var(--warning-color, #f0ad4e)}.usage-item .progress-fill.danger{background:var(--error-color, #ef4444)}.warning-banner{padding:12px 16px;background:var(--warning-bg, #fff8e6);border-left:4px solid var(--warning-color, #f0ad4e);border-radius:4px}.warning-banner h5{margin:0 0 8px;display:flex;align-items:center;gap:8px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border-radius:6px;font-size:.9em}.history-item .history-badge{padding:2px 8px;border-radius:4px;font-size:.8em;font-weight:600}.history-item .history-date{color:var(--text-secondary);font-size:.85em}.history-item.cancelled{opacity:.6}.current-value-hint{margin:4px 0 8px;padding:8px;background:var(--bg-secondary, #f5f5f5);border-radius:4px;font-size:.9em;color:var(--text-secondary, #666)}.helper-text{font-size:.85em;color:var(--text-secondary)}[data-theme=light]{--bg-surface-1: #f8fafc;--bg-surface-2: #ffffff;--bg-surface-3: #f1f5f9;--bg-muted: #e2e8f0;--bg-color: var(--bg-surface-1);--bg-card: var(--bg-surface-2);--card-bg: var(--bg-card);--bg-surface: var(--bg-surface-2);--text-color: var(--text-primary);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--brand-color: #0d3b66;--brand-hover: #082f49;--brand-color-dark: #082f49;--brand-color-rgb: 13, 59, 102;--brand-fg: #0d3b66;--brand-bg: var(--brand-color);--safety-color: #e85d04;--safety-hover: #c2410c;--safety-color-rgb: 232, 93, 4;--safety-fg: #c2410c;--safety-bg: var(--safety-color);--border-color: #cbd5e1;--bg-cer-color: #e2e8f0;--bg-input: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--bg-hover: rgba(0, 0, 0, .04);--bg-secondary: #e2e8f0;--text-on-brand: #ffffff;--success-color: #2d6a4f;--error-color: #b91c1c;--warning-color: #b45309;--purple-color: #7c3aed;--success-text: #166534;--success-bg: #dcfce7;--success-solid: #15803d;--warning-text: #854d0e;--warning-bg: #fef3c7;--warning-solid: #a16207;--error-text: #991b1b;--error-bg: #fee2e2;--error-solid: #b91c1c;--info-text: #1d4ed8;--info-bg: #dbeafe;--info-solid: #2563eb;--warn-bg: #fff7ed;--warn-text: #b45309;--sidebar-bg: #ffffff;--sidebar-text: #475569;--sidebar-text-active: #0f172a;--sidebar-accent: #e85d04;--sidebar-accent-rgb: 232, 93, 4;--sidebar-hover-bg: rgba(0, 0, 0, .04);--sidebar-section-label: #64748b;--sidebar-border: #cbd5e1}*,*:before,*:after{box-sizing:border-box}::selection{background-color:#e85d0447;color:inherit}::-moz-selection{background-color:#e85d0447;color:inherit}.show-mobile-only{display:none!important}.hide-mobile{display:block}@media(max-width:768px)and (hover:none)and (pointer:coarse){.show-mobile-only{display:block!important}.hide-mobile{display:none!important}.show-mobile-flex{display:flex!important}.show-mobile-grid{display:grid!important}}.touch-target{min-width:var(--touch-target-size);min-height:var(--touch-target-size);display:inline-flex;align-items:center;justify-content:center;padding:12px}.touch-target-lg{min-width:56px;min-height:56px;padding:14px}.touch-target-xl{min-width:64px;min-height:64px;padding:16px}.text-body{font-size:var(--font-min-body)!important}.text-secondary{font-size:var(--font-min-secondary)!important}.text-touch{font-size:var(--font-size-touch)!important}.no-overflow-x{overflow-x:hidden;max-width:100%}.dashboard-container{display:grid;grid-template-columns:260px 1fr;grid-template-rows:64px 1fr;height:100vh;height:100dvh;padding-top:var(--safe-top, var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));overflow:hidden;background-color:var(--bg-color)}.app-sidebar{grid-column:1;grid-row:1 / -1;display:flex!important;flex-direction:column;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);height:100%;max-height:100%;position:sticky;top:0;z-index:100;overflow-y:auto;min-width:260px;scrollbar-width:thin;scrollbar-color:var(--sidebar-hover-bg) transparent}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb{background:var(--sidebar-hover-bg);border-radius:4px}.sidebar-header{padding:16px 16px 12px;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-app-logo{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-app-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-brand-info h2{margin:0;font-size:1.125rem;font-weight:700;color:var(--sidebar-text-active);letter-spacing:-.3px}.sidebar-nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-group{margin-bottom:4px}.sidebar-section-label{padding:16px 16px 6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--sidebar-section-label);user-select:none}.app-sidebar button.sidebar-nav-item{display:flex!important;align-items:center}.app-sidebar button.sidebar-nav-item[style*="display: none"],.app-sidebar button.sidebar-nav-item[style*="display:none"]{display:none!important}.app-sidebar button.sidebar-nav-item{justify-content:flex-start;gap:12px;width:100%;padding:9px 16px;margin:0;background:transparent!important;background-color:transparent!important;border:none!important;border-radius:8px;color:var(--sidebar-text);font-size:.875rem;font-weight:500;min-height:unset!important;min-width:unset!important;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.sidebar-nav-item i{font-size:1.2rem;width:22px;text-align:center;flex-shrink:0;opacity:.8}.sidebar-nav-item span{flex:1;text-align:left}.app-sidebar button.sidebar-nav-item:hover{background:var(--sidebar-hover-bg)!important;background-color:var(--sidebar-hover-bg)!important;color:var(--sidebar-text-active)}.sidebar-nav-item:hover i{opacity:1}.app-sidebar button.sidebar-nav-item.active{background:rgba(var(--sidebar-accent-rgb),.15)!important;background-color:rgba(var(--sidebar-accent-rgb),.15)!important;color:var(--sidebar-accent);font-weight:600}.sidebar-nav-item.active i{opacity:1;color:var(--sidebar-accent)}.sidebar-company-brand{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--sidebar-border);min-height:0}.sidebar-company-logo{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--sidebar-hover-bg);display:flex;align-items:center;justify-content:center}.sidebar-company-logo-img{width:100%;height:100%;object-fit:contain;border-radius:6px}.sidebar-company-name{font-size:.8125rem;font-weight:600;color:var(--sidebar-text);line-height:1.35;word-break:break-word;flex:1;min-width:0}.sidebar-help{padding:8px 12px;border-top:1px solid var(--sidebar-border)}.sidebar-help-btn{display:flex;align-items:center;gap:12px;width:100%;padding:9px 16px;color:var(--sidebar-text);font-size:.875rem;font-weight:500;text-align:left;text-decoration:none;border:0;background:transparent;cursor:pointer;border-radius:8px;transition:all .15s ease}.sidebar-help-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.sidebar-help-btn i{font-size:1.2rem;opacity:.8}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer;padding:6px 8px;border-radius:8px;transition:background .15s}.sidebar-user-info:hover,.sidebar-user-info:active{background:var(--sidebar-hover-bg)}.sidebar-user-chevron{font-size:14px;color:var(--sidebar-text);margin-left:auto;transition:transform .2s;flex-shrink:0}.sidebar-user-chevron.expanded{transform:rotate(180deg)}.sidebar-user-avatar{font-size:26px;color:var(--sidebar-accent);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--sidebar-accent-rgb),.15)}.sidebar-user-name{font-size:.8125rem;font-weight:500;color:var(--sidebar-text-active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-menu{display:none;padding:4px 16px 8px}.sidebar-user-menu.open{display:block}.sidebar-user-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px;margin-top:4px;background:transparent;border:1px solid var(--sidebar-border);border-radius:8px;color:var(--sidebar-text-active)!important;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s;min-height:48px}.sidebar-user-menu-item span{color:var(--sidebar-text-active)!important}.sidebar-user-menu-item:hover,.sidebar-user-menu-item:active{background:var(--sidebar-hover-bg)}.sidebar-user-menu-item i{font-size:18px;color:var(--brand-fg, var(--brand-color))}.sidebar-user-menu-danger{color:var(--error-text, var(--danger-color))!important;border-color:#ef444440}.sidebar-user-menu-danger i,.sidebar-user-menu-danger span{color:var(--error-text, var(--danger-color))!important}@keyframes slideMenuUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-actions{display:flex;gap:4px}.sidebar-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--sidebar-border);border-radius:8px;color:var(--sidebar-text);cursor:pointer;transition:all .15s;font-size:1rem}.sidebar-action-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active);border-color:var(--sidebar-border)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}.sub-nav-container{grid-column:auto;grid-row:auto;background:transparent;border-bottom:none;z-index:auto;display:flex;flex:1;justify-content:flex-start;align-items:center;overflow-x:auto;scrollbar-width:none;margin:0 0 0 20px;height:100%;gap:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.sub-nav-container::-webkit-scrollbar{display:none}.sub-nav{display:contents;align-items:center;height:100%}.sub-nav-btn{height:100%;padding:0 12px;border-radius:0;margin:0;background:transparent;border:none;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.8125rem;font-weight:500;transition:all .15s ease;white-space:nowrap;letter-spacing:.01em;scroll-snap-align:start}.sub-nav-btn i{font-size:1rem}.sub-nav-btn:hover{color:var(--text-primary);background:transparent}.sub-nav-btn.active{color:var(--brand-fg, var(--brand-color));border-bottom-color:var(--brand-color);font-weight:600;background:transparent}.sub-nav-secondary{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;margin-bottom:var(--section-gap-sm, 10px);background:var(--bg-surface-2, #f5f5f5);border-radius:8px;overflow-x:auto}.sub-nav-btn-secondary{padding:6px 14px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:transparent;color:var(--text-muted, #666);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.sub-nav-btn-secondary i{font-size:.875rem}.sub-nav-btn-secondary:hover{color:var(--text-primary, #333);background:var(--bg-hover, rgba(15, 23, 42, .06));border-color:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.45)}.sub-nav-btn-secondary.active{color:var(--sidebar-accent, var(--brand-color, #4f46e5));background:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.16);border-color:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.5);font-weight:600}.sub-nav-btn-secondary.active:hover{color:var(--sidebar-accent, var(--brand-color, #4f46e5));background:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.22)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.sub-nav-container{display:none!important;width:100%;margin:0;order:3;border-top:1px solid var(--border-color);overflow-x:auto;justify-content:flex-start;height:48px;background:var(--bg-surface-2)}.sub-nav-btn{flex-shrink:0;border-bottom-width:2px}}.app-container{grid-column:2;grid-row:2;padding:0;overflow-y:auto;overflow-x:hidden;position:relative}.support-mode-banner{grid-column:2;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(90deg,#ff6b35,#f7c948);color:#1a1a2e;font-size:1rem;font-weight:600;text-align:center;z-index:1001;box-shadow:0 2px 8px #ff6b354d}.support-mode-banner[style*="display: none"]{display:none!important}.support-mode-banner i{font-size:1.1rem}.app-header{grid-column:2;grid-row:1;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:60px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-color);z-index:100;position:sticky;top:0}.header-company-selector{display:none!important}.header-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-size:1.25rem}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-color),var(--brand-hover));color:var(--text-on-brand);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;overflow:hidden}.header-user-avatar>img,.sidebar-user-avatar>img,.desktop-profile-avatar>img,#edit-profile-avatar>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:inherit}.header-left{display:flex;align-items:center;gap:12px}.mobile-only{display:none!important}.desktop-only{display:flex}.desktop-page-title{display:none;min-width:0}.desktop-page-title h1{margin:0;color:var(--text-primary);font-size:1.35rem;line-height:1.1;font-weight:800;letter-spacing:0}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.mobile-menu-btn:hover{background:var(--bg-hover)}.version-badge{background:rgba(var(--sidebar-accent-rgb),.15);color:var(--sidebar-accent);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(var(--sidebar-accent-rgb),.25)}.header-user{display:flex;align-items:center;gap:8px}.user-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.notification-bell-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-bell-btn{position:relative;background:transparent;border:none;border-radius:10px;padding:8px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.notification-bell-btn i{font-size:22px;color:var(--text-secondary);transition:color .15s ease}.notification-bell-btn:hover{background:var(--bg-hover)}.notification-bell-btn:hover i{color:var(--text-primary)}.notification-badge{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:#fff;border-radius:10px;padding:2px 6px;font-size:.75rem;font-weight:600;min-width:18px;text-align:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 24px);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 12px 36px #0000001f;z-index:1000;max-height:500px;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.notification-header h4{margin:0;font-size:1rem;font-weight:600}.mark-all-read-btn{background:transparent;border:none;color:var(--brand-fg, var(--brand-color));cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;font-size:1.2rem}.mark-all-read-btn:hover{background:var(--bg-hover)}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:14px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:#3498db0d;border-left:3px solid var(--brand-color)}.notification-item.unread:hover{background:#3498db1a}.notification-title{font-weight:600;font-size:.9rem;margin-bottom:4px;color:var(--text-primary)}.notification-message{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin-bottom:6px}.notification-meta{display:flex;gap:8px;align-items:center}.notification-type-badge{display:inline-block;padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:12px;text-transform:uppercase}.notification-type-assessment{background:#3498db26;color:var(--brand-fg, var(--brand-color))}.notification-type-resign{background:#e74c3c26;color:var(--error-text, var(--danger-color))}.notification-type-comment{background:#9b59b626;color:#9b59b6}.notification-type-task_assign{background:#2ecc7126;color:var(--success-text, var(--success-color))}.notification-type-job_app{background:#f1c40f26;color:var(--warning-text, var(--warning-color))}.notification-type-project_assign{background:#34495e40;color:#5d7a94}.notification-type-mention{background:#6366f133;color:#8183f4}.notification-type-general{background:#95a5a633;color:#a8b2b3}.notification-type-wfa_activity{background:#1abc9c26;color:#1abc9c}.notification-type-position_change{background:#8e44ad26;color:#8e44ad}.notification-type-work_output{background:#e67e2226;color:#e67e22}.notification-type-compliance{background:#e74c3c1f;color:#e74c3c}.notification-type-employee_joined{background:#2ecc7126;color:#27ae60}.notification-type-project_completed{background:#27ae6026;color:#27ae60}.notification-type-leave_request{background:#f1c40f26;color:#f39c12}.notification-type-attendance_late{background:#e74c3c1a;color:#c0392b}.notification-type-overtime_approval{background:#3498db1f;color:#2980b9}.notification-type-job_recommendation{background:#3498db26;color:#2980b9}.notification-time{font-size:.875rem;color:var(--text-secondary)}.notification-list-hint{padding:8px 16px 0;font-size:.78rem;color:var(--text-secondary)}.notification-empty{padding:40px 20px;text-align:center;color:var(--text-secondary)}.notification-empty i{font-size:48px;opacity:.3;margin-bottom:12px}.profile-dropdown-wrapper{position:relative}.profile-dropdown-trigger{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.profile-dropdown-trigger:hover{background:var(--bg-hover);border-color:var(--brand-color)}.profile-dropdown-icon{font-size:.8rem;transition:transform .2s ease}.profile-dropdown-wrapper.open .profile-dropdown-icon{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;max-width:calc(100vw - 24px);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.profile-dropdown-wrapper.open .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-content{padding:16px}.profile-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.profile-dropdown-item:last-of-type{border-bottom:none}.profile-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.profile-value{font-size:.9rem;color:var(--text-primary);font-weight:500;text-align:right;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-edit{width:100%;justify-content:center;font-size:.85rem;padding:8px 12px}.profile-dropdown-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:40px}.toggle-password-btn{position:absolute;right:8px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:4px 8px;font-size:1.1rem;opacity:.7;transition:opacity .2s}.toggle-password-btn:hover{opacity:1;color:var(--brand-fg, var(--brand-color))}.form-hint{display:block;color:var(--text-muted);font-size:.8rem;margin-top:4px}.success{color:var(--success-text, var(--success-color, #22c55e));background:#22c55e1a;padding:10px;border-radius:6px;text-align:center}.btn-icon{background:transparent;border:1px solid var(--border-color);cursor:pointer;font-size:1.1em;padding:8px;border-radius:8px;transition:all .3s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-hover);color:var(--brand-fg, var(--brand-color));border-color:var(--brand-color)}.app-footer{margin-top:calc(var(--spacing-unit) * 4);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-color);text-align:center;color:var(--secondary-color);font-size:.9em}.app-footer-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.pro-cta-btn{padding:10px 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--primary-color);color:var(--text-on-brand);font-weight:700;cursor:pointer;transform:scale(1);transition:transform .15s ease,background-color .2s ease}.pro-cta-btn:hover{transform:scale(1.04);background:var(--primary-hover);color:var(--text-on-brand)}.tab-content{display:none;padding:0}@media(max-width:480px)and (hover:none)and (pointer:coarse){.tab-content{padding:0}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.tab-content{padding:0}}.tab-content.active{display:block!important}.tab-content>h3{display:none!important}.tab-content>.context-bar{display:none!important}.context-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow)}.context-bar label{margin:0;font-weight:600;font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap}.context-bar select{max-width:300px;padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-surface-1);color:var(--text-primary);font-size:var(--font-sm);transition:all .2s ease}[data-theme=light] .context-bar select{background-color:#fff;color:#1a1a1a}.manager-project-selector-wrapper select option{background-color:var(--bg-surface-1);color:var(--text-primary)}[data-theme=light] .manager-project-selector-wrapper select option{background-color:#fff;color:#1a1a1a}.context-bar select option{background-color:var(--bg-surface-1);color:var(--text-primary)}[data-theme=light] .context-bar select option{background-color:#fff;color:#1a1a1a}.context-bar select:focus{border-color:var(--brand-color);box-shadow:0 0 0 2px var(--brand-tint-20, rgba(var(--brand-color-rgb), .2));outline:none}.context-hint{color:var(--text-secondary);font-size:14px}.tab-content>h3+p{margin-top:calc(var(--spacing-unit) * -1)}h2,h3,h4{text-align:center;color:var(--brand-fg, var(--primary-color));margin-top:0}p{margin-bottom:calc(var(--spacing-unit) * 2)}section{margin-bottom:calc(var(--spacing-unit) * 4);padding-top:var(--spacing-unit);border-top:1px solid var(--border-color)}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:12px;z-index:calc(var(--z-toast, 1200) + 10);padding:10px 16px;border-radius:var(--border-radius-sm, 6px);background:var(--brand-color);color:var(--text-on-brand, #fff);font-weight:700;font-size:.9rem;text-decoration:none;transform:translateY(-200%);transition:transform .15s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--accent-color, var(--safety-color));outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px;box-shadow:0 0 0 4px var(--bg-card),0 0 0 6px var(--accent-color)}.tab-nav{display:flex;justify-content:center;flex-grow:1;margin:0 var(--spacing-unit);border-bottom:none;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:0;height:100%;align-items:center;gap:8px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:auto;min-height:72px;background:var(--bg-surface-2, #ffffff);border-top:1px solid var(--border-color, #cbd5e1);z-index:1000;box-shadow:0 -8px 24px #0f172a1f;padding-bottom:var(--safe-bottom, env(safe-area-inset-bottom, 0px))}html.keyboard-open .bottom-nav{padding-bottom:calc(var(--safe-bottom, 0px) + var(--keyboard-inset, 0px));height:calc(72px + var(--safe-bottom, 0px) + var(--keyboard-inset, 0px))}html.keyboard-open #main-content,html.keyboard-open .dashboard-container,html.keyboard-open .user-section.active{scroll-padding-bottom:calc(88px + var(--keyboard-inset, 0px))}html.keyboard-open .apk-update-banner{bottom:calc(80px + var(--safe-bottom, 0px) + var(--keyboard-inset, 0px))}body.device-mobile.window-medium .apk-update-banner,body.device-mobile.window-expanded .apk-update-banner{left:calc(var(--nav-rail-width, 72px) + 12px);bottom:calc(12px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + var(--keyboard-inset, 0px))}body.device-desktop .bottom-nav,body.device-desktop #absen-cuti-switcher,body.device-desktop #user-attendance-nav-btn,body.device-desktop #user-attendance-checkin-btn,body.device-desktop #user-attendance-checkout-btn{display:none!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{min-height:calc(72px + var(--safe-bottom, env(safe-area-inset-bottom)))}}.bottom-nav-container{display:flex;justify-content:space-around;align-items:center;height:72px;padding:0 12px;max-width:560px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:56px;min-height:52px;max-width:96px;height:100%;background:transparent;border:none;border-radius:14px;cursor:pointer;color:var(--text-primary, #0f172a);transition:all .2s ease;padding:8px 4px;position:relative;margin:0 2px;gap:4px}.bottom-nav-item i,.bottom-nav-item .p-icon{font-size:22px;width:22px;height:22px;color:currentColor;transition:transform .2s ease,color .2s ease}.bottom-nav-item span{font-size:12px;font-weight:700;letter-spacing:-.1px;white-space:nowrap;color:currentColor;transition:color .2s ease}.bottom-nav-item.active{color:var(--brand-fg, var(--brand-color));background:rgba(var(--brand-color-rgb),.1)}.bottom-nav-item.active i{transform:none}.bottom-nav-item:active{transform:scale(.93);background:rgba(var(--brand-color-rgb),.06)}.bottom-nav-item:hover:not(.active){color:var(--text-primary);background:var(--bg-hover)}.bottom-nav-item .nav-badge{position:absolute;top:4px;right:50%;transform:translate(14px);min-width:18px;height:18px;padding:0 5px;background:var(--error-color);color:#fff;border-radius:9px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.bottom-nav-item .nav-badge:empty{display:none}.bottom-nav-item .nav-badge.pulse{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:translate(14px) scale(1)}50%{transform:translate(14px) scale(1.15)}}@media(max-width:768px){.dashboard-container{grid-template-columns:1fr;padding-bottom:calc(76px + var(--safe-bottom))}.support-mode-banner,.app-header,.app-container{grid-column:1}.app-sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;z-index:1001;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:none;grid-column:unset;grid-row:unset}.app-sidebar.active{left:0;box-shadow:4px 0 24px #0000004d}.mobile-only{display:flex!important}.desktop-only{display:none!important}.mobile-menu-btn{display:flex}body.mobile-drawer-account-only #app-sidebar .sidebar-user-menu{display:block!important;padding:8px 16px 4px}body.mobile-drawer-account-only #app-sidebar .sidebar-user-menu-item{min-height:46px;margin-top:8px;background:rgba(var(--sidebar-accent-rgb),.08)}body.mobile-drawer-account-only #app-sidebar .sidebar-user-chevron{display:none}.bottom-nav{display:block}.app-header{padding:0 16px}.header-brand{display:flex;align-items:center;gap:8px}.header-brand h2{font-size:1.1rem}}@media(max-width:480px){.app-header{padding:0 0 0 8px;height:56px}.header-brand h2{font-size:1rem}}@media(max-width:320px){.app-header{padding:0 0 0 4px;height:52px}.header-brand h2{font-size:.95rem}.mobile-menu-btn{width:40px;height:40px}}.tab-nav::-webkit-scrollbar{display:none}.tab-nav{scrollbar-width:none;-ms-overflow-style:none}.tab-btn{padding:0 16px;height:100%;min-height:48px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--brand-fg, var(--brand-color));border-bottom-color:var(--brand-color);background:transparent}.tab-btn i{margin-right:8px;font-size:1.1em;vertical-align:text-bottom;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.module-tier-badge{display:inline-block;font-size:.75em;padding:3px 8px;border-radius:4px;font-weight:600;margin-left:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;min-height:22px;display:inline-flex;align-items:center}.module-tier-badge.tier-0{background:#22c55e33;color:var(--success-text, #166534);border:1px solid rgba(34,197,94,.3)}.module-tier-badge.tier-1{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.module-tier-badge.tier-2{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.module-tier-badge.tier-3{background:#fb923c33;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.module-tier-badge.core{background:#22c55e40;color:var(--success-text, #166534);border:1px solid rgba(34,197,94,.4)}.module-tier-badge.optional{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.tab-btn .module-tier-badge{font-size:.65em;padding:2px 6px;margin-left:4px;min-height:18px}.module-list-item .module-tier-badge{margin-left:auto}form{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);max-width:500px;margin:0 auto;padding:var(--spacing-unit)}label{margin-bottom:0;font-weight:700;font-size:var(--font-size-touch);color:var(--text-color)}input,select,textarea{padding:10px 14px;margin-bottom:0;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-sm);min-height:40px;width:100%;background-color:var(--bg-input);color:var(--text-color);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.12)}[data-theme=light] select{background-color:#fff;color:#1a1a1a}.choices{width:100%}.choices__inner{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius);min-height:unset;padding:0}.choices__list--single{padding:var(--touch-padding)}.choices__input{background-color:var(--bg-card);color:var(--text-color);caret-color:var(--text-color);margin:0;padding:var(--touch-padding);border:none;border-radius:var(--border-radius)}.choices__input--cloned{background-color:var(--bg-card)!important;color:var(--text-color)!important;caret-color:var(--text-color)!important;opacity:1!important}.choices__input--cloned::placeholder{color:var(--text-color)!important;opacity:.6}.choices__list--dropdown,.choices__list[aria-expanded]{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius);z-index:50}.choices__item,.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{color:var(--text-color)!important;background-color:transparent}.choices__placeholder{color:var(--text-color);opacity:.7}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,.choices__list--dropdown .choices__item--selectable:hover,.choices__list[aria-expanded] .choices__item--selectable:hover{background-color:rgba(var(--safety-color-rgb, 232, 93, 4),.16)!important;color:var(--text-primary)!important}.choices__list--dropdown .choices__item--selectable.is-selected{background-color:rgba(var(--safety-color-rgb, 232, 93, 4),.1);color:var(--safety-fg, var(--safety-color))!important;font-weight:600}.choices__list--multiple .choices__item{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;color:#fff}.choices__list--multiple .choices__item.is-highlighted{background-color:var(--primary-hover);border:1px solid var(--primary-hover)}.choices[data-type*=select-multiple] .choices__button,.choices__list--multiple .choices__item .choices__button{border-left:1px solid rgba(255,255,255,.3);filter:invert(1)}.choices[data-type*=select-one]:after{border-color:var(--text-secondary) transparent transparent transparent}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent var(--text-secondary) transparent}.choices__list--dropdown .choices__placeholder{display:none}.form-select,.form-control{padding:12px 14px;min-height:var(--touch-target-size);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--bg-card);color:var(--text-color);width:100%;transition:border-color .2s ease}.form-select:focus,.form-control:focus{outline:none;border-color:var(--primary-color)}.form-select-sm{padding:8px 12px;min-height:44px;font-size:var(--font-min-secondary);border:2px solid var(--border-color);border-radius:6px;background-color:var(--bg-card);color:var(--text-color)}input[type=file]{padding:12px}input[type=checkbox]:not(.module-switch),input[type=radio]{width:16px;height:16px;min-width:16px;min-height:16px;margin:0;padding:0;border:none;box-shadow:none;transform:none;flex-shrink:0;accent-color:var(--brand-color, var(--primary-color));cursor:pointer;vertical-align:middle}input.module-switch[type=checkbox],.bc-toggle-switch input[type=checkbox],.module-item.module-toggleable input.module-switch{position:absolute;opacity:0;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:none!important;transform:none!important}label:has(>input[type=checkbox]:first-child):not(.position-permission-option),label:has(>input[type=radio]:first-child):not(.position-permission-option),label.checkbox-label,label.column-toggle-item{display:inline-flex;align-items:center;gap:8px;width:auto;max-width:100%;margin-bottom:0;font-weight:500;cursor:pointer}.form-group>label:has(>input[type=checkbox]),.form-group>label:has(>input[type=radio]){display:inline-flex;align-items:center;gap:8px}th input[type=checkbox],td input[type=checkbox],.module-checkbox,.matrix-checkbox,.batch-checkbox,.applicant-checkbox,.shift-assign-cb,.ot-assign-cb,.ot-project-cb,.module-row-select,.project-req-cat-cb{width:16px;height:16px;min-width:16px;min-height:16px;transform:none}.module-checkbox{width:18px;height:18px;min-width:18px;min-height:18px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error-color);box-shadow:0 0 0 2px var(--error-color)}button,.button{padding:12px 20px;min-height:var(--touch-target-size);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-touch);font-weight:600;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background-color:var(--primary-hover);color:var(--text-on-brand)}button:disabled{background-color:var(--border-color);cursor:not-allowed;color:var(--text-secondary)}.spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:8px;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}button.loading,.btn.loading{position:relative;pointer-events:none;opacity:.7}button.loading:after,.btn.loading:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;margin-left:8px;animation:spinner-rotate .8s linear infinite;vertical-align:middle}input.input-error,select.input-error,textarea.input-error{border-color:var(--error-color)!important;box-shadow:0 0 0 2px #e06c7533}input.input-success,select.input-success,textarea.input-success{border-color:var(--success-color)!important;box-shadow:0 0 0 2px #98c37933}.field-error{color:var(--error-text, var(--error-color));font-size:var(--font-sm);margin-top:4px;display:block}.field-hint{color:var(--text-secondary);font-size:var(--font-xs);margin-top:2px}.module-toggles{background:var(--bg-surface-1)}.module-toggles legend{color:var(--text-primary)}.module-toggles .toggle-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-color);margin:0;cursor:pointer}.module-toggles .toggle-item:last-child{border-bottom:none}.module-toggles .toggle-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.module-toggles .toggle-item span{color:var(--text-primary);font-size:var(--font-sm)}.module-toggles .toggle-item:hover{background:var(--bg-surface-2);margin:0 -12px;padding:8px 12px;border-radius:4px}.pill-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--warning-color);color:#121212;line-height:1.2}@media(max-width:480px)and (hover:none)and (pointer:coarse){.recommend-text{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.login-link,.register-link{text-align:center;margin-top:calc(var(--spacing-unit) * 2)}.login-link button,.register-link button{background:none;color:var(--brand-fg, var(--primary-color));padding:5px;font-size:var(--font-size-base);text-decoration:underline}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--border-radius)}table{width:100%;border-collapse:collapse;margin-top:0}th,td{border:1px solid var(--border-color);padding:var(--table-cell-pad-y, 10px) var(--table-cell-pad-x, 12px);text-align:left;vertical-align:top;white-space:nowrap}th{background-color:var(--bg-color);font-weight:600}.actions button{margin-right:var(--spacing-unit);padding:8px 12px;font-size:14px}.error,p.error{color:var(--error-text, var(--error-color));text-align:center;font-weight:700;padding:10px;border:1px solid var(--error-color);border-radius:var(--border-radius);background:#e06c751a}.success{color:var(--success-text, var(--success-color));text-align:center;font-weight:700;padding:10px;border:1px solid var(--success-color);border-radius:var(--border-radius);background:#98c3791a}.toggle-btn{background-color:var(--primary-color);color:#fff;border:none;padding:var(--touch-padding);width:100%;text-align:left;cursor:pointer;font-size:var(--font-size-touch);border-radius:var(--border-radius);margin-bottom:var(--spacing-unit);position:relative}.toggle-btn:after{content:"+";position:absolute;right:20px;font-weight:700;font-size:24px}.toggle-btn.active:after{content:"−"}.toggle-btn:hover{background-color:var(--primary-hover);color:var(--text-on-brand)}.section-content{display:none;padding:0;margin-bottom:0;background-color:var(--bg-color);border:none;border-radius:0}@media(max-width:480px)and (hover:none)and (pointer:coarse){.section-content{padding:0;margin-bottom:0;border-radius:0}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.section-content{padding:0;margin-bottom:0;border-left:none;border-right:none;border-radius:0}}.section-content.active{display:block;animation:fadeIn .4s}.user-section{display:none}.empty-state,.muted{color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:28px 16px;color:var(--text-secondary)}.empty-state>i.ph,.empty-state>.p-icon{font-size:2rem;line-height:1;color:var(--brand-fg, var(--brand-color));opacity:.9}.empty-state-title{margin:0;font-size:var(--font-base, .9375rem);font-weight:700;color:var(--text-primary)}.empty-state-desc{margin:0;max-width:36ch;font-size:var(--font-sm, .875rem);line-height:1.5;color:var(--text-secondary)}.empty-state-compact{padding:20px 12px}.empty-state-compact>i.ph{font-size:1.75rem}.empty-state[hidden],.empty-state-compact[hidden]{display:none!important}.table-message{text-align:center;padding:20px;color:var(--text-secondary)}.grid-message{grid-column:1 / -1;padding:10px}ul{list-style-type:none;padding:0}li{margin-bottom:10px;padding:10px;background-color:var(--bg-color);border-radius:var(--border-radius)}@media(max-width:320px)and (hover:none)and (pointer:coarse){:root{--spacing-unit: 4px;--touch-target-size: 48px;--font-size-base: 16px;--font-size-touch: 17px}body{font-size:16px;padding:0}.container,.app-container{padding:0}*,*:before,*:after{max-width:100%;box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}.btn-group,.button-group,.modal-actions{flex-direction:column;gap:8px}.btn-group>*,.button-group>*,.modal-actions>*{width:100%}.card,.info-card,.stat-card,.user-dashboard-card{padding:12px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}input,select,textarea{width:100%}.hide-xs{display:none!important}}@media(min-width:321px)and (max-width:374px)and (hover:none)and (pointer:coarse){:root{--spacing-unit: 6px;--touch-target-size: 48px;--font-size-base: 16px;--font-size-touch: 18px}body{font-size:16px;padding:0}.container{padding:0}*{max-width:100%}img{max-width:100%;height:auto}}@media(min-width:375px)and (max-width:479px)and (hover:none)and (pointer:coarse){body{font-size:16px;padding:0}.container{padding:0}}@media(min-width:768px){body{padding:0}.app-container{margin-top:0;margin-bottom:0}form.grid-form{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:var(--section-gap, 12px);width:100%;max-width:min(100%,var(--form-max-width, 960px))}form.grid-form label{text-align:right;margin-bottom:0}form.grid-form button[type=submit]{grid-column:1 / -1;margin-top:10px}}.accordion-btn{background-color:var(--primary-color);color:#fff;padding:var(--touch-padding);width:100%;text-align:left;cursor:pointer;font-size:var(--font-size-touch);border-radius:var(--border-radius);margin-bottom:var(--spacing-unit);position:relative}.accordion-btn:after{content:"+";position:absolute;right:20px;font-weight:700}.accordion-btn.active:after{content:"−"}.accordion-content{display:block;max-height:0;opacity:0;overflow:hidden;padding:0 calc(var(--spacing-unit) * 2);border-bottom:0 solid transparent;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,padding .5s ease,border-bottom .5s ease;visibility:hidden}.accordion-content.active,.accordion-content.open{opacity:1;padding-top:calc(var(--spacing-unit) * 2);padding-bottom:calc(var(--spacing-unit) * 2);border-bottom:2px solid var(--border-color);visibility:visible}#org-tree,#user-org-tree{width:100%;height:600px;overflow:auto;background:var(--bg-surface-1);border-radius:var(--border-radius)}@media(max-width:768px)and (hover:none)and (pointer:coarse){#org-tree,#user-org-tree{height:400px}}.assessment-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary, #f8f9fa);border-radius:var(--border-radius);margin-bottom:16px;gap:16px;flex-wrap:wrap}.user-info-card{display:flex;align-items:center;gap:12px}.user-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.user-info-text h5{margin:0;font-size:1.1rem;color:var(--text-color)}.assessment-stats{display:flex;gap:24px}.assessment-stats .stat-item{text-align:center}.assessment-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--brand-fg, var(--primary-color))}.assessment-stats .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.assessment-detail-filters{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-group-inline{display:flex;align-items:center;gap:8px}.filter-group-inline label{font-size:.875rem;color:var(--text-muted);white-space:nowrap;margin:0}.filter-group-inline select{min-width:150px}.score-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-weight:600;font-size:.875rem;min-width:32px;text-align:center}.score-badge.score-high{background:#d4edda;color:#155724}.score-badge.score-medium{background:#fff3cd;color:#856404}.score-badge.score-low{background:#f8d7da;color:#721c24}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary, #f8f9fa)}#assessment-detail-table thead.sticky-header{position:sticky;top:0;background:var(--bg-card);z-index:1}#assessment-detail-table th{background:var(--bg-secondary, #f8f9fa);font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-muted)}#assessment-detail-table td{vertical-align:middle;font-size:.875rem}@media(max-width:768px)and (hover:none)and (pointer:coarse){.assessment-detail-header,.user-info-card{flex-direction:column;text-align:center}.assessment-stats{width:100%;justify-content:space-around}.assessment-detail-filters{flex-direction:column}.filter-group-inline{width:100%}.filter-group-inline select{flex:1}dialog.modal-dialog.modal-lg{max-width:95%;margin:10px auto}}.stat-card-mini{background:var(--bg-secondary, #f8f9fa);border-radius:var(--border-radius);padding:12px 16px;text-align:center;min-width:100px;flex:1;max-width:150px}.stat-card-mini .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--brand-fg, var(--primary-color))}.stat-card-mini .stat-label{font-size:.75rem;color:var(--text-muted)}.company-assessment-filters{background:var(--bg-secondary, #f8f9fa);padding:12px;border-radius:var(--border-radius)}.company-assessment-filters .filter-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.company-assessment-filters .filter-item label{font-size:.75rem;color:var(--text-muted);margin:0}.company-assessment-filters .filter-item input,.company-assessment-filters .filter-item select{padding:6px 10px;font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);color:var(--text-color)}#company-assessment-table{font-size:.875rem}#company-assessment-table thead.sticky-header{position:sticky;top:0;background:var(--bg-card);z-index:1}#company-assessment-table th{background:var(--bg-secondary, #f8f9fa);font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}#company-assessment-table th:hover{background:var(--border-color)}#company-assessment-table td{vertical-align:middle}.user-name-cell{line-height:1.3}.user-name-cell strong{color:var(--text-color)}.user-name-cell small{font-size:.75rem}@media(max-width:768px)and (hover:none)and (pointer:coarse){.company-assessment-filters{flex-direction:column}.company-assessment-filters .filter-item{width:100%}.stat-card-mini{max-width:none}}.btn-group-sm{display:flex;gap:4px}.btn-group-sm .btn{padding:4px 8px;font-size:.875rem}.btn-group-sm .btn i{font-size:1rem}@media(min-width:1024px){:root{--font-base: .9375rem;--font-xl: 1.25rem;--font-2xl: 1.75rem;--font-lg: 1rem;--touch-target-size: 36px;--border-radius: 6px;--desktop-header-height: 56px;--desktop-card-padding: 16px}.app-header{height:56px;padding:0 20px}.dashboard-container{grid-template-rows:56px 1fr}.header-brand h2{font-size:1.15rem}.app-sidebar{min-width:240px;grid-template-columns:240px 1fr}.dashboard-container{grid-template-columns:240px 1fr}.sidebar-nav{padding:12px 0}.sidebar-nav-item{padding:8px 16px;font-size:.9rem;gap:10px}.sidebar-nav-item i{font-size:1.1rem;width:20px}.stat-card{padding:16px;gap:12px}.stat-icon{width:44px;height:44px;font-size:1.4rem}.stat-value{font-size:1.6rem}.stat-label{font-size:.8rem}.quick-actions{padding:16px 16px 20px}.quick-actions h4{margin-bottom:12px;font-size:.95rem}.action-buttons{gap:10px}.action-btn{padding:8px 16px;font-size:.85rem;min-height:38px}.sub-nav{padding:8px 0;margin-bottom:16px}.sub-nav-btn{padding:8px 16px;font-size:.85rem}td,th{padding:10px 12px;font-size:.9rem}.tab-content{padding:20px 24px}.stats-grid{gap:16px;margin-bottom:24px}}.hc-wc-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;margin-bottom:16px;background:#3b82f60f;border:1px solid rgba(59,130,246,.22);border-radius:8px;font-size:.82rem;color:var(--text-muted, #666);line-height:1.5}.hc-wc-notice i{font-size:1rem;color:#3b82f6;flex-shrink:0;margin-top:1px}.hc-wc-notice strong{color:var(--text-primary, #333)}.bc-shift-info-banner{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card));border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;margin-bottom:16px}.bc-shift-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary-light, #EBF5FF);border:2px solid var(--primary, #3B82F6);border-radius:20px;font-weight:600;font-size:.95rem;color:var(--primary, #3B82F6)}.bc-shift-times{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary);font-weight:500}.bc-shift-separator{color:var(--text-tertiary)}.bc-shift-times i{font-size:1rem;vertical-align:middle}.bc-wfa-activity-form{text-align:left;margin-bottom:16px;background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px dashed var(--border-color)}.bc-wfa-activity-form textarea{resize:vertical;min-height:60px}.bc-wfa-activity-form .helper-text{margin-top:4px;font-size:.8rem}.bc-summary-lembur .bc-summary-value{color:var(--warning, #F59E0B)}.hc-shift-subsection{min-height:200px}.hc-shift-assign-page .hc-shift-assign-intro{font-size:.9em;padding:0 1rem;margin-bottom:.75rem}.hc-shift-assign-stats{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}.hc-shift-stat-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280)}.hc-shift-stat-pill strong{color:var(--text-primary, #111827);font-weight:600}.hc-shift-stat-assigned{background:color-mix(in srgb,var(--success, #10b981) 12%,transparent)}.hc-shift-stat-unassigned{background:color-mix(in srgb,var(--warning, #f59e0b) 14%,transparent)}.hc-shift-assign-alert{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0 1rem 1rem;padding:.65rem .85rem;border-radius:8px;background:color-mix(in srgb,var(--warning, #f59e0b) 12%,var(--bg-secondary, #fff));font-size:.88rem}.hc-shift-assign-toolbar{padding:0 1rem 1rem;gap:.75rem}.hc-shift-assign-toolbar .form-group{flex:1;min-width:140px}.hc-shift-search-group{flex:1.4;min-width:180px}.hc-shift-bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:0 1rem 1rem;padding:.65rem 1rem;border-radius:8px;background:color-mix(in srgb,var(--primary, #3b82f6) 10%,var(--bg-secondary, #f9fafb));border:1px solid color-mix(in srgb,var(--primary, #3b82f6) 25%,transparent);position:sticky;top:0;z-index:2}.hc-shift-bulk-count{font-size:.9rem;font-weight:500;margin-right:auto}.hc-shift-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.8rem;font-weight:500;background:color-mix(in srgb,var(--shift-color, #3b82f6) 18%,transparent);border-left:3px solid var(--shift-color, #3b82f6);color:var(--text-primary, #1f2937)}.hc-shift-modal-preview{min-height:1.25rem;margin-top:.25rem}@media(max-width:640px){.hc-shift-assign-toolbar .form-group{min-width:100%;flex:1 1 100%}.hc-shift-bulk-bar{flex-direction:column;align-items:stretch}.hc-shift-bulk-count{margin-right:0}}.badge-info{background:var(--primary-light, #EBF5FF);color:var(--primary, #3B82F6);border:1px solid var(--primary, #3B82F6)}.badge-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:.8rem}dialog.modal-dialog.modal-guide{max-width:1100px;width:95vw;height:85vh;max-height:85vh;padding:0;overflow:hidden;border-radius:16px}.guide-modal-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.guide-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color, #e2e8f0);flex-shrink:0;background:var(--bg-card, #fff);gap:12px}.guide-modal-title{display:flex;align-items:center;gap:10px;flex-shrink:0}.guide-modal-title i{font-size:1.5rem;color:var(--brand-fg, var(--primary-color, #2563eb))}.guide-modal-title h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-color, #1e293b)}.guide-header-actions{display:flex;align-items:center;gap:12px}.guide-search-wrap{position:relative;display:flex;align-items:center}.guide-search-wrap i{position:absolute;left:10px;font-size:1rem;color:var(--text-secondary, #94a3b8);pointer-events:none}.guide-search-wrap input{padding:7px 12px 7px 32px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.875rem;background:var(--bg-secondary, #f8fafc);color:var(--text-color, #1e293b);width:200px;transition:border-color .2s,box-shadow .2s}.guide-search-wrap input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.guide-layout{display:flex;flex:1;overflow:hidden;min-height:0}.guide-toc{width:250px;min-width:250px;overflow-y:auto;border-right:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);padding:12px 0;flex-shrink:0}.guide-toc-item{display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;font-size:.875rem;color:var(--text-secondary, #64748b);border-left:3px solid transparent;transition:all .15s ease;text-decoration:none;user-select:none}.guide-toc-item:hover{background:var(--bg-hover, rgba(0,0,0,.04));color:var(--text-color, #1e293b)}.guide-toc-item.active{background:var(--primary-bg, rgba(37, 99, 235, .08));color:var(--brand-fg, var(--primary-color, #2563eb));border-left-color:var(--primary-color, #2563eb);font-weight:600}.guide-toc-item i{font-size:1.15rem;flex-shrink:0;opacity:.7}.guide-toc-item.active i{opacity:1}.guide-toc-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-content{flex:1;overflow-y:auto;padding:0;min-width:0}.guide-content-inner{padding:28px 36px 40px;max-width:780px}.guide-content-inner h2{font-size:1.35rem;font-weight:700;color:var(--text-color, #1e293b);margin:0 0 16px;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid var(--primary-color, #2563eb)}.guide-content-inner h2 i{font-size:1.4rem;color:var(--brand-fg, var(--primary-color, #2563eb))}.guide-content-inner h3{font-size:1.08rem;font-weight:600;color:var(--text-color, #1e293b);margin:24px 0 10px}.guide-content-inner h4{font-size:.95rem;font-weight:600;color:var(--text-color, #334155);margin:18px 0 8px}.guide-content-inner p{font-size:.9rem;line-height:1.65;color:var(--text-color, #475569);margin:0 0 12px}.guide-content-inner ul,.guide-content-inner ol{margin:0 0 14px;padding-left:22px}.guide-content-inner li{font-size:.9rem;line-height:1.6;color:var(--text-color, #475569);margin-bottom:4px}.guide-content-inner li ul,.guide-content-inner li ol{margin-top:4px;margin-bottom:4px}.guide-audience{display:inline-flex;align-items:center;gap:6px;background:var(--primary-bg, rgba(37, 99, 235, .08));color:var(--brand-fg, var(--primary-color, #2563eb));padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:500;margin-bottom:16px!important}.guide-table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.85rem}.guide-table thead th{background:var(--bg-secondary, #f1f5f9);padding:10px 14px;text-align:left;font-weight:600;color:var(--text-color, #334155);border-bottom:2px solid var(--border-color, #e2e8f0)}.guide-table tbody td{padding:9px 14px;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-color, #475569);vertical-align:top}.guide-table tbody tr:last-child td{border-bottom:none}.guide-table tbody tr:hover{background:#00000005}.guide-tip,.guide-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;font-size:.85rem;line-height:1.55;margin:12px 0 16px}.guide-tip{background:#3b82f614;border-left:3px solid #3b82f6;color:var(--text-color, #334155)}.guide-tip i{color:#3b82f6;font-size:1.1rem;flex-shrink:0;margin-top:1px}.guide-warning{background:#f59e0b14;border-left:3px solid #f59e0b;color:var(--text-color, #334155)}.guide-warning i{color:#f59e0b;font-size:1.1rem;flex-shrink:0;margin-top:1px}.guide-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.78rem;font-weight:600;line-height:1.5}.guide-badge-yellow{background:#fef3c7;color:#92400e}.guide-badge-blue{background:#dbeafe;color:#1e40af}.guide-badge-green{background:#dcfce7;color:#166534}.guide-badge-orange{background:#ffedd5;color:#9a3412}.guide-badge-red{background:#fee2e2;color:#991b1b}.guide-faq-item{padding:14px 16px;background:var(--bg-secondary, #f8fafc);border-radius:10px;margin-bottom:10px}.guide-faq-item h4{margin:0 0 6px!important;font-size:.9rem;color:var(--text-color, #1e293b)}.guide-faq-item p{margin:0;color:var(--text-secondary, #64748b)}.guide-search-highlight{background:#f59e0b4d;border-radius:2px;padding:0 1px}.guide-no-results{text-align:center;padding:48px 24px;color:var(--text-secondary, #94a3b8)}.guide-no-results i{font-size:3rem;margin-bottom:12px;display:block;opacity:.5}@media(max-width:768px)and (hover:none)and (pointer:coarse){dialog.modal-dialog.modal-guide{width:100vw;height:100vh;max-height:100vh;border-radius:0}.guide-modal-header{padding:12px 16px;flex-wrap:wrap}.guide-search-wrap input{width:140px}.guide-layout{flex-direction:column}.guide-toc{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-color, #e2e8f0);padding:8px;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;gap:4px;max-height:52px;flex-shrink:0}.guide-toc-item{padding:6px 12px;border-left:none;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0;font-size:.8rem;gap:6px}.guide-toc-item.active{border-left-color:transparent;border-bottom-color:var(--primary-color, #2563eb)}.guide-toc-label{display:none}.guide-content-inner{padding:20px 18px 32px}.guide-content-inner h2{font-size:1.15rem}}@media(prefers-color-scheme:dark){.guide-badge-yellow{background:#fef3c733;color:#fbbf24}.guide-badge-blue{background:#dbeafe26;color:#60a5fa}.guide-badge-green{background:#dcfce726;color:#4ade80}.guide-badge-orange{background:#ffedd526;color:#fb923c}.guide-badge-red{background:#fee2e226;color:#f87171}}[data-theme=dark] .guide-badge-yellow{background:#fef3c726;color:#fbbf24}[data-theme=dark] .guide-badge-blue{background:#dbeafe1a;color:#60a5fa}[data-theme=dark] .guide-badge-green{background:#dcfce71a;color:#4ade80}[data-theme=dark] .guide-badge-orange{background:#ffedd51a;color:#fb923c}[data-theme=dark] .guide-badge-red{background:#fee2e21a;color:#f87171}[data-theme=dark] .guide-faq-item{background:#ffffff0a}[data-theme=dark] .guide-table thead th{background:#ffffff0f}.team-summary-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;background:var(--surface-2, #f8f9fa);border-bottom:1px solid var(--border-color, #dee2e6)}.team-summary-stats-bar .ts-stat{text-align:center;padding:8px 4px}.team-summary-stats-bar .ts-stat-label{font-size:.75rem;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.team-summary-stats-bar .ts-stat-value{font-size:1.5rem;font-weight:700;line-height:1}.team-summary-table .ts-cell-name{min-width:180px}.team-summary-table .ts-name-line{font-size:.95rem}.team-summary-table .ts-position-line{font-size:.8rem}.team-summary-table .ts-meta-line{font-size:.75rem;margin-top:2px}.team-summary-table .ts-cell-avg{width:100px;text-align:center;vertical-align:middle}.team-summary-table .ts-avg-badge{display:inline-block;min-width:44px;padding:4px 10px;border-radius:8px;font-weight:700;font-size:1rem;text-align:center}.team-summary-table .ts-avg-good{background:#d1fae5;color:#065f46}.team-summary-table .ts-avg-mid{background:#fef3c7;color:#92400e}.team-summary-table .ts-avg-low{background:#fee2e2;color:#991b1b}.team-summary-table .ts-avg-none{background:#f3f4f6;color:#6b7280}.team-summary-table .skill-chip{display:inline-block;padding:3px 8px;margin:2px 3px 2px 0;background:var(--surface-2, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;font-size:.8rem;line-height:1.4;white-space:nowrap}.team-summary-table .skill-chip strong{margin-left:4px;color:var(--text-primary)}.team-summary-table .ts-cell-best .skill-chip{border-color:#86efac;background:#f0fdf4}.team-summary-table .ts-cell-weak .skill-chip{border-color:#fca5a5;background:#fef2f2}.team-summary-table .team-summary-row-empty{background:#fbbf2414}@media(max-width:768px)and (hover:none)and (pointer:coarse){.team-summary-stats-bar{grid-template-columns:repeat(2,1fr)}.team-summary-table thead{display:none}.team-summary-table,.team-summary-table tbody,.team-summary-table tr,.team-summary-table td{display:block;width:100%}.team-summary-table tr{margin-bottom:12px;border:1px solid var(--border-color, #dee2e6);border-radius:10px;padding:12px;background:var(--surface, #fff)}.team-summary-table td{padding:6px 0;border:none;text-align:left}.team-summary-table td[data-label]:before{content:attr(data-label);display:block;font-size:.7rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;letter-spacing:.5px}.team-summary-table .ts-cell-name{min-width:0;padding-bottom:8px;border-bottom:1px solid var(--border-color, #eee);margin-bottom:6px}.team-summary-table .ts-cell-avg{display:inline-block;width:auto;text-align:left}.team-summary-table .ts-cell-actions{padding-top:10px}.team-summary-table .btn-group-sm .btn{flex:1}}@media(min-width:769px){#main-app.dashboard-container{--bg-surface-1: #f5f7fb;--bg-surface-2: #ffffff;--bg-surface-3: #f8fafc;--bg-muted: #eef4fb;--bg-card: #ffffff;--bg-input: #ffffff;--bg-secondary: #f8fafc;--text-primary: #172033;--text-secondary: #65748b;--text-muted: #65748b;--brand-color: #0d3b66;--brand-hover: #082f49;--brand-color-rgb: 13, 59, 102;--primary-color: #0d3b66;--primary-hover: #082f49;--border-color: #d7dfeb;--success-color: #2d6a4f;--warning-color: #b45309;--error-color: #b91c1c;--danger-color: #b91c1c;--purple-color: #6656c7;--sidebar-bg: #121b2d;--sidebar-text: #c4d1e6;--sidebar-text-active: #ffffff;--sidebar-accent: #e85d04;--sidebar-accent-rgb: 232, 93, 4;--sidebar-hover-bg: rgba(255, 255, 255, .06);--sidebar-section-label: #7f91af;--sidebar-border: #24314d;--border-radius: 8px;--border-radius-lg: 8px;--shadow: 0 16px 36px rgba(23, 32, 51, .08);grid-template-columns:264px minmax(0,1fr)!important;grid-template-rows:72px minmax(0,1fr)!important;background:#f5f7fb}#main-app .app-sidebar{min-width:264px!important;padding:16px 12px;gap:14px;background:#121b2d;border-right:1px solid #1e2a42;color:#dce7f7}#main-app .sidebar-header{padding:4px 8px 14px;border-bottom:1px solid #24314d}#main-app .sidebar-brand-info h2{color:#fff;font-size:19px;line-height:1;letter-spacing:0;font-weight:900}#main-app .version-badge{display:block;width:fit-content;margin-top:4px;padding:0;border:0;background:transparent;color:#93a5c2;font-size:11px;font-weight:800}#main-app .sidebar-app-logo{width:38px;height:38px;border-radius:8px;background:#1763c6;padding:7px}#main-app .sidebar-company-brand{margin:0;padding:12px;border:1px solid #263554;border-radius:8px;background:#17233a;gap:10px}#main-app .sidebar-company-logo{width:34px;height:34px;border-radius:8px;background:#223352}#main-app .sidebar-company-text{min-width:0;display:grid;gap:2px}#main-app .sidebar-company-name{color:#fff;font-size:13px;font-weight:800}#main-app .sidebar-company-text small{color:#93a5c2;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main-app .sidebar-nav{padding:0;gap:0}#main-app .sidebar-group{margin:0}#main-app .sidebar-section-label{margin:10px 10px 4px;padding:0;color:#7f91af;font-size:11px;font-weight:900;letter-spacing:.08em}#main-app .app-sidebar button.sidebar-nav-item{min-height:42px!important;padding:0 12px;border-radius:8px;color:#c4d1e6;font-size:14px;font-weight:700;gap:10px;justify-content:flex-start}#main-app .app-sidebar button.sidebar-nav-item:hover{background:#ffffff0f!important;color:#fff}#main-app .app-sidebar button.sidebar-nav-item.active{background:#5496ff29!important;color:#fff;font-weight:800}#main-app .sidebar-nav-item.active i,#main-app .sidebar-nav-item i{color:inherit;opacity:1;font-size:18px;width:22px}#main-app .sidebar-help{margin-top:auto;padding:12px 0 0;border-top:1px solid #24314d}#main-app .sidebar-help-btn{min-height:42px;padding:0 12px;border-radius:8px;font-weight:700}#main-app .sidebar-footer{padding:0;border-top:0;display:grid;gap:8px}#main-app .sidebar-user-info{min-height:50px;padding:8px;border-radius:8px;background:#17233a}#main-app .sidebar-user-avatar{width:34px;height:34px;border-radius:8px;background:#e8f1ff;color:#124d9a}#main-app .sidebar-actions{justify-content:flex-end}#main-app .app-header{height:60px!important;padding:0 24px;gap:16px;background:#fff;border-bottom:1px solid #d7dfeb;color:#172033}#main-app .header-left{flex:0 0 auto;min-width:0;gap:0}#main-app .desktop-page-title{display:block;min-width:0;max-width:100%}#main-app .desktop-page-title h1{margin:0;color:#172033;font-size:21px;line-height:1.05;font-weight:800;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}#main-app .desktop-page-title p{margin:5px 0 0;color:#65748b;font-size:13px;line-height:1.35}#main-app .sub-nav-container{flex:1;align-self:stretch;height:100%;min-width:0;margin:0;padding-left:6px;border-left:0;justify-content:flex-start}#main-app .sub-nav:not([style*="display: none"]){display:inline-flex!important}#main-app .sub-nav{align-items:center;gap:6px;height:100%;padding:0;border:0;border-radius:0;background:transparent;overflow-x:auto;scrollbar-width:none}#main-app .sub-nav::-webkit-scrollbar{display:none}#main-app .sub-nav-btn{position:relative;min-height:0;height:36px;max-width:260px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#52627a;font-size:13px;font-weight:700;line-height:1;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}#main-app .sub-nav-btn[style*="display: none"]{display:none!important}#main-app .sub-nav-btn:hover{background:#f2f6fb;color:#124d9a}#main-app .sub-nav-btn:after{content:"";position:absolute;right:0;bottom:4px;left:0;height:2px;border-radius:999px 999px 0 0;background:transparent}#main-app .sub-nav-btn.active,#main-app .sub-nav-btn[aria-selected=true]{background:#e85d041a;color:#e85d04;border:0;box-shadow:none;font-weight:750}#main-app .sub-nav-btn.active:after,#main-app .sub-nav-btn[aria-selected=true]:after{background:#e85d04}#main-app .sub-nav-btn span:not(.sub-nav-count-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}#main-app .sub-nav-btn i{flex:0 0 auto;color:inherit;font-size:15px;line-height:1;opacity:.85}#main-app .sub-nav-btn.active i,#main-app .sub-nav-btn[aria-selected=true] i{opacity:1}#main-app .header-user,#main-app .top-actions{gap:8px}#main-app .header-icon-btn,#main-app .notification-bell-btn,#main-app .profile-dropdown-trigger,#main-app .sidebar-action-btn{border:1px solid #d7dfeb;border-radius:8px;background:#fff;color:#172033}#main-app .app-container{background:#f5f7fb}#main-app .tab-content.active{display:block!important}#main-app h1,#main-app h2,#main-app h3,#main-app h4{color:#172033;letter-spacing:0;text-align:left}#main-app p,#main-app small,#main-app .helper-text,#main-app .text-muted{color:var(--text-muted)!important}#main-app .card,#main-app .user-dashboard-card,#main-app .stat-card,#main-app .company-cockpit-panel,#main-app .onboarding-card,#main-app .quick-actions,#main-app .approval-card,#main-app .panel{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);box-shadow:var(--shadow)}#main-app .section-header{margin-bottom:var(--section-gap, 12px);padding:0 0 var(--stack-gap, 8px);border:0;border-bottom:1px solid var(--border-color);border-radius:0;background:transparent;box-shadow:none;align-items:center}#main-app .section-header h2{margin:0;font-size:1.2rem;line-height:1.2;font-weight:800}#main-app .section-subheader{margin-bottom:var(--section-gap, 12px);padding:0 2px}#main-app .section-subheader h3{margin:0;font-size:1.05rem;line-height:1.25;font-weight:750}#main-app .stats-grid{gap:var(--section-gap, 12px);margin-bottom:var(--section-gap, 12px)}#main-app .stat-card{min-height:92px;padding:var(--card-pad, 12px);align-items:center;border-radius:8px;cursor:pointer;box-shadow:var(--shadow)}#main-app .stat-card:hover{transform:translateY(-1px);border-color:rgba(var(--brand-color-rgb),.45);box-shadow:var(--shadow-hover)}#main-app .stat-icon{width:42px;height:42px;border-radius:8px}#main-app .stat-value{color:var(--text-primary);font-size:30px;font-weight:900;letter-spacing:0}#main-app .stat-label{color:var(--text-secondary);font-size:13px;font-weight:800}#main-app .company-cockpit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--section-gap, 12px);margin:var(--section-gap, 12px) 0}#main-app .company-cockpit-panel{padding:0;overflow:hidden;box-shadow:var(--shadow-hover)}#main-app .company-cockpit-head{min-height:58px;margin:0;padding:14px 16px;border-bottom:1px solid var(--border-color)}#main-app .company-cockpit-head h4{font-size:18px;font-weight:900}#main-app .company-cockpit-list{padding:16px;gap:10px}#main-app .company-cockpit-row,#main-app .company-cockpit-action{min-height:58px;padding:12px;border-radius:8px;background:var(--bg-surface-2);border-color:var(--border-color)}#main-app .company-cockpit-row i,#main-app .company-cockpit-action i{width:38px;height:38px;border-radius:8px;background:rgba(var(--brand-color-rgb),.12);color:var(--brand-fg, var(--brand-color));font-size:19px}#main-app .director-cockpit{display:grid;gap:var(--section-gap, 12px);margin-bottom:var(--section-gap, 12px)}#main-app .director-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}#main-app .director-section-head .eyebrow{color:#124d9a;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}#main-app .director-section-head h2{margin:5px 0 0;font-size:30px;line-height:1.14;font-weight:900}#main-app .director-section-head p{max-width:100%;margin:6px 0 0;color:#65748b}#main-app .director-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}#main-app .director-risk-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#main-app .director-risk-card{min-height:132px;padding:14px;border:1px solid #d7dfeb;border-radius:8px;background:#fff;box-shadow:0 8px 18px #1720330a}#main-app .director-risk-card strong{display:block;margin-top:10px;color:#172033;font-size:15px;font-weight:900}#main-app .director-risk-card p{margin:6px 0 0;color:#65748b;font-size:13px;line-height:1.45}#main-app .director-cockpit-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:16px;align-items:start}#main-app .director-panel{min-width:0;overflow:hidden;border:1px solid #d7dfeb;border-radius:8px;background:#fff;box-shadow:0 16px 36px #17203314}#main-app .director-panel-head{min-height:58px;padding:14px 16px;border-bottom:1px solid #d7dfeb;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#main-app .director-panel-head h3{margin:0;font-size:18px;font-weight:900}#main-app .director-panel-head .badge{max-width:100%;white-space:nowrap}#main-app .director-panel-body{padding:16px}#main-app .director-priority-list{display:grid;gap:10px}#main-app .director-row{width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #d7dfeb;border-radius:8px;background:#fff}#main-app .director-row>i{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#eef4fb;color:#124d9a;font-size:19px}#main-app .director-row strong,#main-app .director-row small{display:block;min-width:0;overflow-wrap:anywhere}#main-app .director-row strong{color:#172033;font-size:14px;font-weight:900}#main-app .director-row small{margin-top:3px;color:#65748b;font-size:12px;line-height:1.35}#main-app .badge,#main-app .sidebar-approval-badge{min-height:24px;border-radius:999px;font-size:12px;font-weight:900}#main-app .btn-primary,#main-app button.btn-primary,#main-app .btn-secondary,#main-app button.btn-secondary,#main-app .quick-action-btn{min-height:38px;border-radius:8px;font-weight:900}@media(max-width:860px){#main-app .director-risk-strip,#main-app .director-cockpit-layout{grid-template-columns:1fr}}}@media(min-width:769px){#main-app.dashboard-container{--bg-surface-1: #0f172a;--bg-surface-2: #111827;--bg-surface-3: #1e293b;--bg-muted: #182235;--bg-card: #111827;--bg-input: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(148, 163, 184, .24);--bg-hover: rgba(248, 250, 252, .14);--sidebar-bg: #08111f;--sidebar-text: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-accent: #e85d04;--sidebar-accent-rgb: 232, 93, 4;--sidebar-hover-bg: rgba(248, 250, 252, .14);--sidebar-section-label: #94a3b8;--sidebar-border: rgba(148, 163, 184, .18);--shell-header-bg: #0b1220;--shell-header-border: rgba(148, 163, 184, .22);--shell-header-text: #ffffff;--shell-header-muted: #cbd5e1;--shell-subnav-bg: rgba(15, 23, 42, .55);--shell-subnav-border: rgba(148, 163, 184, .18);--shell-subnav-hover-bg: rgba(248, 250, 252, .09);--shell-subnav-active-bg: rgba(232, 93, 4, .18);--shell-action-bg: rgba(15, 23, 42, .72);--shell-action-hover-bg: rgba(248, 250, 252, .1);--shell-action-border: rgba(148, 163, 184, .24);grid-template-columns:260px 1fr!important;grid-template-rows:64px 1fr!important;background-color:var(--bg-color)!important}[data-theme=light] #main-app.dashboard-container{--bg-surface-1: #f8fafc;--bg-surface-2: #ffffff;--bg-surface-3: #f1f5f9;--bg-muted: #e2e8f0;--bg-card: #ffffff;--bg-input: #ffffff;--bg-secondary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #cbd5e1;--bg-hover: rgba(15, 23, 42, .04);--sidebar-bg: #ffffff;--sidebar-text: #475569;--sidebar-text-active: #0f172a;--sidebar-accent: #e85d04;--sidebar-accent-rgb: 232, 93, 4;--sidebar-hover-bg: rgba(15, 23, 42, .04);--sidebar-section-label: #64748b;--sidebar-border: #cbd5e1;--shell-header-bg: #0d3b66;--shell-header-border: rgba(8, 47, 73, .72);--shell-header-text: #ffffff;--shell-header-muted: #dbeafe;--shell-subnav-bg: rgba(255, 255, 255, .08);--shell-subnav-border: rgba(255, 255, 255, .18);--shell-subnav-hover-bg: rgba(255, 255, 255, .13);--shell-subnav-active-bg: rgba(232, 93, 4, .22);--shell-action-bg: rgba(255, 255, 255, .1);--shell-action-hover-bg: rgba(255, 255, 255, .16);--shell-action-border: rgba(255, 255, 255, .22)}#main-app .app-sidebar{min-width:260px!important;padding:0!important;gap:0!important;background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important;color:var(--sidebar-text)!important}#main-app .sidebar-header{padding:14px 14px 12px!important;border-bottom:1px solid var(--sidebar-border)!important}#main-app .sidebar-brand{gap:11px!important}#main-app .sidebar-brand-info h2{color:var(--sidebar-text-active)!important;font-size:1.125rem!important;line-height:1.05!important;font-weight:800!important;letter-spacing:0!important}#main-app .version-badge{display:inline-flex!important;width:fit-content!important;margin-top:5px!important;color:var(--text-muted)!important;background:rgba(var(--brand-color-rgb),.1)!important;border:1px solid rgba(var(--brand-color-rgb),.18)!important;padding:2px 7px!important;border-radius:999px!important;font-size:.6875rem!important;line-height:1.1!important}#main-app .sidebar-app-logo{width:40px!important;height:40px!important;border-radius:8px!important;background:#0b1220!important;padding:5px!important;box-shadow:inset 0 0 0 1px #ffffff14!important}#main-app .sidebar-app-logo-img{width:100%!important;height:100%!important;object-fit:contain!important}#main-app .sidebar-company-brand{margin:10px 12px 8px!important;padding:10px!important;border:1px solid var(--sidebar-border)!important;border-radius:8px!important;background:var(--sidebar-hover-bg)!important;gap:11px!important;min-height:66px!important}#main-app .sidebar-company-logo{width:42px!important;height:42px!important;border-radius:8px!important;background:var(--bg-surface-2)!important;padding:5px!important;box-shadow:inset 0 0 0 1px var(--sidebar-border)!important}#main-app .sidebar-company-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:5px!important}#main-app .sidebar-company-text{display:grid!important;gap:3px!important;min-width:0!important}#main-app .sidebar-company-name{color:var(--sidebar-text-active)!important;font-size:.8125rem!important;font-weight:800!important;line-height:1.2!important;letter-spacing:0!important;overflow-wrap:anywhere!important}#main-app .sidebar-company-text small{color:var(--text-muted)!important;opacity:.72;font-size:.75rem!important;line-height:1.2!important;font-weight:700!important}#main-app .sidebar-nav{padding:8px 12px!important;gap:2px!important}#main-app .sidebar-group{margin-bottom:4px!important}#main-app .sidebar-section-label{margin:0!important;padding:16px 16px 6px!important;color:var(--sidebar-section-label)!important;font-size:.6875rem!important;font-weight:600!important;letter-spacing:1px!important}#main-app .app-sidebar button.sidebar-nav-item{min-height:unset!important;padding:9px 16px!important;border-radius:8px!important;color:var(--sidebar-text)!important;font-size:.875rem!important;font-weight:500!important;gap:12px!important;background:transparent!important}#main-app .app-sidebar button.sidebar-nav-item:hover{background:var(--sidebar-hover-bg)!important;color:var(--sidebar-text-active)!important}#main-app .app-sidebar button.sidebar-nav-item.active{background:rgba(var(--sidebar-accent-rgb),.15)!important;color:var(--sidebar-accent)!important;font-weight:600!important}#main-app .sidebar-nav-item.active i{color:var(--sidebar-accent)!important}#main-app .sidebar-help{margin-top:0!important;padding:8px 12px!important;border-top:1px solid var(--sidebar-border)!important}#main-app .sidebar-help-btn{min-height:unset!important;padding:9px 16px!important;border-radius:8px!important;font-weight:500!important}#main-app .sidebar-footer{padding:12px 16px!important;border-top:1px solid var(--sidebar-border)!important;display:flex!important;gap:12px!important}#main-app .sidebar-user-info{min-height:0!important;padding:6px 8px!important;background:transparent!important}#main-app .sidebar-user-avatar{width:32px!important;height:32px!important;border-radius:50%!important}#main-app .app-header{height:64px!important;padding:0 24px!important;background:var(--shell-header-bg, var(--bg-surface-2))!important;border-bottom:1px solid var(--shell-header-border, var(--border-color))!important;color:var(--shell-header-text, var(--text-primary))!important;gap:16px!important;box-shadow:none!important}#main-app .header-left{flex:0 0 auto!important;min-width:0!important;gap:0!important}#main-app .desktop-page-title{display:block!important;max-width:100%}#main-app .desktop-page-title h1{font-size:1.28rem!important;line-height:1!important;font-weight:800!important;letter-spacing:0!important;color:var(--shell-header-text, var(--text-primary))!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap}#main-app .sub-nav-container{margin-left:0!important;height:100%!important;padding-left:6px!important;border-left:0!important;flex:1 1 auto!important;min-width:0!important}#main-app .sub-nav{height:100%!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;gap:6px!important;align-items:center!important;overflow-x:auto!important;scrollbar-width:none!important}#main-app .sub-nav::-webkit-scrollbar{display:none!important}#main-app .sub-nav-btn{position:relative!important;height:36px!important;min-height:0!important;max-width:260px!important;padding:0 11px!important;border-radius:8px!important;border:0!important;color:var(--shell-header-muted, var(--text-secondary))!important;font-size:.8125rem!important;font-weight:700!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;overflow:hidden!important;text-overflow:ellipsis!important}#main-app .sub-nav-btn[style*="display: none"]{display:none!important}#main-app .sub-nav-btn:hover{background:var(--shell-subnav-hover-bg, var(--bg-hover))!important;color:var(--shell-header-text, var(--text-primary))!important}#main-app .sub-nav-btn:after{content:""!important;position:absolute!important;right:0!important;bottom:4px!important;left:0!important;height:2px!important;border-radius:999px 999px 0 0!important;background:transparent!important}#main-app .sub-nav-btn.active,#main-app .sub-nav-btn[aria-selected=true]{color:var(--sidebar-accent)!important;background:var(--shell-subnav-active-bg, rgba(var(--sidebar-accent-rgb), .1))!important;font-weight:750!important}#main-app .sub-nav-btn.active:after,#main-app .sub-nav-btn[aria-selected=true]:after{background:var(--sidebar-accent)!important}#main-app .sub-nav-btn span:not(.sub-nav-count-badge){min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1!important}#main-app .sub-nav-btn i{flex:0 0 auto!important;color:inherit!important;font-size:15px!important;line-height:1!important;opacity:.85!important}#main-app .sub-nav-btn.active i,#main-app .sub-nav-btn[aria-selected=true] i{opacity:1!important}#main-app .header-user{flex:0 0 auto!important;gap:8px!important;min-width:0!important}#main-app .header-icon-btn,#main-app .notification-bell-btn,#main-app .profile-dropdown-trigger{border:1px solid var(--shell-action-border, var(--shell-subnav-border, var(--border-color)))!important;border-radius:8px!important;background:var(--shell-action-bg, var(--bg-surface-2))!important;color:var(--shell-header-muted, var(--text-secondary))!important;box-shadow:none!important}#main-app .profile-dropdown-trigger{height:40px!important;min-height:40px!important;padding:0 10px 0 3px!important;gap:8px!important}#main-app .header-user-avatar{width:34px!important;height:34px!important}#main-app .notification-bell-btn i,#main-app .header-icon-btn i,#main-app .profile-dropdown-trigger i,#main-app .profile-dropdown-trigger .user-name{color:inherit!important}#main-app .header-icon-btn:hover,#main-app .notification-bell-btn:hover,#main-app .profile-dropdown-trigger:hover{background:var(--shell-action-hover-bg, var(--shell-subnav-hover-bg, var(--bg-hover)))!important;border-color:rgba(var(--sidebar-accent-rgb),.35)!important;color:var(--shell-header-text, var(--text-primary))!important}#main-app .sidebar-action-btn{border:1px solid var(--sidebar-border)!important;background:transparent!important;color:var(--sidebar-text)!important}#main-app .sidebar-action-btn:hover{background:var(--sidebar-hover-bg)!important;color:var(--sidebar-text-active)!important}#main-app .app-container{background:var(--bg-color)!important}#main-app #user-tab #user-overview-section{padding:var(--page-pad-y) var(--page-pad-x) var(--page-pad-bottom);background:var(--bg-surface-1);min-height:calc(100vh - 64px)}#main-app #user-overview-section>:not(.desktop-profile-dashboard){display:none!important}#main-app .desktop-profile-dashboard{display:grid;gap:16px;color:var(--text-primary)}#main-app .desktop-profile-hero,#main-app .desktop-profile-panel,#main-app .desktop-profile-metric{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);box-shadow:none}#main-app .desktop-profile-hero{min-height:104px;padding:18px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(90deg,rgba(var(--brand-color-rgb),.22),rgba(var(--safety-color-rgb, 232, 93, 4),.1))}#main-app .desktop-profile-eyebrow{margin-bottom:5px;color:var(--safety-fg, var(--safety-color));font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}#main-app .desktop-profile-hero h2{margin:0;color:var(--text-primary);font-size:25px;line-height:1.1;font-weight:900;letter-spacing:0}#main-app .desktop-profile-hero p{margin:9px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.35}#main-app .desktop-profile-avatar{width:74px;height:74px;flex:0 0 74px;border:0;border-radius:50%;background:var(--brand-color);color:var(--text-on-brand);display:grid;place-items:center;font-size:35px;overflow:hidden}#main-app .desktop-profile-avatar img{width:100%;height:100%;object-fit:cover}#main-app .desktop-profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#main-app .desktop-profile-metric{min-height:96px;padding:13px;display:grid;align-content:center;justify-items:start;text-align:left;color:var(--text-primary);cursor:pointer}#main-app .desktop-profile-metric span,#main-app .desktop-profile-metric small{color:var(--text-secondary);font-size:11px;font-weight:700}#main-app .desktop-profile-metric strong{margin-top:9px;color:var(--text-primary);font-size:25px;line-height:1;font-weight:900;letter-spacing:0}#main-app .desktop-profile-metric small{margin-top:7px;font-weight:500}#main-app .desktop-profile-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.95fr);gap:14px}#main-app .desktop-profile-panel{overflow:hidden}#main-app .desktop-profile-panel-head{min-height:56px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-color)}#main-app .desktop-profile-panel-head h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:900;letter-spacing:0}#main-app .desktop-profile-summary-grid{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#main-app .desktop-assessor-feedback{margin:0 14px 14px;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-2)}#main-app .desktop-assessor-feedback[hidden]{display:none!important}#main-app .desktop-assessor-feedback strong{display:block;color:var(--text-primary);font-size:13px;font-weight:900;line-height:1.25}#main-app .desktop-profile-note-card,#main-app .desktop-profile-skill-card,#main-app .desktop-profile-agenda-card{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-2)}#main-app .desktop-profile-note-card{min-height:62px;padding:12px}#main-app .desktop-profile-note-card strong,#main-app .desktop-profile-skill-card strong,#main-app .desktop-profile-agenda-card strong{display:block;color:var(--text-primary);font-size:13px;font-weight:900;line-height:1.25}#main-app .desktop-profile-note-card p,#main-app .desktop-profile-skill-card small,#main-app .desktop-profile-agenda-card small,#main-app .desktop-profile-empty,#main-app .desktop-profile-agenda-empty{margin:7px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.4}#main-app .desktop-profile-skill-grid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#main-app .desktop-profile-skill-card{min-height:52px;padding:10px}#main-app .desktop-profile-empty{grid-column:1 / -1;min-height:116px;display:grid;place-items:center;gap:12px;border:1px dashed var(--border-color);border-radius:6px;background:var(--bg-muted);text-align:center}#main-app .desktop-profile-agenda-panel{margin-top:1px}#main-app .desktop-profile-filter-row{display:flex;gap:7px;flex-wrap:wrap}#main-app .desktop-profile-filter-row button{min-height:32px;padding:0 11px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-2);color:var(--text-primary);font-weight:800;cursor:pointer}#main-app .desktop-profile-filter-row button.is-active{border-color:rgba(var(--sidebar-accent-rgb),.55);color:var(--sidebar-accent);background:var(--shell-subnav-active-bg)}#main-app .desktop-profile-agenda-board{padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#main-app .desktop-profile-agenda-column{min-height:214px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface-1);padding:10px}#main-app .desktop-profile-agenda-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}#main-app .desktop-profile-agenda-column-head strong{color:var(--text-primary);font-size:12px;font-weight:900}#main-app .desktop-profile-count{min-width:21px;height:21px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}#main-app .desktop-profile-count.is-danger{background:#b91c1c29;color:#fecaca}#main-app .desktop-profile-count.is-info{background:#0d3b663d;color:#bfdbfe}#main-app .desktop-profile-count.is-warning{background:#b453092e;color:#fed7aa}#main-app .desktop-profile-count.is-success{background:#2d6a4f38;color:#bbf7d0}#main-app .desktop-profile-agenda-items{display:grid;gap:8px}#main-app .desktop-profile-agenda-card{min-height:54px;padding:10px;text-align:left;cursor:pointer}#main-app .desktop-profile-agenda-card:hover,#main-app .desktop-profile-metric:hover,#main-app .desktop-profile-filter-row button:hover{border-color:rgba(var(--sidebar-accent-rgb),.45);background:var(--bg-hover);color:var(--text-primary)}[data-theme=light] #main-app .desktop-profile-hero{background:linear-gradient(90deg,#fff,#eaf2ff)}[data-theme=light] #main-app .desktop-profile-empty{background:#f7faff}[data-theme=light] #main-app .desktop-profile-agenda-column{background:#f8fbff}[data-theme=light] #main-app .desktop-profile-count.is-danger{background:#fde8e6;color:#bf3f3a}[data-theme=light] #main-app .desktop-profile-count.is-info{background:#e8f1ff;color:#1667cf}[data-theme=light] #main-app .desktop-profile-count.is-warning{background:#fff4d8;color:#a96f12}[data-theme=light] #main-app .desktop-profile-count.is-success{background:#e8f7ef;color:#16865d}@media(max-width:1180px){#main-app .desktop-profile-main-grid,#main-app .desktop-profile-agenda-board{grid-template-columns:1fr 1fr}#main-app .desktop-profile-summary-grid,#main-app .desktop-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media(min-width:769px){#main-app .app-container,#main-app .app-container h1,#main-app .app-container h2,#main-app .app-container h3,#main-app .app-container h4,#main-app .app-container h5,#main-app .app-container h6,#main-app .app-container strong,#main-app .stat-value,#main-app .director-risk-card strong,#main-app .director-row strong,#main-app .director-panel-head h3,#main-app .company-cockpit-head h4,#main-app .company-cockpit-row strong,#main-app .company-cockpit-action strong{color:var(--text-primary)!important}#main-app .app-container p,#main-app .app-container small,#main-app .helper-text,#main-app .text-muted,#main-app .stat-label,#main-app .director-risk-card p,#main-app .director-row small,#main-app .director-section-head p,#main-app .company-cockpit-row span,#main-app .company-cockpit-action span{color:var(--text-secondary)!important}#main-app .director-risk-card,#main-app .director-panel,#main-app .director-row,#main-app .company-cockpit-row,#main-app .company-cockpit-action,#main-app .director-chart-fake,#main-app .card,#main-app .info-card,#main-app .user-dashboard-card,#main-app .stat-card,#main-app .company-cockpit-panel,#main-app .onboarding-card,#main-app .quick-actions,#main-app .approval-card,#main-app .panel{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}#main-app .director-panel-head,#main-app .company-cockpit-head{border-bottom-color:var(--border-color)!important}#main-app .director-row>i,#main-app .company-cockpit-row i,#main-app .company-cockpit-action i{background:rgba(var(--sidebar-accent-rgb),.16)!important;color:var(--sidebar-accent)!important}#main-app .director-section-head .eyebrow{color:var(--sidebar-accent)!important}#main-app .btn-primary,#main-app button.btn-primary,#main-app .btn-primary:hover,#main-app button.btn-primary:hover{color:var(--text-on-brand)!important}#main-app .btn-secondary,#main-app button.btn-secondary{color:var(--text-primary)!important}#main-app .btn-secondary:hover,#main-app .quick-action-btn:hover,#main-app .director-row:hover,#main-app .company-cockpit-row:hover,#main-app .company-cockpit-action:hover,#main-app .approval-card:hover,#main-app .card:hover,#main-app .user-dashboard-card:hover,#main-app .stat-card:hover{background:var(--bg-hover)!important;border-color:rgba(var(--sidebar-accent-rgb),.45)!important;color:var(--text-primary)!important}}@media(max-width:768px){html,body{max-width:100%;overflow-x:hidden}#main-app.dashboard-container{width:100%;max-width:100vw;grid-template-columns:1fr!important;overflow-x:hidden}#main-app .app-header{width:100%;max-width:100vw;padding:0 0 0 12px!important;justify-content:space-between!important;gap:0!important;overflow:hidden}#main-app .header-left{flex:1 1 auto!important;width:100%;min-width:0!important;justify-content:space-between!important}#main-app .header-brand{flex:1 1 auto;min-width:0;max-width:calc(100vw - 56px);overflow:hidden}#main-app .brand-info,#main-app .header-company-name{min-width:0}#main-app .brand-info h2,#main-app .header-company-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#main-app .header-company-badge{flex:0 1 auto;min-width:0;max-width:min(42vw,160px)}#main-app .app-header .header-user{display:none!important}#main-app .mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;margin-left:auto!important;margin-right:0!important;padding:0;border:none!important;background:transparent;color:var(--text-primary);font-size:24px;flex:0 0 48px;order:99!important}#main-app .app-container,#main-app .tab-content,#main-app #user-tab,#main-app #user-overview-section{width:100%;max-width:100vw;min-width:0;box-sizing:border-box;overflow-x:hidden}body.mobile-drawer-account-only #app-sidebar #sidebar-company-brand,body.mobile-drawer-account-only #app-sidebar #sidebar-nav,body.mobile-drawer-account-only #app-sidebar #sidebar-help-link,body.mobile-drawer-account-only #app-sidebar .sidebar-group,body.mobile-drawer-account-only #app-sidebar .sidebar-nav-item{display:none!important}}@media(max-width:480px){#main-app .header-company-badge{display:none!important}}#main-app .sidebar-nav-item[hidden],#main-app .sidebar-nav-item[aria-hidden=true],#main-app .sidebar-nav-item.is-hidden,#main-app .sidebar-nav-item.hidden,#main-app .sidebar-group[hidden],#main-app .sidebar-group[aria-hidden=true],#main-app .sub-nav[hidden],#main-app .sub-nav[aria-hidden=true],#main-app .sub-nav-btn[hidden],#main-app .sub-nav-btn[aria-hidden=true],#main-app .sub-nav-btn.is-hidden,#main-app .sub-nav-btn.hidden,#main-app .sub-nav-btn[style*="display: none"],#main-app .sub-nav-btn[style*="display:none"]{display:none!important}@media(min-width:769px){#main-app .app-header{min-width:0!important}#main-app .header-left{flex:0 1 230px!important;min-width:0!important;max-width:260px!important}#main-app .desktop-page-title{min-width:0!important;max-width:100%!important}#main-app .desktop-page-title h1{font-size:1.25rem!important;line-height:1.05!important}#main-app .sub-nav-container{min-width:0!important}#main-app .sub-nav-btn{max-width:220px!important}}#main-app{--page-pad-x: 12px;--page-pad-y: 12px;--page-pad-bottom: 16px;--page-pad-x-mobile: 10px;--page-pad-y-mobile: 10px;--page-pad-bottom-mobile: calc(88px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));--section-gap: 12px;--section-gap-sm: 10px;--stack-gap: 8px;--table-cell-pad-y: 10px;--table-cell-pad-x: 12px;--card-pad: 12px;--form-max-width: 960px;--form-readable-max: 1100px}#main-app form.grid-form{width:100%!important;max-width:min(100%,var(--form-max-width))!important}#main-app .self-assessment-form{width:100%!important;max-width:min(100%,var(--form-readable-max))!important;margin:0!important}#main-app .no-company-dashboard{max-width:min(100%,var(--form-max-width))!important}#main-app .kanban-board-container{min-height:360px}#main-app .kanban-board-container:not(:empty){min-height:min(480px,70vh)}.stack-sm{margin-bottom:var(--section-gap-sm, 10px)}.stack-md{margin-bottom:var(--section-gap, 12px)}.stack-lg{margin-bottom:var(--space-4, 16px)}.stack-mt-sm{margin-top:var(--section-gap-sm, 10px)}.stack-mt-md{margin-top:var(--section-gap, 12px)}.flex-row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--stack-gap, 8px)}.flex-row-wrap-end{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--stack-gap, 8px)}.flex-row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--stack-gap, 8px)}.inset-panel-sm{padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius, 8px)}.inset-panel-muted{padding:10px 12px;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:8px}.settings-inset-panel{padding:10px 12px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.form-grid-stack{display:grid;gap:var(--section-gap-sm, 10px)}.chips-row{display:flex;flex-wrap:wrap;gap:var(--stack-gap, 8px)}.list-stack{display:flex;flex-direction:column;gap:var(--stack-gap, 8px)}.metrics-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--stack-gap, 8px);margin-bottom:var(--section-gap, 12px)}.metrics-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--section-gap, 12px);margin-bottom:var(--section-gap, 12px)}.metrics-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--section-gap, 12px);margin-bottom:var(--section-gap, 12px)}.report-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--section-gap, 12px);margin-bottom:var(--section-gap, 12px)}.report-summary-cards--md{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.report-summary-cards--sm{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.panel-head-bar{background:var(--bg-card);padding:10px 12px;border-bottom:1px solid var(--border-color)}.panel-head-bar h5{margin:0;font-size:14px}.panel-body-pad{padding:10px 12px}.panel-body-pad-muted{padding:10px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-main)}.empty-state-pad{text-align:center;padding:var(--space-4, 16px);color:var(--text-secondary)}.competency-actions{display:flex;flex-wrap:wrap;gap:var(--stack-gap, 8px);margin-bottom:var(--section-gap, 12px)}.competency-tabs{margin-bottom:var(--section-gap, 12px);border-bottom:2px solid var(--border-color)}.module-preset-bar{margin-bottom:var(--section-gap-sm, 10px)}.assessor-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--section-gap, 12px);margin-bottom:var(--section-gap, 12px)}#main-app #suspicious-stats-cards .stat-card{text-align:center}@media(max-width:1100px){.metrics-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}#main-app .app-container,#main-app .tab-content,#main-app .super-section,#main-app .company-section,#main-app .assessor-section,#main-app .hc-section,#main-app .manager-section,#main-app .tasks-section{min-width:0!important;max-width:100%!important}@media(min-width:769px){#main-app .app-container{padding:var(--page-pad-y) var(--page-pad-x) var(--page-pad-bottom)!important;overflow-x:hidden!important}#main-app .tab-content.active{display:block!important}#main-app .section-header{margin:0 0 var(--section-gap)!important;padding:0 0 var(--stack-gap)!important;border:0!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-items:center!important}#main-app .section-subheader{margin-bottom:var(--section-gap)!important}#main-app .stats-grid,#main-app .company-cockpit-grid{gap:var(--section-gap)!important;margin-bottom:var(--section-gap)!important}#main-app .company-cockpit-grid{margin-top:var(--section-gap)!important;margin-bottom:var(--section-gap)!important}#main-app .director-cockpit{gap:var(--section-gap)!important;margin-bottom:var(--section-gap)!important}#main-app .section-header h2,#main-app .section-header h3,#main-app .section-header h4,#main-app .section-subheader h3,#main-app .section-toolbar h5{text-align:left!important;min-width:0!important;max-width:100%!important}#main-app .section-header-actions{margin-left:auto!important;justify-content:flex-end!important}#main-app .section-header h2{font-size:1.125rem!important;line-height:1.2!important}#main-app .section-header h3,#main-app .section-header h4{font-size:1rem!important;line-height:1.25!important;font-weight:700!important}}@media(min-width:1280px){#main-app.dashboard-container{grid-template-columns:var(--sidebar-width-desktop-wide) minmax(0,1fr)!important}#main-app .app-sidebar{min-width:var(--sidebar-width-desktop-wide)!important}}#main-app .section-header,#main-app .section-header-actions,#main-app .section-subheader,#main-app .section-toolbar,#main-app .section-toolbar-left,#main-app .section-toolbar-right{flex-wrap:wrap!important}#main-app .section-toolbar input,#main-app .section-toolbar select,#main-app .section-toolbar textarea,#main-app .section-header-actions input,#main-app .section-header-actions select,#main-app .section-header-actions textarea{min-width:0!important;max-width:100%!important}#main-app .sub-nav-secondary{padding:6px 8px!important;margin-bottom:var(--section-gap-sm)!important;overflow-x:auto!important;scrollbar-width:thin!important;min-width:0!important;max-width:100%!important}#main-app .sub-nav-btn-secondary{max-width:240px!important;overflow:hidden!important;text-overflow:ellipsis!important}#main-app .table-wrapper,#main-app .responsive-table-wrapper,#main-app .table-responsive,#main-app .data-table-wrapper,#main-app .employee-table-wrapper{max-width:100%!important;overflow-x:auto!important}#main-app .card .table-wrapper,#main-app .panel .table-wrapper,#main-app .settings-card .table-wrapper,#main-app .company-cockpit-panel .table-wrapper,#main-app .director-panel .table-wrapper,#main-app .approval-card .table-wrapper,#main-app .form-section-card .table-wrapper,#main-app .info-card .table-wrapper,#main-app .user-dashboard-card .table-wrapper,#main-app .onboarding-card .table-wrapper{border:none!important;border-radius:0!important;box-shadow:none!important}#main-app table{max-width:100%}#main-app th,#main-app td{padding:var(--table-cell-pad-y) var(--table-cell-pad-x)!important}@media(min-width:769px){#main-app .stat-card{min-height:92px;padding:var(--card-pad)!important;gap:var(--stack-gap)!important}#main-app .filter-bar,#main-app .user-filter-bar,#main-app .attendance-filter-bar,#main-app .tasks-filter-bar,#main-app .employee-filter-bar{gap:var(--stack-gap)!important;margin-bottom:var(--section-gap-sm)!important}#main-app .attendance-filter-bar,#main-app .compact-toolbar.attendance-filter-bar{padding:10px 12px!important}}#main-app .card,#main-app .settings-card,#main-app .user-dashboard-card,#main-app .stat-card,#main-app .chart-card,#main-app .form-section-card,#main-app .company-info-card,#main-app .company-cockpit-panel,#main-app .director-panel,#main-app .approval-card,#main-app .panel{min-width:0!important;max-width:100%!important}#main-app img,#main-app canvas,#main-app svg,#main-app video{max-width:100%}@media(max-width:768px){#main-app .app-container{padding:var(--page-pad-y-mobile) var(--page-pad-x-mobile) var(--page-pad-bottom-mobile)!important}#main-app .section-header,#main-app .section-subheader,#main-app .section-toolbar{align-items:stretch!important;gap:10px!important}#main-app .section-header{margin-bottom:var(--section-gap)!important;padding-bottom:var(--stack-gap)!important}#main-app .section-subheader{margin-bottom:var(--section-gap-sm)!important}#main-app .stats-grid{gap:var(--stack-gap)!important;margin-bottom:var(--section-gap-sm)!important}#main-app .section-header-actions,#main-app .section-toolbar-left,#main-app .section-toolbar-right{width:100%!important;justify-content:flex-start!important}#main-app .sub-nav-secondary{flex-wrap:nowrap!important;padding:6px!important;margin-bottom:var(--section-gap-sm)!important}#main-app .sub-nav-btn-secondary{flex:0 0 auto!important;max-width:72vw!important}}#main-app .btn-primary,#main-app .btn-secondary,#main-app .btn-danger,#main-app .btn-warning,#main-app .btn-outline,#main-app .btn-outline-secondary,#main-app .btn-danger-outline,#main-app .btn-export,#main-app .btn-view-profile,#main-app .btn-contact,#main-app .btn-shortlist,#main-app .btn-quick,#main-app .modal-actions button,#main-app .form-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;max-width:100%!important;min-height:40px!important;border-radius:8px!important;font-size:.875rem!important;line-height:1.2!important;font-weight:700!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important}#main-app .btn-sm,#main-app .btn-group-sm .btn,#main-app .column-toggle-btn{min-height:32px!important;padding:6px 10px!important;font-size:.8125rem!important;border-radius:7px!important}#main-app .btn-xs{min-height:28px!important;padding:4px 8px!important;font-size:.75rem!important;border-radius:6px!important}#main-app .btn-icon,#main-app .header-icon-btn,#main-app .notification-bell-btn,#main-app .sidebar-action-btn,#main-app .formula-tooltip-btn{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border-radius:8px!important;line-height:1!important}#main-app .btn-primary i,#main-app .btn-secondary i,#main-app .btn-danger i,#main-app .btn-warning i,#main-app .btn-outline i,#main-app .btn-outline-secondary i,#main-app .btn-danger-outline i,#main-app .btn-export i,#main-app .btn-icon i{flex:0 0 auto!important;line-height:1!important}#main-app .sub-nav-btn,#main-app .sub-nav-btn-secondary,#main-app .payment-tab{min-width:0!important;line-height:1.2!important;text-align:center!important}#main-app .sub-nav-btn span:not(.sub-nav-count-badge),#main-app .sub-nav-btn-secondary span,#main-app .payment-tab span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#main-app .card,#main-app .settings-card,#main-app .user-dashboard-card,#main-app .chart-card,#main-app .recent-activity-card,#main-app .form-section-card,#main-app .company-info-card,#main-app .brand-preview-card,#main-app .org-preview-card,#main-app .detail-card,#main-app .talent-search-card,#main-app .recruitment-panel,#main-app .director-panel,#main-app .company-cockpit-panel,#main-app .approval-card,#main-app .panel{border:1px solid var(--border-color)!important;border-radius:8px!important;background:var(--bg-card)!important;box-shadow:none!important}#main-app .settings-card-header,#main-app .card-header,#main-app .user-card-header,#main-app .detail-card-header,#main-app .form-section-header,#main-app .table-header-row{min-width:0!important;max-width:100%!important;gap:10px!important}#main-app .settings-card-header h5,#main-app .card-header h3,#main-app .user-card-header h3,#main-app .detail-card-header,#main-app .form-section-header,#main-app .table-header-row h3{margin:0!important;min-width:0!important;color:var(--text-primary)!important;font-size:.9375rem!important;line-height:1.25!important;font-weight:700!important;letter-spacing:0!important;text-align:left!important}#main-app .form-control,#main-app .form-select,#main-app .search-input-field,#main-app .form-field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),#main-app .form-field select,#main-app .form-field textarea,#main-app .form-group input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),#main-app .form-group select,#main-app .form-group textarea,#main-app .section-toolbar input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),#main-app .section-toolbar select,#main-app .section-toolbar textarea,#main-app .settings-card input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),#main-app .settings-card select,#main-app .settings-card textarea{min-width:0!important;max-width:100%!important;min-height:40px!important;border:1px solid var(--border-color)!important;border-radius:8px!important;background:var(--bg-input, var(--bg-card))!important;color:var(--text-primary)!important;font-size:.875rem!important;line-height:1.35!important}#main-app textarea.form-control,#main-app .form-field textarea,#main-app .form-group textarea,#main-app .settings-card textarea{min-height:88px!important;resize:vertical!important}#main-app input:focus,#main-app select:focus,#main-app textarea:focus{outline:none!important;border-color:var(--sidebar-accent, var(--brand-color))!important;box-shadow:0 0 0 3px rgba(var(--sidebar-accent-rgb, 232, 93, 4),.16)!important}#main-app input[type=checkbox]:not(.module-switch),#main-app input[type=radio]{flex:0 0 auto!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:0!important;max-width:16px!important;padding:0!important;border:none!important;margin:0!important;transform:none!important;box-shadow:none!important;background:transparent!important;accent-color:var(--sidebar-accent, var(--brand-color))}#main-app input.module-switch[type=checkbox]{width:0!important;height:0!important;min-width:0!important;max-width:0!important;padding:0!important;border:none!important}#main-app .form-actions,#main-app .modal-actions,#main-app .bulk-import-actions,#main-app .bulk-action-toolbar,#main-app .table-header-row,#main-app .section-toolbar,#main-app .section-header-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}#main-app .form-actions,#main-app .bulk-action-toolbar{border:1px solid var(--border-color)!important;border-radius:8px!important;background:var(--bg-card)!important;box-shadow:none!important}#main-app .data-table{border-collapse:separate!important;border-spacing:0!important;color:var(--text-primary)!important;font-size:.8125rem!important}#main-app .data-table th,#main-app .data-table td,#main-app .compact-table th,#main-app .compact-table td{padding:10px 12px!important;line-height:1.35!important;vertical-align:middle!important}#main-app .data-table th{color:var(--text-secondary)!important;font-size:.6875rem!important;font-weight:800!important;letter-spacing:.04em!important}#main-app .actions,#main-app td.actions,#main-app .user-doc-item-actions,#main-app .assessor-row-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}#main-app .badge,#main-app .badge-sm,#main-app .company-badge,#main-app .skill-badge,#main-app .privacy-badge,#main-app .insight-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;max-width:100%!important;border-radius:999px!important;line-height:1.25!important;font-weight:700!important;white-space:nowrap!important;vertical-align:middle!important}#main-app .badge,#main-app .company-badge,#main-app .skill-badge,#main-app .privacy-badge,#main-app .insight-badge{min-height:24px!important;padding:3px 10px!important;font-size:.75rem!important}#main-app .badge-sm{min-height:20px!important;padding:2px 8px!important;font-size:.6875rem!important}@media(max-width:768px){#main-app .btn-primary,#main-app .btn-secondary,#main-app .btn-danger,#main-app .btn-warning,#main-app .btn-outline,#main-app .btn-outline-secondary,#main-app .btn-danger-outline,#main-app .btn-export,#main-app .btn-view-profile,#main-app .btn-contact,#main-app .btn-shortlist,#main-app .btn-quick,#main-app .modal-actions button,#main-app .form-actions button{min-height:44px!important;white-space:normal!important;overflow-wrap:anywhere!important}#main-app .form-control,#main-app .form-select,#main-app .search-input-field,#main-app .form-field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),#main-app .form-field select,#main-app .form-field textarea,#main-app .form-group input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),#main-app .form-group select,#main-app .form-group textarea,#main-app .section-toolbar input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),#main-app .section-toolbar select,#main-app .section-toolbar textarea,#main-app .settings-card input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),#main-app .settings-card select,#main-app .settings-card textarea{min-height:44px!important;font-size:1rem!important}#main-app .form-actions,#main-app .modal-actions,#main-app .bulk-import-actions,#main-app .bulk-action-toolbar,#main-app .table-header-row{align-items:stretch!important}#main-app .form-actions>*,#main-app .modal-actions>*,#main-app .bulk-import-actions>*,#main-app .bulk-action-toolbar>*{min-width:0!important}}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-banner{position:fixed;bottom:calc(88px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));right:16px;left:auto;max-width:min(360px,calc(100vw - 32px));margin:0;background:linear-gradient(135deg,var(--bg-surface-2, #111827),var(--bg-surface-1, #0f172a));border:1px solid var(--brand-color, #0D3B66);border-radius:12px;padding:12px 16px;z-index:9998;box-shadow:0 4px 20px #0d3b663d;animation:slideUp .3s ease}.pwa-install-banner-ios{padding:14px 16px}.pwa-banner-content{display:flex;align-items:center;gap:12px}.pwa-banner-content-ios,.pwa-banner-content-android{flex-direction:column;align-items:stretch}.pwa-banner-ios-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.pwa-banner-icon{width:40px;height:40px;background:var(--brand-color, #0D3B66);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-banner-icon i{font-size:20px;color:var(--text-on-brand, #ffffff)}.pwa-banner-text{flex:1;min-width:0}.pwa-banner-text strong{display:block;color:var(--text-primary, #e0e0e0);font-size:14px}.pwa-banner-text span{display:block;color:var(--text-secondary, #a0a0a0);font-size:12px}.pwa-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-install-btn{background:var(--brand-color, #0D3B66);color:var(--text-on-brand, #ffffff);border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:transform .2s}.pwa-install-btn:hover{transform:scale(1.05)}.pwa-dismiss-btn{background:transparent;border:none;color:var(--text-secondary, #a0a0a0);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pwa-dismiss-btn:hover{color:var(--text-primary, #e0e0e0)}.ios-install-steps,.android-install-steps{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#0d3b6614;border-radius:8px}.android-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary, #e0e0e0);line-height:1.4}.android-step-num{width:22px;height:22px;min-width:22px;background:var(--brand-color, #0D3B66);color:var(--text-on-brand, #ffffff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ios-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary, #e0e0e0);line-height:1.4}.ios-step-num{width:22px;height:22px;min-width:22px;background:var(--brand-color, #0D3B66);color:var(--text-on-brand, #ffffff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ios-safari-warning{margin-top:10px;padding:8px 12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:12px;color:#f59e0b;text-align:center}.pwa-update-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--brand-color, #3b82f6);color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 4px 20px #00000040;display:flex;align-items:center;gap:12px;z-index:99999;font-size:.9rem;max-width:90vw;animation:slideUp .3s ease}.pwa-update-btn{background:#fff;color:var(--brand-fg, var(--brand-color, #3b82f6));border:none;padding:6px 16px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.85rem;white-space:nowrap}.pwa-update-dismiss-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:0 4px;opacity:.8}.p-icon{display:inline-block;width:1.25em;height:1.25em;flex-shrink:0;vertical-align:-.125em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;font-style:normal;font-weight:400;line-height:1;speak:never}.p-icon:before{content:none!important}.sidebar-nav-item .p-icon{width:22px;height:22px;opacity:.9}.sidebar-nav-item:hover .p-icon,.sidebar-nav-item.active .p-icon{opacity:1}.sidebar-nav-item.active .p-icon{color:var(--sidebar-accent)}.bottom-nav-item .p-icon{width:28px;height:28px}.sub-nav-btn .p-icon,.bc-nav-btn .p-icon{width:1.1em;height:1.1em;margin-right:.2em}.sidebar-help-btn .p-icon,.sidebar-user-menu-item .p-icon,.sidebar-action-btn .p-icon{width:1.15em;height:1.15em}.header-icon-btn .p-icon,.notification-bell-btn .p-icon,.mobile-menu-btn .p-icon{width:1.35em;height:1.35em}.package-module-tag .p-icon,.module-grid-item .p-icon,.module-toggle-item .p-icon{width:1.1em;height:1.1em;margin-right:.15em;vertical-align:-.15em}.p-icon-agenda{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='15'%20rx='2'/%3e%3cpath%20d='M8%203v4M16%203v4M4%2010h16'/%3e%3cpath%20d='M9%2014l2%202%204-4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='15'%20rx='2'/%3e%3cpath%20d='M8%203v4M16%203v4M4%2010h16'/%3e%3cpath%20d='M9%2014l2%202%204-4'/%3e%3c/svg%3e")}.p-icon-analytics{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2018h16M6%2014l4-4%203%203%205-6'/%3e%3cpath%20d='M15%207h3v3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2018h16M6%2014l4-4%203%203%205-6'/%3e%3cpath%20d='M15%207h3v3'/%3e%3c/svg%3e")}.p-icon-applications{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2012.5%2012%206l7%206.5'/%3e%3cpath%20d='M8%2011v8h8v-8'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2012.5%2012%206l7%206.5'/%3e%3cpath%20d='M8%2011v8h8v-8'/%3e%3c/svg%3e")}.p-icon-approval{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='m8.5%2012.5%202.5%202.5%204.5-5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='m8.5%2012.5%202.5%202.5%204.5-5'/%3e%3c/svg%3e")}.p-icon-assessment{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2019V11M12%2019V7M18%2019v-5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2019V11M12%2019V7M18%2019v-5'/%3e%3c/svg%3e")}.p-icon-attendance{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='M12%207.5V12l3%202'/%3e%3ccircle%20cx='17.5'%20cy='17.5'%20r='2.2'/%3e%3cpath%20d='M17.5%2016.3v1.2h1'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='M12%207.5V12l3%202'/%3e%3ccircle%20cx='17.5'%20cy='17.5'%20r='2.2'/%3e%3cpath%20d='M17.5%2016.3v1.2h1'/%3e%3c/svg%3e")}.p-icon-bell{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6.5%2016.5h11M7%2016.5V11a5%205%200%200%201%2010%200v5.5M10%2016.5a2%202%200%200%200%204%200'/%3e%3cpath%20d='M12%204v1.2'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6.5%2016.5h11M7%2016.5V11a5%205%200%200%201%2010%200v5.5M10%2016.5a2%202%200%200%200%204%200'/%3e%3cpath%20d='M12%204v1.2'/%3e%3c/svg%3e")}.p-icon-briefcase{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='8'%20width='14'%20height='11'%20rx='1.5'/%3e%3cpath%20d='M9%208V6.5A1.5%201.5%200%200%201%2010.5%205h3A1.5%201.5%200%200%201%2015%206.5V8M5%2013h14'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='8'%20width='14'%20height='11'%20rx='1.5'/%3e%3cpath%20d='M9%208V6.5A1.5%201.5%200%200%201%2010.5%205h3A1.5%201.5%200%200%201%2015%206.5V8M5%2013h14'/%3e%3c/svg%3e")}.p-icon-bug{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M9%209h6v7a3%203%200%200%201-6%200V9z'/%3e%3cpath%20d='M9%2011H5.5M15%2011h3.5M9%2015H6M15%2015h3M12%206v3M8%206l2%202M16%206l-2%202'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M9%209h6v7a3%203%200%200%201-6%200V9z'/%3e%3cpath%20d='M9%2011H5.5M15%2011h3.5M9%2015H6M15%2015h3M12%206v3M8%206l2%202M16%206l-2%202'/%3e%3c/svg%3e")}.p-icon-buildings{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2020h16M6%2020V7l6-3%206%203v13M10%2010h1M13%2010h1M10%2014h1M13%2014h1M10%2017h4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2020h16M6%2020V7l6-3%206%203v13M10%2010h1M13%2010h1M10%2014h1M13%2014h1M10%2017h4'/%3e%3c/svg%3e")}.p-icon-calendar-check{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='15'%20rx='2'/%3e%3cpath%20d='M8%203v4M16%203v4M4%2010h16'/%3e%3cpath%20d='M9%2014l2%202%204-4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='15'%20rx='2'/%3e%3cpath%20d='M8%203v4M16%203v4M4%2010h16'/%3e%3cpath%20d='M9%2014l2%202%204-4'/%3e%3c/svg%3e")}.p-icon-calendar-x{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='15'%20rx='2'/%3e%3cpath%20d='M8%203v4M16%203v4M4%2010h16M9%2015l6-6M15%2015%209%209'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='15'%20rx='2'/%3e%3cpath%20d='M8%203v4M16%203v4M4%2010h16M9%2015l6-6M15%2015%209%209'/%3e%3c/svg%3e")}.p-icon-caret-up{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m8%2014%204-4%204%204'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m8%2014%204-4%204%204'/%3e%3c/svg%3e")}.p-icon-chart-bar{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2019V11M12%2019V7M18%2019v-5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2019V11M12%2019V7M18%2019v-5'/%3e%3c/svg%3e")}.p-icon-chart-line{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2018h16M6%2014l4-4%203%203%205-6'/%3e%3cpath%20d='M15%207h3v3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2018h16M6%2014l4-4%203%203%205-6'/%3e%3cpath%20d='M15%207h3v3'/%3e%3c/svg%3e")}.p-icon-chart-line-up{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2018h16M6%2014l4-4%203%203%205-6'/%3e%3cpath%20d='M15%207h3v3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2018h16M6%2014l4-4%203%203%205-6'/%3e%3cpath%20d='M15%207h3v3'/%3e%3c/svg%3e")}.p-icon-chart-pie-slice{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%204a8%208%200%201%200%208%208h-8V4z'/%3e%3cpath%20d='M13.5%204.2A8%208%200%200%201%2019.8%2010.5H13.5V4.2z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%204a8%208%200%201%200%208%208h-8V4z'/%3e%3cpath%20d='M13.5%204.2A8%208%200%200%201%2019.8%2010.5H13.5V4.2z'/%3e%3c/svg%3e")}.p-icon-check-circle{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='m8.5%2012.5%202.5%202.5%204.5-5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='m8.5%2012.5%202.5%202.5%204.5-5'/%3e%3c/svg%3e")}.p-icon-clipboard-text{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='6'%20y='4'%20width='12'%20height='16'%20rx='1.5'/%3e%3cpath%20d='M9%208h6M9%2012h6M9%2016h4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='6'%20y='4'%20width='12'%20height='16'%20rx='1.5'/%3e%3cpath%20d='M9%208h6M9%2012h6M9%2016h4'/%3e%3c/svg%3e")}.p-icon-clock-user{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='11'%20cy='11'%20r='7'/%3e%3cpath%20d='M11%207.5V11l2.5%201.5'/%3e%3ccircle%20cx='17'%20cy='17'%20r='2.5'/%3e%3cpath%20d='M17%2015.8v1.2h1'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='11'%20cy='11'%20r='7'/%3e%3cpath%20d='M11%207.5V11l2.5%201.5'/%3e%3ccircle%20cx='17'%20cy='17'%20r='2.5'/%3e%3cpath%20d='M17%2015.8v1.2h1'/%3e%3c/svg%3e")}.p-icon-company{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2020h16M6%2020V7l6-3%206%203v13M10%2010h1M13%2010h1M10%2014h1M13%2014h1M10%2017h4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2020h16M6%2020V7l6-3%206%203v13M10%2010h1M13%2010h1M10%2014h1M13%2014h1M10%2017h4'/%3e%3c/svg%3e")}.p-icon-contracts{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%203.5h7l4%204V20.5H7V3.5z'/%3e%3cpath%20d='M14%203.5v4h4M10%2012h5M10%2015h4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%203.5h7l4%204V20.5H7V3.5z'/%3e%3cpath%20d='M14%203.5v4h4M10%2012h5M10%2015h4'/%3e%3c/svg%3e")}.p-icon-dashboard{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='4'%20width='7'%20height='7'%20rx='1.2'/%3e%3crect%20x='13'%20y='4'%20width='7'%20height='7'%20rx='1.2'/%3e%3crect%20x='4'%20y='13'%20width='7'%20height='7'%20rx='1.2'/%3e%3crect%20x='13'%20y='13'%20width='7'%20height='7'%20rx='1.2'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='4'%20width='7'%20height='7'%20rx='1.2'/%3e%3crect%20x='13'%20y='4'%20width='7'%20height='7'%20rx='1.2'/%3e%3crect%20x='4'%20y='13'%20width='7'%20height='7'%20rx='1.2'/%3e%3crect%20x='13'%20y='13'%20width='7'%20height='7'%20rx='1.2'/%3e%3c/svg%3e")}.p-icon-documents{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%204h7l4%204v12H7V4z'/%3e%3cpath%20d='M14%204v4h4M10%2012h5M10%2015h5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%204h7l4%204v12H7V4z'/%3e%3cpath%20d='M14%204v4h4M10%2012h5M10%2015h5'/%3e%3c/svg%3e")}.p-icon-edit{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M13.5%205.5%2018%2010M5%2019l1.2-4.5L15.5%205.2a1.5%201.5%200%200%201%202.1%200l1.2%201.2a1.5%201.5%200%200%201%200%202.1L9.5%2017.8%205%2019z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M13.5%205.5%2018%2010M5%2019l1.2-4.5L15.5%205.2a1.5%201.5%200%200%201%202.1%200l1.2%201.2a1.5%201.5%200%200%201%200%202.1L9.5%2017.8%205%2019z'/%3e%3c/svg%3e")}.p-icon-employees{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='9'%20cy='9'%20r='2.8'/%3e%3ccircle%20cx='16.5'%20cy='10'%20r='2.2'/%3e%3cpath%20d='M3.5%2019c.8-3%202.8-4.5%205.5-4.5s4.7%201.5%205.5%204.5M14%2019c.5-1.8%201.8-2.8%203.5-2.8%201.2%200%202.2.5%202.8%201.3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='9'%20cy='9'%20r='2.8'/%3e%3ccircle%20cx='16.5'%20cy='10'%20r='2.2'/%3e%3cpath%20d='M3.5%2019c.8-3%202.8-4.5%205.5-4.5s4.7%201.5%205.5%204.5M14%2019c.5-1.8%201.8-2.8%203.5-2.8%201.2%200%202.2.5%202.8%201.3'/%3e%3c/svg%3e")}.p-icon-file-text{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%203.5h7l4%204V20.5H7V3.5z'/%3e%3cpath%20d='M14%203.5v4h4M10%2012h5M10%2015h4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%203.5h7l4%204V20.5H7V3.5z'/%3e%3cpath%20d='M14%203.5v4h4M10%2012h5M10%2015h4'/%3e%3c/svg%3e")}.p-icon-files{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%204h7l4%204v12H7V4z'/%3e%3cpath%20d='M14%204v4h4M10%2012h5M10%2015h5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%204h7l4%204v12H7V4z'/%3e%3cpath%20d='M14%204v4h4M10%2012h5M10%2015h5'/%3e%3c/svg%3e")}.p-icon-gear{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3cpath%20d='M12%203.5v2.2M12%2018.3v2.2M4.9%206.5l1.6%201.6M17.5%2015.9l1.6%201.6M3.5%2012h2.2M18.3%2012h2.2M4.9%2017.5l1.6-1.6M17.5%208.1l1.6-1.6'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3cpath%20d='M12%203.5v2.2M12%2018.3v2.2M4.9%206.5l1.6%201.6M17.5%2015.9l1.6%201.6M3.5%2012h2.2M18.3%2012h2.2M4.9%2017.5l1.6-1.6M17.5%208.1l1.6-1.6'/%3e%3c/svg%3e")}.p-icon-graduation-cap{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M3%209.5%2012%205l9%204.5-9%204.5L3%209.5z'/%3e%3cpath%20d='M7%2012v4.5c0%201.5%202.2%203%205%203s5-1.5%205-3V12'/%3e%3cpath%20d='M21%2010v6'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M3%209.5%2012%205l9%204.5-9%204.5L3%209.5z'/%3e%3cpath%20d='M7%2012v4.5c0%201.5%202.2%203%205%203s5-1.5%205-3V12'/%3e%3cpath%20d='M21%2010v6'/%3e%3c/svg%3e")}.p-icon-hard-hat{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2014.5h14v2.5H5z'/%3e%3cpath%20d='M6.5%2014.5c0-3.6%202.3-6.5%205.5-6.5s5.5%202.9%205.5%206.5'/%3e%3cpath%20d='M12%208V6M4%2017.5h16'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2014.5h14v2.5H5z'/%3e%3cpath%20d='M6.5%2014.5c0-3.6%202.3-6.5%205.5-6.5s5.5%202.9%205.5%206.5'/%3e%3cpath%20d='M12%208V6M4%2017.5h16'/%3e%3c/svg%3e")}.p-icon-hardhat{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2014.5h14v2.5H5z'/%3e%3cpath%20d='M6.5%2014.5c0-3.6%202.3-6.5%205.5-6.5s5.5%202.9%205.5%206.5'/%3e%3cpath%20d='M12%208V6M4%2017.5h16'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M5%2014.5h14v2.5H5z'/%3e%3cpath%20d='M6.5%2014.5c0-3.6%202.3-6.5%205.5-6.5s5.5%202.9%205.5%206.5'/%3e%3cpath%20d='M12%208V6M4%2017.5h16'/%3e%3c/svg%3e")}.p-icon-hc{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='8'%20cy='9'%20r='2.5'/%3e%3ccircle%20cx='16'%20cy='9'%20r='2.5'/%3e%3ccircle%20cx='12'%20cy='15'%20r='2.5'/%3e%3cpath%20d='M3.5%2019c.6-2.2%202.4-3.5%204.5-3.5M15.5%2015.5c2.1%200%203.9%201.3%204.5%203.5M9%2019c.5-1.5%201.7-2.5%203-2.5s2.5%201%203%202.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='8'%20cy='9'%20r='2.5'/%3e%3ccircle%20cx='16'%20cy='9'%20r='2.5'/%3e%3ccircle%20cx='12'%20cy='15'%20r='2.5'/%3e%3cpath%20d='M3.5%2019c.6-2.2%202.4-3.5%204.5-3.5M15.5%2015.5c2.1%200%203.9%201.3%204.5%203.5M9%2019c.5-1.5%201.7-2.5%203-2.5s2.5%201%203%202.5'/%3e%3c/svg%3e")}.p-icon-help{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='M9.5%209.5a2.5%202.5%200%201%201%203.7%202.2c-.8.5-1.2%201-1.2%202'/%3e%3ccircle%20cx='12'%20cy='16.5'%20r='.7'%20fill='%23000'%20stroke='none'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='M9.5%209.5a2.5%202.5%200%201%201%203.7%202.2c-.8.5-1.2%201-1.2%202'/%3e%3ccircle%20cx='12'%20cy='16.5'%20r='.7'%20fill='%23000'%20stroke='none'/%3e%3c/svg%3e")}.p-icon-history{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='6'%20y='4'%20width='12'%20height='16'%20rx='1.5'/%3e%3cpath%20d='M9%208h6M9%2012h6M9%2016h4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='6'%20y='4'%20width='12'%20height='16'%20rx='1.5'/%3e%3cpath%20d='M9%208h6M9%2012h6M9%2016h4'/%3e%3c/svg%3e")}.p-icon-home{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2010.5%2012%204l8%206.5V20a1%201%200%200%201-1%201h-5v-6H10v6H5a1%201%200%200%201-1-1v-9.5z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2010.5%2012%204l8%206.5V20a1%201%200%200%201-1%201h-5v-6H10v6H5a1%201%200%200%201-1-1v-9.5z'/%3e%3c/svg%3e")}.p-icon-house{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2010.5%2012%204l8%206.5V20a1%201%200%200%201-1%201h-5v-6H10v6H5a1%201%200%200%201-1-1v-9.5z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2010.5%2012%204l8%206.5V20a1%201%200%200%201-1%201h-5v-6H10v6H5a1%201%200%200%201-1-1v-9.5z'/%3e%3c/svg%3e")}.p-icon-hr{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='4'%20width='14'%20height='16'%20rx='1.5'/%3e%3ccircle%20cx='12'%20cy='10'%20r='2.3'/%3e%3cpath%20d='M8.5%2017c.7-1.6%202-2.4%203.5-2.4s2.8.8%203.5%202.4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='4'%20width='14'%20height='16'%20rx='1.5'/%3e%3ccircle%20cx='12'%20cy='10'%20r='2.3'/%3e%3cpath%20d='M8.5%2017c.7-1.6%202-2.4%203.5-2.4s2.8.8%203.5%202.4'/%3e%3c/svg%3e")}.p-icon-id-badge{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='3.5'%20width='14'%20height='17'%20rx='1.5'/%3e%3ccircle%20cx='12'%20cy='10'%20r='2.3'/%3e%3cpath%20d='M8.5%2017c.7-1.6%202-2.4%203.5-2.4s2.8.8%203.5%202.4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='3.5'%20width='14'%20height='17'%20rx='1.5'/%3e%3ccircle%20cx='12'%20cy='10'%20r='2.3'/%3e%3cpath%20d='M8.5%2017c.7-1.6%202-2.4%203.5-2.4s2.8.8%203.5%202.4'/%3e%3c/svg%3e")}.p-icon-identification-badge{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='3.5'%20width='14'%20height='17'%20rx='1.5'/%3e%3ccircle%20cx='12'%20cy='10'%20r='2.3'/%3e%3cpath%20d='M8.5%2017c.7-1.6%202-2.4%203.5-2.4s2.8.8%203.5%202.4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='3.5'%20width='14'%20height='17'%20rx='1.5'/%3e%3ccircle%20cx='12'%20cy='10'%20r='2.3'/%3e%3cpath%20d='M8.5%2017c.7-1.6%202-2.4%203.5-2.4s2.8.8%203.5%202.4'/%3e%3c/svg%3e")}.p-icon-inbox{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%207.5h16v11H4v-11z'/%3e%3cpath%20d='M4%2013h4.2c.6%201.6%202%202.6%203.8%202.6s3.2-1%203.8-2.6H20'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%207.5h16v11H4v-11z'/%3e%3cpath%20d='M4%2013h4.2c.6%201.6%202%202.6%203.8%202.6s3.2-1%203.8-2.6H20'/%3e%3c/svg%3e")}.p-icon-jobs{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='8'%20width='14'%20height='11'%20rx='1.5'/%3e%3cpath%20d='M9%208V6.5A1.5%201.5%200%200%201%2010.5%205h3A1.5%201.5%200%200%201%2015%206.5V8M5%2013h14'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='5'%20y='8'%20width='14'%20height='11'%20rx='1.5'/%3e%3cpath%20d='M9%208V6.5A1.5%201.5%200%200%201%2010.5%205h3A1.5%201.5%200%200%201%2015%206.5V8M5%2013h14'/%3e%3c/svg%3e")}.p-icon-kanban{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='4.5'%20height='14'%20rx='1'/%3e%3crect%20x='9.75'%20y='5'%20width='4.5'%20height='9'%20rx='1'/%3e%3crect%20x='15.5'%20y='5'%20width='4.5'%20height='12'%20rx='1'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='4.5'%20height='14'%20rx='1'/%3e%3crect%20x='9.75'%20y='5'%20width='4.5'%20height='9'%20rx='1'/%3e%3crect%20x='15.5'%20y='5'%20width='4.5'%20height='12'%20rx='1'/%3e%3c/svg%3e")}.p-icon-key{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='8.5'%20cy='14.5'%20r='3.5'/%3e%3cpath%20d='M11%2012.5%2019%204.5M16.5%207l2.5%202.5M14.5%209l2%202'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='8.5'%20cy='14.5'%20r='3.5'/%3e%3cpath%20d='M11%2012.5%2019%204.5M16.5%207l2.5%202.5M14.5%209l2%202'/%3e%3c/svg%3e")}.p-icon-leave{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='15'%20rx='2'/%3e%3cpath%20d='M8%203v4M16%203v4M4%2010h16M9%2015l6-6M15%2015%209%209'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='15'%20rx='2'/%3e%3cpath%20d='M8%203v4M16%203v4M4%2010h16M9%2015l6-6M15%2015%209%209'/%3e%3c/svg%3e")}.p-icon-list{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%207h16M4%2012h16M4%2017h16'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%207h16M4%2012h16M4%2017h16'/%3e%3c/svg%3e")}.p-icon-list-checks{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M10%207h9M10%2012h9M10%2017h9'/%3e%3cpath%20d='m4%207%201.5%201.5L8%205.5M4%2012l1.5%201.5L8%2010.5M4%2017l1.5%201.5L8%2015.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M10%207h9M10%2012h9M10%2017h9'/%3e%3cpath%20d='m4%207%201.5%201.5L8%205.5M4%2012l1.5%201.5L8%2010.5M4%2017l1.5%201.5L8%2015.5'/%3e%3c/svg%3e")}.p-icon-listchecks{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M10%207h9M10%2012h9M10%2017h9'/%3e%3cpath%20d='m4%207%201.5%201.5L8%205.5M4%2012l1.5%201.5L8%2010.5M4%2017l1.5%201.5L8%2015.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M10%207h9M10%2012h9M10%2017h9'/%3e%3cpath%20d='m4%207%201.5%201.5L8%205.5M4%2012l1.5%201.5L8%2010.5M4%2017l1.5%201.5L8%2015.5'/%3e%3c/svg%3e")}.p-icon-logout{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M10%2012h9M16%208l4%204-4%204'/%3e%3cpath%20d='M13%205H6.5A1.5%201.5%200%200%200%205%206.5v11A1.5%201.5%200%200%200%206.5%2019H13'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M10%2012h9M16%208l4%204-4%204'/%3e%3cpath%20d='M13%205H6.5A1.5%201.5%200%200%200%205%206.5v11A1.5%201.5%200%200%200%206.5%2019H13'/%3e%3c/svg%3e")}.p-icon-magnifying-glass{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='11'%20cy='11'%20r='6'/%3e%3cpath%20d='m16%2016%204%204'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='11'%20cy='11'%20r='6'/%3e%3cpath%20d='m16%2016%204%204'/%3e%3c/svg%3e")}.p-icon-map-pin{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%2021s-6-5.3-6-10a6%206%200%201%201%2012%200c0%204.7-6%2010-6%2010z'/%3e%3ccircle%20cx='12'%20cy='11'%20r='2.2'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%2021s-6-5.3-6-10a6%206%200%201%201%2012%200c0%204.7-6%2010-6%2010z'/%3e%3ccircle%20cx='12'%20cy='11'%20r='2.2'/%3e%3c/svg%3e")}.p-icon-menu{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%207h16M4%2012h16M4%2017h16'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%207h16M4%2012h16M4%2017h16'/%3e%3c/svg%3e")}.p-icon-money{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='M12%207.5v9M9.5%209.5c.6-1%201.5-1.5%202.5-1.5%201.4%200%202.5.8%202.5%202s-1.1%202-2.5%202h-1c-1.4%200-2.5.9-2.5%202s1.1%202%202.5%202c1%200%201.9-.5%202.5-1.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='M12%207.5v9M9.5%209.5c.6-1%201.5-1.5%202.5-1.5%201.4%200%202.5.8%202.5%202s-1.1%202-2.5%202h-1c-1.4%200-2.5.9-2.5%202s1.1%202%202.5%202c1%200%201.9-.5%202.5-1.5'/%3e%3c/svg%3e")}.p-icon-moon{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M18%2013.5A6.5%206.5%200%201%201%2010.5%206%205%205%200%200%200%2018%2013.5z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M18%2013.5A6.5%206.5%200%201%201%2010.5%206%205%205%200%200%200%2018%2013.5z'/%3e%3c/svg%3e")}.p-icon-output{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%208.5%2012%204l8%204.5v7L12%2020l-8-4.5v-7z'/%3e%3cpath%20d='M12%2012v8M4%208.5l8%203.5%208-3.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%208.5%2012%204l8%204.5v7L12%2020l-8-4.5v-7z'/%3e%3cpath%20d='M12%2012v8M4%208.5l8%203.5%208-3.5'/%3e%3c/svg%3e")}.p-icon-overview{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2019V9M10%2019V5M16%2019v-7M20%2019H3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2019V9M10%2019V5M16%2019v-7M20%2019H3'/%3e%3c/svg%3e")}.p-icon-package{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%208.5%2012%204l8%204.5v7L12%2020l-8-4.5v-7z'/%3e%3cpath%20d='M12%2012v8M4%208.5l8%203.5%208-3.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%208.5%2012%204l8%204.5v7L12%2020l-8-4.5v-7z'/%3e%3cpath%20d='M12%2012v8M4%208.5l8%203.5%208-3.5'/%3e%3c/svg%3e")}.p-icon-paint{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2014.5c0%202%201.8%203.5%204%203.5h1v2H9.5'/%3e%3cpath%20d='M10%2018c-3%200-5.5-2.8-5.5-6.2C4.5%207%208%204%2012.5%204%2016.5%204%2019.5%206.8%2019.5%2010c0%202.2-1.5%203.5-3.5%203.5H14'/%3e%3ccircle%20cx='15.5'%20cy='8.5'%20r='1'%20fill='%23000'%20stroke='none'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2014.5c0%202%201.8%203.5%204%203.5h1v2H9.5'/%3e%3cpath%20d='M10%2018c-3%200-5.5-2.8-5.5-6.2C4.5%207%208%204%2012.5%204%2016.5%204%2019.5%206.8%2019.5%2010c0%202.2-1.5%203.5-3.5%203.5H14'/%3e%3ccircle%20cx='15.5'%20cy='8.5'%20r='1'%20fill='%23000'%20stroke='none'/%3e%3c/svg%3e")}.p-icon-paint-brush{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2014.5c0%202%201.8%203.5%204%203.5h1v2H9.5'/%3e%3cpath%20d='M10%2018c-3%200-5.5-2.8-5.5-6.2C4.5%207%208%204%2012.5%204%2016.5%204%2019.5%206.8%2019.5%2010c0%202.2-1.5%203.5-3.5%203.5H14'/%3e%3ccircle%20cx='15.5'%20cy='8.5'%20r='1'%20fill='%23000'%20stroke='none'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2014.5c0%202%201.8%203.5%204%203.5h1v2H9.5'/%3e%3cpath%20d='M10%2018c-3%200-5.5-2.8-5.5-6.2C4.5%207%208%204%2012.5%204%2016.5%204%2019.5%206.8%2019.5%2010c0%202.2-1.5%203.5-3.5%203.5H14'/%3e%3ccircle%20cx='15.5'%20cy='8.5'%20r='1'%20fill='%23000'%20stroke='none'/%3e%3c/svg%3e")}.p-icon-paper-plane{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2011.5%2020%205l-5.5%2014-3-5.5L4%2011.5z'/%3e%3cpath%20d='m11.5%2013.5%208.5-8.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2011.5%2020%205l-5.5%2014-3-5.5L4%2011.5z'/%3e%3cpath%20d='m11.5%2013.5%208.5-8.5'/%3e%3c/svg%3e")}.p-icon-paper-plane-tilt{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2011.5%2020%205l-5.5%2014-3-5.5L4%2011.5z'/%3e%3cpath%20d='m11.5%2013.5%208.5-8.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2011.5%2020%205l-5.5%2014-3-5.5L4%2011.5z'/%3e%3cpath%20d='m11.5%2013.5%208.5-8.5'/%3e%3c/svg%3e")}.p-icon-pencil-simple{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M13.5%205.5%2018%2010M5%2019l1.2-4.5L15.5%205.2a1.5%201.5%200%200%201%202.1%200l1.2%201.2a1.5%201.5%200%200%201%200%202.1L9.5%2017.8%205%2019z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M13.5%205.5%2018%2010M5%2019l1.2-4.5L15.5%205.2a1.5%201.5%200%200%201%202.1%200l1.2%201.2a1.5%201.5%200%200%201%200%202.1L9.5%2017.8%205%2019z'/%3e%3c/svg%3e")}.p-icon-pie{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%204a8%208%200%201%200%208%208h-8V4z'/%3e%3cpath%20d='M13.5%204.2A8%208%200%200%201%2019.8%2010.5H13.5V4.2z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%204a8%208%200%201%200%208%208h-8V4z'/%3e%3cpath%20d='M13.5%204.2A8%208%200%200%201%2019.8%2010.5H13.5V4.2z'/%3e%3c/svg%3e")}.p-icon-profile{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='9'%20r='3.2'/%3e%3cpath%20d='M5.5%2019.5c1.2-3.2%203.5-4.8%206.5-4.8s5.3%201.6%206.5%204.8'/%3e%3ccircle%20cx='12'%20cy='12'%20r='9'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='9'%20r='3.2'/%3e%3cpath%20d='M5.5%2019.5c1.2-3.2%203.5-4.8%206.5-4.8s5.3%201.6%206.5%204.8'/%3e%3ccircle%20cx='12'%20cy='12'%20r='9'/%3e%3c/svg%3e")}.p-icon-projects{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2018h16M7%2018V9l5-4%205%204v9M10%2018v-5h4v5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2018h16M7%2018V9l5-4%205%204v9M10%2018v-5h4v5'/%3e%3c/svg%3e")}.p-icon-question{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='M9.5%209.5a2.5%202.5%200%201%201%203.7%202.2c-.8.5-1.2%201-1.2%202'/%3e%3ccircle%20cx='12'%20cy='16.5'%20r='.7'%20fill='%23000'%20stroke='none'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='8.5'/%3e%3cpath%20d='M9.5%209.5a2.5%202.5%200%201%201%203.7%202.2c-.8.5-1.2%201-1.2%202'/%3e%3ccircle%20cx='12'%20cy='16.5'%20r='.7'%20fill='%23000'%20stroke='none'/%3e%3c/svg%3e")}.p-icon-report{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%203.5h7l4%204V20.5H7V3.5z'/%3e%3cpath%20d='M14%203.5v4h4M9.5%2013h2v4.5h-2zM13.5%2011h2v6.5h-2z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%203.5h7l4%204V20.5H7V3.5z'/%3e%3cpath%20d='M14%203.5v4h4M9.5%2013h2v4.5h-2zM13.5%2011h2v6.5h-2z'/%3e%3c/svg%3e")}.p-icon-scroll{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%205.5h8.5A2.5%202.5%200%200%201%2018%208v10.5H9A2%202%200%200%200%207%2020.5'/%3e%3cpath%20d='M7%205.5A2%202%200%200%200%205%207.5v11A2%202%200%200%200%207%2020.5'/%3e%3cpath%20d='M10%2010h5M10%2013.5h5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M7%205.5h8.5A2.5%202.5%200%200%201%2018%208v10.5H9A2%202%200%200%200%207%2020.5'/%3e%3cpath%20d='M7%205.5A2%202%200%200%200%205%207.5v11A2%202%200%200%200%207%2020.5'/%3e%3cpath%20d='M10%2010h5M10%2013.5h5'/%3e%3c/svg%3e")}.p-icon-search{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='11'%20cy='11'%20r='6'/%3e%3cpath%20d='m16%2016%204%204'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='11'%20cy='11'%20r='6'/%3e%3cpath%20d='m16%2016%204%204'/%3e%3c/svg%3e")}.p-icon-settings{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3cpath%20d='M12%203.5v2.2M12%2018.3v2.2M4.9%206.5l1.6%201.6M17.5%2015.9l1.6%201.6M3.5%2012h2.2M18.3%2012h2.2M4.9%2017.5l1.6-1.6M17.5%208.1l1.6-1.6'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3cpath%20d='M12%203.5v2.2M12%2018.3v2.2M4.9%206.5l1.6%201.6M17.5%2015.9l1.6%201.6M3.5%2012h2.2M18.3%2012h2.2M4.9%2017.5l1.6-1.6M17.5%208.1l1.6-1.6'/%3e%3c/svg%3e")}.p-icon-shield-star{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%203%204.5%206.2v5.1c0%204.6%203.2%208.7%207.5%209.7%204.3-1%207.5-5.1%207.5-9.7V6.2L12%203z'/%3e%3cpath%20d='m9%2012%202%202%204-4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%203%204.5%206.2v5.1c0%204.6%203.2%208.7%207.5%209.7%204.3-1%207.5-5.1%207.5-9.7V6.2L12%203z'/%3e%3cpath%20d='m9%2012%202%202%204-4'/%3e%3c/svg%3e")}.p-icon-sign-out{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M10%2012h9M16%208l4%204-4%204'/%3e%3cpath%20d='M13%205H6.5A1.5%201.5%200%200%200%205%206.5v11A1.5%201.5%200%200%200%206.5%2019H13'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M10%2012h9M16%208l4%204-4%204'/%3e%3cpath%20d='M13%205H6.5A1.5%201.5%200%200%200%205%206.5v11A1.5%201.5%200%200%200%206.5%2019H13'/%3e%3c/svg%3e")}.p-icon-sparkle{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%203.5%2013.4%209%2019%2010.5%2013.4%2012%2012%2017.5%2010.6%2012%205%2010.5%2010.6%209%2012%203.5z'/%3e%3cpath%20d='m18%2015%20.7%202.3L21%2018l-2.3.7L18%2021l-.7-2.3L15%2018l2.3-.7L18%2015z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%203.5%2013.4%209%2019%2010.5%2013.4%2012%2012%2017.5%2010.6%2012%205%2010.5%2010.6%209%2012%203.5z'/%3e%3cpath%20d='m18%2015%20.7%202.3L21%2018l-2.3.7L18%2021l-.7-2.3L15%2018l2.3-.7L18%2015z'/%3e%3c/svg%3e")}.p-icon-structure{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='6'%20r='2'/%3e%3ccircle%20cx='6'%20cy='18'%20r='2'/%3e%3ccircle%20cx='18'%20cy='18'%20r='2'/%3e%3cpath%20d='M12%208v4M12%2012H6v4M12%2012h6v4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='6'%20r='2'/%3e%3ccircle%20cx='6'%20cy='18'%20r='2'/%3e%3ccircle%20cx='18'%20cy='18'%20r='2'/%3e%3cpath%20d='M12%208v4M12%2012H6v4M12%2012h6v4'/%3e%3c/svg%3e")}.p-icon-sun{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='3.5'/%3e%3cpath%20d='M12%203.5v2M12%2018.5v2M4.9%204.9l1.4%201.4M17.7%2017.7l1.4%201.4M3.5%2012h2M18.5%2012h2M4.9%2019.1l1.4-1.4M17.7%206.3l1.4-1.4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='3.5'/%3e%3cpath%20d='M12%203.5v2M12%2018.5v2M4.9%204.9l1.4%201.4M17.7%2017.7l1.4%201.4M3.5%2012h2M18.5%2012h2M4.9%2019.1l1.4-1.4M17.7%206.3l1.4-1.4'/%3e%3c/svg%3e")}.p-icon-superadmin{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%203%204.5%206.2v5.1c0%204.6%203.2%208.7%207.5%209.7%204.3-1%207.5-5.1%207.5-9.7V6.2L12%203z'/%3e%3cpath%20d='m9%2012%202%202%204-4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M12%203%204.5%206.2v5.1c0%204.6%203.2%208.7%207.5%209.7%204.3-1%207.5-5.1%207.5-9.7V6.2L12%203z'/%3e%3cpath%20d='m9%2012%202%202%204-4'/%3e%3c/svg%3e")}.p-icon-table{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='14'%20rx='1'/%3e%3cpath%20d='M4%2010h16M4%2015h16M10%205v14'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='4'%20y='5'%20width='16'%20height='14'%20rx='1'/%3e%3cpath%20d='M4%2010h16M4%2015h16M10%205v14'/%3e%3c/svg%3e")}.p-icon-training{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M3%209.5%2012%205l9%204.5-9%204.5L3%209.5z'/%3e%3cpath%20d='M7%2012v4.5c0%201.5%202.2%203%205%203s5-1.5%205-3V12'/%3e%3cpath%20d='M21%2010v6'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M3%209.5%2012%205l9%204.5-9%204.5L3%209.5z'/%3e%3cpath%20d='M7%2012v4.5c0%201.5%202.2%203%205%203s5-1.5%205-3V12'/%3e%3cpath%20d='M21%2010v6'/%3e%3c/svg%3e")}.p-icon-tray{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%207.5h16v11H4v-11z'/%3e%3cpath%20d='M4%2013h4.2c.6%201.6%202%202.6%203.8%202.6s3.2-1%203.8-2.6H20'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%207.5h16v11H4v-11z'/%3e%3cpath%20d='M4%2013h4.2c.6%201.6%202%202.6%203.8%202.6s3.2-1%203.8-2.6H20'/%3e%3c/svg%3e")}.p-icon-tree-structure{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='6'%20r='2'/%3e%3ccircle%20cx='6'%20cy='18'%20r='2'/%3e%3ccircle%20cx='18'%20cy='18'%20r='2'/%3e%3cpath%20d='M12%208v4M12%2012H6v4M12%2012h6v4'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='6'%20r='2'/%3e%3ccircle%20cx='6'%20cy='18'%20r='2'/%3e%3ccircle%20cx='18'%20cy='18'%20r='2'/%3e%3cpath%20d='M12%208v4M12%2012H6v4M12%2012h6v4'/%3e%3c/svg%3e")}.p-icon-user-circle{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='9'%20r='3.2'/%3e%3cpath%20d='M5.5%2019.5c1.2-3.2%203.5-4.8%206.5-4.8s5.3%201.6%206.5%204.8'/%3e%3ccircle%20cx='12'%20cy='12'%20r='9'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='9'%20r='3.2'/%3e%3cpath%20d='M5.5%2019.5c1.2-3.2%203.5-4.8%206.5-4.8s5.3%201.6%206.5%204.8'/%3e%3ccircle%20cx='12'%20cy='12'%20r='9'/%3e%3c/svg%3e")}.p-icon-users{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='9'%20cy='9'%20r='2.8'/%3e%3ccircle%20cx='16.5'%20cy='10'%20r='2.2'/%3e%3cpath%20d='M3.5%2019c.8-3%202.8-4.5%205.5-4.5s4.7%201.5%205.5%204.5M14%2019c.5-1.8%201.8-2.8%203.5-2.8%201.2%200%202.2.5%202.8%201.3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='9'%20cy='9'%20r='2.8'/%3e%3ccircle%20cx='16.5'%20cy='10'%20r='2.2'/%3e%3cpath%20d='M3.5%2019c.8-3%202.8-4.5%205.5-4.5s4.7%201.5%205.5%204.5M14%2019c.5-1.8%201.8-2.8%203.5-2.8%201.2%200%202.2.5%202.8%201.3'/%3e%3c/svg%3e")}.p-icon-users-three{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='8'%20cy='9'%20r='2.5'/%3e%3ccircle%20cx='16'%20cy='9'%20r='2.5'/%3e%3ccircle%20cx='12'%20cy='15'%20r='2.5'/%3e%3cpath%20d='M3.5%2019c.6-2.2%202.4-3.5%204.5-3.5M15.5%2015.5c2.1%200%203.9%201.3%204.5%203.5M9%2019c.5-1.5%201.7-2.5%203-2.5s2.5%201%203%202.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='8'%20cy='9'%20r='2.5'/%3e%3ccircle%20cx='16'%20cy='9'%20r='2.5'/%3e%3ccircle%20cx='12'%20cy='15'%20r='2.5'/%3e%3cpath%20d='M3.5%2019c.6-2.2%202.4-3.5%204.5-3.5M15.5%2015.5c2.1%200%203.9%201.3%204.5%203.5M9%2019c.5-1.5%201.7-2.5%203-2.5s2.5%201%203%202.5'/%3e%3c/svg%3e")}.p-icon-wallet{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='3.5'%20y='7'%20width='17'%20height='12'%20rx='2'/%3e%3cpath%20d='M3.5%2011h17M16%2014.5h2.5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='1.75'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='3.5'%20y='7'%20width='17'%20height='12'%20rx='2'/%3e%3cpath%20d='M3.5%2011h17M16%2014.5h2.5'/%3e%3c/svg%3e")}dialog.app-dialog{max-width:440px;width:90%;padding:0;border:none;border-radius:var(--border-radius-lg);background-color:var(--bg-surface-2);box-shadow:0 24px 64px #0006,0 8px 24px #0003;color:var(--text-primary)}dialog.app-dialog::backdrop{background:#0009;backdrop-filter:blur(2px)}.app-dialog-content{padding:28px 28px 24px}.app-dialog-icon-row{display:flex;justify-content:center;margin-bottom:16px}.app-dialog-icon-row .ph{font-size:2.5rem;line-height:1}.app-dialog-icon-row .ph.dialog-icon-danger{color:var(--error-text, var(--error-color))}.app-dialog-icon-row .ph.dialog-icon-warning{color:var(--warning-text, var(--warning-color))}.app-dialog-icon-row .ph.dialog-icon-success{color:var(--success-text, var(--success-color))}.app-dialog-icon-row .ph.dialog-icon-info,.app-dialog-icon-row .ph.dialog-icon-question{color:var(--brand-fg, var(--brand-color))}.app-dialog-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:8px;line-height:1.3}.app-dialog-body{font-size:var(--font-sm);color:var(--text-secondary);text-align:center;line-height:1.6;margin-bottom:0;white-space:pre-wrap;word-break:break-word}.app-dialog-input-row{margin-top:16px}.app-dialog-input-field{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-surface-1);color:var(--text-primary);font-size:var(--font-base);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.app-dialog-input-field:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.15)}.app-dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.app-dialog-footer .btn{min-width:90px;min-height:44px;justify-content:center}dialog.app-dialog.app-dialog-danger #app-dialog-confirm{background-color:var(--error-color);color:#fff}dialog.app-dialog.app-dialog-danger #app-dialog-confirm:hover{filter:brightness(.9);box-shadow:0 2px 8px #e06c754d}.user-dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0;padding:8px;margin-bottom:0;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}@media(max-width:480px)and (hover:none)and (pointer:coarse){.user-dashboard-card{padding:8px;margin-bottom:0;border-radius:0;margin-left:0;margin-right:0;width:100%}}@media(max-width:320px)and (hover:none)and (pointer:coarse){.user-dashboard-card{padding:8px;margin-bottom:0;border-radius:0;margin-left:0;margin-right:0;width:100%}}.user-dashboard-card:hover{box-shadow:var(--shadow-hover)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap;gap:8px}.user-card-header h4{margin:0;font-size:1.05rem;line-height:1.3;color:var(--text-primary);display:flex;align-items:center;gap:8px}@media(max-width:768px){.user-card-header h4{font-size:.95rem}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.user-card-header{margin-bottom:8px}.user-card-header h4{font-size:.9rem}}.user-card-header h4 i{color:var(--brand-fg, var(--brand-color))}.user-profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.user-profile-details p{margin:0;font-size:.95rem;color:var(--text-secondary)}.user-profile-details strong{color:var(--text-primary);display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.user-history-list{margin:0;padding-left:20px;color:var(--text-secondary)}.user-alert-box{background:rgba(var(--brand-color-rgb),.1);border:1px solid var(--brand-color);padding:15px;border-radius:8px;margin-bottom:var(--section-gap, 12px)}.user-alert-header{margin:0 0 10px;color:var(--brand-fg, var(--brand-color));font-size:1.1rem;display:flex;align-items:center;gap:8px}@media(max-width:480px)and (hover:none)and (pointer:coarse){.user-card-header{flex-direction:column;align-items:stretch}.user-card-header button{width:100%;min-height:48px}}.sub-nav{position:sticky;top:64px;z-index:90;background:var(--bg-secondary);padding:10px 0;margin-bottom:var(--section-gap, 12px);display:flex;gap:var(--stack-gap, 8px);overflow-x:auto;border-bottom:1px solid var(--border-color);backdrop-filter:blur(8px)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.sub-nav{top:56px;padding:8px 0}}#user-tab .sub-nav-btn{background:transparent;border:none;padding:8px 16px;border-radius:20px;color:var(--text-secondary);cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}#user-tab #user-tab .sub-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}#user-tab #user-tab .sub-nav-btn.active{background:var(--brand-color);color:var(--text-on-brand)}@media(min-width:1025px){#user-tab .sub-nav-btn{padding:0 14px;border-radius:0;height:100%;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;background:transparent}#user-tab .sub-nav-btn:hover{background:transparent;color:var(--text-primary)}#user-tab .sub-nav-btn.active{background:transparent;color:var(--brand-fg, var(--brand-color));border-bottom-color:var(--brand-color);font-weight:600}}.sub-nav-btn i{font-size:1.1em}.user-section{display:none;animation:fadeIn .3s ease;min-height:60vh;overflow-y:auto}.user-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.no-company-dashboard{display:none;width:100%;max-width:min(100%,var(--form-max-width, 960px));margin:0;padding:var(--section-gap, 12px) 0}#user-overview-section.no-company-mode>:not(#no-company-dashboard){display:none!important}#user-overview-section.no-company-mode #no-company-dashboard{display:block}.no-company-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-4, 16px);box-shadow:none}.no-company-status{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.88rem;font-weight:600;margin-bottom:12px}.no-company-panel h2{margin:0 0 8px;color:var(--text-primary);font-size:1.45rem;line-height:1.25}.no-company-panel p{margin:0;color:var(--text-secondary);line-height:1.55}.no-company-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:var(--section-gap, 12px) 0}.no-company-check-item{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);background:var(--bg-secondary);font-size:.9rem}.no-company-check-item.is-complete{color:var(--text-primary);border-color:#22c55e59}.no-company-check-item i{flex:0 0 auto}.no-company-actions{display:flex;gap:10px;flex-wrap:wrap}.no-company-actions .btn-primary,.no-company-actions .btn-secondary{min-height:44px}.no-company-meta{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0 20px;color:var(--text-secondary);font-size:.9rem}.no-company-meta strong{color:var(--text-primary)}.no-company-membership{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.membership-section-head,.membership-card-head{display:flex;align-items:flex-start;gap:12px}.membership-section-head h3,.membership-card-head h3,.membership-pending-copy h3{margin:0;color:var(--text-primary);font-size:1rem;line-height:1.3}.membership-section-head p,.membership-card-head p,.membership-pending-copy p,.membership-message,.membership-helper,.membership-rejected-note p{margin:3px 0 0;color:var(--text-secondary);font-size:.82rem;line-height:1.5}.membership-section-icon,.membership-pending-icon,.membership-company-logo{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color));object-fit:cover;font-size:1.1rem;font-weight:800}.membership-company-logo img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.membership-company-logo i{font-size:1.15rem}.membership-invite-card,.membership-pending-card{padding:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card)}.membership-pending-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}.membership-pending-card .membership-card-actions{grid-column:1 / -1}.membership-state-pill{display:inline-flex;align-items:center;gap:5px;min-height:24px;margin-bottom:5px;padding:3px 8px;border-radius:999px;font-size:.68rem;font-weight:750}.membership-state-pill--invite{background:rgba(var(--safety-color-rgb),.1);color:var(--safety-color)}.membership-state-pill--pending{background:rgba(var(--brand-color-rgb),.1);color:var(--brand-fg, var(--brand-color))}.membership-message{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--bg-secondary)}.membership-card-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.membership-card-actions .btn-primary,.membership-card-actions .btn-secondary{min-height:42px}.membership-text-btn{min-height:40px;padding:6px 10px;border:0;background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:700;cursor:pointer}.membership-text-btn--danger{color:var(--error-text, #b91c1c)}.membership-join-form{padding:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card)}.membership-join-form>label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:.86rem;font-weight:750}.membership-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.membership-code-input-wrap{position:relative}.membership-code-input-wrap i{position:absolute;z-index:1;top:50%;left:13px;color:var(--text-muted);transform:translateY(-50%)}.membership-code-input-wrap input{width:100%;min-height:44px;padding:9px 12px 9px 40px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-input);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.membership-code-input-wrap input:focus{border-color:var(--safety-color);outline:none;box-shadow:0 0 0 3px rgba(var(--safety-color-rgb),.1)}.membership-code-row .btn-primary{min-width:88px;min-height:44px}.membership-rejected-note,.membership-inline-error{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid rgba(185,28,28,.18);border-radius:10px;background:#b91c1c0f;color:var(--error-text, #b91c1c)}.membership-rejected-note strong{color:inherit;font-size:.82rem}.membership-inline-error{margin:0;font-size:.78rem}.membership-loading{display:grid;gap:7px}.membership-loading span{height:12px;border-radius:999px;background:var(--border-color);animation:membershipPulse 1.4s ease-in-out infinite}.membership-loading span:last-child{width:68%}@keyframes membershipPulse{0%,to{opacity:.45}50%{opacity:.9}}@media(max-width:640px){.no-company-dashboard{padding:8px 0 16px}.no-company-panel{padding:18px}.no-company-checklist{grid-template-columns:1fr}.no-company-actions{flex-direction:column}.no-company-actions .btn-primary,.no-company-actions .btn-secondary{width:100%}.membership-code-row{grid-template-columns:1fr}.membership-code-row .btn-primary,.membership-card-actions .btn-primary,.membership-card-actions .btn-secondary{width:100%}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:.95rem}[data-theme=light] .form-group select{background-color:#fff;color:#1a1a1a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-color);outline:none;box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.1)}.form-group select option{background-color:var(--bg-surface-1);color:var(--text-primary);padding:4px 8px}[data-theme=light] .form-group select option{background-color:#fff;color:#1a1a1a}[data-theme=light] .form-group select option:checked{background:linear-gradient(var(--brand-color),var(--brand-color));background-color:var(--brand-color)!important;color:#fff!important}.manager-sticky-header{position:sticky;top:64px;z-index:89;background:var(--bg-secondary);padding:10px 15px;margin:0 -15px 20px;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between;backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000000d}.manager-project-selector-wrapper{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}.manager-project-selector-wrapper i{font-size:1.2em;color:var(--brand-fg, var(--brand-color))}.manager-project-selector-wrapper select{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-surface-1);color:var(--text-primary);cursor:pointer}[data-theme=light] .manager-project-selector-wrapper select{background-color:#fff;color:#1a1a1a}.manager-project-selector-wrapper select:hover{border-color:var(--brand-color)}.manager-project-selector-wrapper select:focus{border-color:var(--brand-color);outline:none}.manager-sub-nav{display:flex;gap:5px}.sub-nav-link{background:transparent;border:none;padding:6px 12px;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:5px;transition:all .2s}.sub-nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sub-nav-link.active{background:var(--brand-color);color:var(--text-on-brand)}@media(max-width:480px)and (hover:none)and (pointer:coarse){.manager-sticky-header{flex-direction:column;align-items:stretch}.manager-sub-nav{justify-content:space-between;overflow-x:auto}.sub-nav-link{min-height:44px;padding:10px 14px}}.device-mobile #user-tab{padding:12px}.device-mobile #user-tab h3{font-size:1.5rem;margin-bottom:12px}@media(max-width:768px)and (hover:none)and (pointer:coarse){#user-tab{padding:12px;min-height:50vh;display:none}#user-tab.tab-content.active{display:block!important;opacity:1!important;visibility:visible!important}#user-tab .user-section.active{display:block!important;opacity:1;min-height:40vh}#user-tab .stats-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px;margin-bottom:var(--section-gap, 12px)}#user-tab .level-welcome{display:block!important;margin-bottom:var(--section-gap, 12px);background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.stats-grid{grid-template-columns:1fr!important;gap:14px;margin-bottom:var(--section-gap, 12px)}.stat-card{padding:var(--card-pad, 12px);min-height:80px;cursor:pointer;display:flex;align-items:center;gap:12px}.stat-icon{width:44px;height:44px;font-size:1.4rem;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-label{font-size:.8rem;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:1.65rem;font-weight:700;line-height:1.1}.insight-text{font-size:.875rem;line-height:1.5;color:var(--text-secondary)}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.sub-nav{padding:10px 0;gap:6px;margin-bottom:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sub-nav::-webkit-scrollbar{display:none}#user-tab .sub-nav-btn{padding:12px 18px;min-height:48px;font-size:.9rem;border-radius:8px;white-space:nowrap}#user-tab .sub-nav-btn i{font-size:1.25em}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.user-dashboard-card{padding:18px;margin-bottom:16px;border-radius:8px}.user-card-header{margin-bottom:12px}.user-card-header h4{font-size:1.1rem}.user-card-header .btn-sm{padding:8px 12px;font-size:.85rem}}@media(max-width:768px)and (hover:none)and (pointer:coarse){#user-attendance-history-table{min-width:0;width:100%}#user-attendance-history-table th,#user-attendance-history-table td{white-space:normal}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.top-skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.top-skill-item{padding:12px;font-size:.85rem}}@media(max-width:768px)and (hover:none)and (pointer:coarse){#user-job-postings-table{display:block;border:none}#user-job-postings-table thead{display:none}#user-job-postings-table tbody{display:block}#user-job-postings-table tr{display:block;margin-bottom:12px;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}#user-job-postings-table td{display:block;text-align:left;padding:8px 0;border:none}#user-job-postings-table td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);display:block;font-size:.75rem;text-transform:uppercase;margin-bottom:4px}#user-job-postings-table td button{width:100%;margin-top:8px}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.career-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.career-stat-card{padding:12px;font-size:.85rem}.timeline-item{padding-left:24px}.timeline-icon{width:32px;height:32px;font-size:16px;left:-16px}.timeline-header h5{font-size:1rem}.timeline-meta{font-size:.8rem}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.form-grid{grid-template-columns:1fr!important;gap:12px}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:1rem;min-height:var(--touch-target-size)}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.user-profile-details{grid-template-columns:1fr!important;gap:12px}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.helper-text.muted{font-size:.85rem;line-height:1.4}.chart-container.mobile-hide{display:none}}.touch-device button,.touch-device .btn,.touch-device .btn-primary,.touch-device .btn-secondary{min-height:var(--touch-target-size);padding:12px 20px}.touch-device .stat-card{cursor:pointer;transition:transform .1s ease,background .2s ease}.touch-device .stat-card:active{transform:scale(.98);background:var(--bg-hover)}.mobile-logout-section{display:none}@media(max-width:768px)and (hover:none)and (pointer:coarse){.mobile-logout-section{display:block;margin-top:2rem;margin-bottom:2rem}}#user-summary-line{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:var(--section-gap, 12px)!important;position:relative;padding-left:14px}#user-summary-line:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;background:var(--brand-color);border-radius:4px}@media(max-width:768px)and (hover:none)and (pointer:coarse){#user-summary-line{font-size:1.05rem;padding-left:12px;margin-bottom:var(--section-gap-sm, 10px)!important}#user-summary-line:before{width:3px}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.user-dashboard-view table,.user-dashboard-view thead,.user-dashboard-view tbody,.user-dashboard-view th,.user-dashboard-view td,.user-dashboard-view tr{display:block}.user-dashboard-view thead tr{position:absolute;top:-9999px;left:-9999px}.user-dashboard-view tr{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface);padding:12px;box-shadow:0 1px 3px #0000000d}.user-dashboard-view td{border:none;border-bottom:1px solid var(--border-color);position:relative;padding-left:40%!important;padding-top:10px!important;padding-bottom:10px!important;text-align:right;min-height:40px;display:flex;align-items:center;justify-content:flex-end}.user-dashboard-view td:last-child{border-bottom:none;justify-content:center;padding-left:0!important;margin-top:10px}.user-dashboard-view td:before{position:absolute;top:0;left:12px;width:35%;padding-right:10px;white-space:nowrap;height:100%;display:flex;align-items:center;font-weight:600;color:var(--text-secondary);font-size:.85rem;text-align:left;content:attr(data-label)}.user-dashboard-view td:last-child button{width:100%;margin:0}}.user-section-switcher{display:none;gap:8px;padding:8px;margin:0 0 16px;background:var(--bg-surface-1, var(--bg-card));border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-section-switcher-btn{flex:1 0 auto;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer}.user-section-switcher-btn.active{color:var(--brand-fg, var(--brand-color));background:var(--brand-tint-12, rgba(var(--brand-color-rgb), .12));border-color:var(--brand-tint-28, rgba(var(--brand-color-rgb), .28))}@media(max-width:768px){.user-section-switcher{display:flex}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.user-section{padding-bottom:72px!important;position:relative;width:100%}#user-overview-section{min-height:50vh!important;padding:0}.sub-nav-btn{flex:0 0 auto;padding:12px 16px;margin:0;border:none;border-radius:0;background:transparent;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.75rem;border-bottom:2px solid transparent}.sub-nav-btn i{font-size:1.2rem;margin-right:0}.sub-nav-btn.active{color:var(--brand-fg, var(--brand-color));background:transparent;border-bottom:2px solid var(--brand-color);box-shadow:none}.sub-nav::-webkit-scrollbar{display:none}}.bc-sharing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:16px}.bc-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color);margin-bottom:12px}.bc-toggle-info{flex:1}.bc-toggle-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:4px}.bc-toggle-desc{font-size:.85rem;color:var(--text-secondary)}.bc-toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.bc-toggle-switch input{opacity:0;width:0;height:0}.bc-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.bc-toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:var(--bg-surface-2, #ffffff);transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.bc-toggle-switch input:checked+.bc-toggle-slider{background-color:var(--brand-color, #0D3B66)}.bc-toggle-switch input:checked+.bc-toggle-slider:before{transform:translate(24px)}.bc-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--brand-color, #0D3B66);color:var(--text-on-brand);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.bc-share-btn:hover{background:var(--brand-color-dark, #082F49);color:var(--text-on-brand)}.bc-share-btn:active{transform:scale(.98)}.bc-share-icon{font-size:1.2rem}.bc-active-share{margin-top:16px;padding:12px;background:var(--bg-secondary, #f7f7f7);border-radius:8px}.bc-share-url-row{display:flex;gap:8px;margin-bottom:8px}.bc-share-url-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--bg-card)}.bc-copy-btn{padding:8px 12px;background:var(--brand-color, #0D3B66);color:var(--text-on-brand);border:none;border-radius:6px;cursor:pointer;font-size:1.1rem}.bc-copy-btn:hover{background:var(--brand-color-dark, #082F49);color:var(--text-on-brand)}.bc-share-expiry,.bc-share-views{font-size:.85rem;color:var(--text-secondary);margin:4px 0 0}.bc-views-link{display:block;width:100%;margin-top:12px;padding:10px;background:transparent;border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;text-align:center;transition:background .2s,color .2s}.bc-views-link:hover{background:var(--bg-secondary);color:var(--brand-fg, var(--brand-color))}.bc-views-list{max-height:400px;overflow-y:auto}.bc-view-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border-color)}.bc-view-item:last-child{border-bottom:none}.bc-view-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.bc-view-info{flex:1;min-width:0}.bc-view-name{font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-view-meta{font-size:.85rem;color:var(--text-secondary)}.bc-view-source{font-size:.75rem;padding:2px 8px;background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary)}.bc-action-share{background:linear-gradient(135deg,var(--brand-color, #0D3B66) 0%,var(--brand-hover, #082F49) 100%)}.bc-action-share:hover{background:linear-gradient(135deg,var(--brand-hover, #082F49) 0%,var(--brand-color, #0D3B66) 100%);color:var(--text-on-brand)}.qr-code-container{padding:16px;background:var(--bg-secondary);border-radius:8px}#share-qr-code canvas,#share-qr-code img{max-width:180px;height:auto}.input-group{display:flex;gap:8px}.share-expiry-info{display:flex;align-items:center;justify-content:center;gap:6px}@media(min-width:1024px){.user-dashboard-card{padding:16px;margin-bottom:12px}.user-card-header h4{font-size:1.1rem}.user-profile-details{gap:12px}.user-profile-details p{font-size:.9rem}.user-profile-details strong{font-size:.8rem}.form-group{margin-bottom:12px}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{padding:6px 10px;font-size:.9rem}.task-card{padding:12px}}.hero-welcome-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.hero-welcome-avatar img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:inherit}@media(max-width:768px)and (hover:none)and (pointer:coarse){.level-welcome{background:linear-gradient(135deg,var(--brand-color, #0D3B66) 0%,var(--brand-hover, #082F49) 100%)!important;border-radius:16px!important;padding:14px 14px 12px!important;margin:0 4px 4px!important;border:none!important;box-shadow:0 4px 20px rgba(var(--brand-color-rgb, 13,59,102),.3)!important;position:relative;overflow:hidden}.level-welcome:before{content:"";position:absolute;top:-40%;right:-20%;width:140px;height:140px;border-radius:50%;background:#ffffff14;pointer-events:none}.level-welcome:after{content:"";position:absolute;bottom:-30%;left:-10%;width:100px;height:100px;border-radius:50%;background:#ffffff0d;pointer-events:none}.hero-welcome-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.hero-welcome-content{flex:1;min-width:0}.level-welcome-title{font-size:1.15rem!important;font-weight:700!important;color:#fff!important;margin:0 0 2px;line-height:1.25}.level-welcome-text{font-size:.8rem!important;color:#ffffffd9!important;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.persona-blue-collar #user-overview-section>.desktop-profile-dashboard,.persona-white-collar #user-overview-section>.desktop-profile-dashboard{display:none!important}.hero-welcome-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.hero-welcome-avatar i{font-size:1.3rem;color:#fff}.hero-welcome-avatar img{width:100%;height:100%;object-fit:cover}.hero-welcome-stat{position:relative;z-index:1;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:10px}.hero-stat-value{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-.5px}.hero-stat-label{font-size:.75rem;color:#ffffffbf;line-height:1.25}.hero-stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px;margin-left:auto}.hero-stat-trend.up{background:#22c55e40;color:#bbf7d0}.hero-stat-trend.down{background:#ef444440;color:#fecaca}}@media(max-width:768px)and (hover:none)and (pointer:coarse){[data-theme=light] .level-welcome{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.12),rgba(var(--safety-color-rgb),.1))!important;box-shadow:0 2px 12px rgba(var(--brand-color-rgb),.12)!important}[data-theme=light] .level-welcome:before{background:rgba(var(--brand-color-rgb),.08)}[data-theme=light] .level-welcome:after{background:rgba(var(--safety-color-rgb),.08)}[data-theme=light] .level-welcome-title{color:var(--text-primary)!important}[data-theme=light] .level-welcome-text{color:var(--text-secondary)!important}[data-theme=light] .hero-welcome-avatar{background:rgba(var(--brand-color-rgb),.14);border-color:rgba(var(--brand-color-rgb),.24)}[data-theme=light] .hero-welcome-avatar i{color:var(--brand-fg, var(--brand-color))}[data-theme=light] .hero-welcome-stat{border-top-color:rgba(var(--brand-color-rgb),.2)}[data-theme=light] .hero-stat-value{color:var(--brand-fg, var(--brand-color))}[data-theme=light] .hero-stat-label{color:var(--text-secondary)}[data-theme=light] .hero-stat-trend.up{background:#22c55e26;color:#166534}[data-theme=light] .hero-stat-trend.down{background:#ef444426;color:#991b1b}}@media(min-width:769px){.hero-welcome-avatar{display:none}.hero-welcome-stat{display:none!important}.hero-welcome-inner{display:block}}.mobile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 4px;margin-bottom:4px}.mobile-stat-card{background:var(--bg-surface-2, #fff);border-radius:14px;padding:12px;box-shadow:0 1px 4px #0000000a,0 2px 8px #00000005;border:1px solid var(--border-color, #e8eaed);display:flex;flex-direction:column;gap:4px;cursor:default;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.mobile-stat-card.is-clickable{cursor:pointer}.mobile-stat-card.is-static:active{transform:none;box-shadow:0 1px 4px #0000000a,0 2px 8px #00000005}.mobile-stat-card:active{transform:scale(.97);box-shadow:0 1px 2px #00000014}.mobile-stat-card-top{display:flex;align-items:center;justify-content:space-between}.mobile-stat-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.mobile-stat-icon i{font-size:1.05rem;line-height:1}.mobile-stat-menu{background:none;border:none;color:var(--text-muted, #9ca3af);font-size:1rem;cursor:pointer;padding:4px;border-radius:6px}.mobile-stat-menu:hover{background:var(--bg-hover, rgba(0,0,0,.05))}.mobile-stat-label{font-size:.72rem;color:var(--text-secondary, #6b7280);font-weight:500;line-height:1.2}.mobile-stat-value{font-size:1.25rem;font-weight:800;color:var(--text-primary, #1a1a1a);letter-spacing:0;line-height:1.2}.mobile-stat-trend{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;line-height:1}.mobile-stat-trend.up{color:var(--success-text, #166534)}.mobile-stat-trend.down{color:var(--error-text, #991b1b)}.mobile-stat-trend.neutral{color:var(--text-muted, #9ca3af)}@media(max-width:374px)and (hover:none)and (pointer:coarse){.mobile-stat-grid{gap:6px;padding:0 2px}.mobile-stat-card{padding:10px}.mobile-stat-value{font-size:1.1rem}}@media(min-width:1025px){.mobile-stat-grid{display:none!important}}.mobile-dashboard-container{display:flex;flex-direction:column;gap:10px;padding:0 4px}.mobile-card{background:var(--bg-surface-2, #fff);border-radius:16px;padding:14px;box-shadow:0 1px 4px #0000000a,0 2px 8px #00000005;border:1px solid var(--border-color, #e8eaed)}.mobile-card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.mobile-card-icon{font-size:1.3rem}.mobile-card-title{font-weight:700;font-size:1rem;flex:1;color:var(--text-primary, #1a1a1a)}.mobile-card-meta{font-size:.82rem;color:var(--text-muted, #6b7280);font-weight:500}.mobile-card-see-more{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--brand-fg, var(--brand-color, #0D3B66));font-weight:600;text-decoration:none;cursor:pointer;background:none;border:none;padding:0}.mobile-card-attendance{border-left:none}.attendance-live-empty,.attendance-live-not-checked{text-align:center;padding:8px 0}.attendance-live-hint{color:var(--text-muted, #6b7280);font-size:.85rem;margin-bottom:12px}.attendance-status-text{font-size:1.05rem;font-weight:600;margin-bottom:12px;color:var(--text-secondary, #4b5563)}.bc-absen-btn-mobile{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;cursor:pointer;min-height:52px;width:100%;transition:transform .15s,box-shadow .15s}.bc-absen-btn-mobile:active{transform:scale(.97)}.bc-absen-checkin-mobile{background:linear-gradient(135deg,var(--success-solid, #15803d) 0%,#166534 100%);color:#fff;box-shadow:0 4px 16px #22c55e4d}.bc-absen-checkout-mobile{background:linear-gradient(135deg,#d32f2f 0%,var(--error-solid, #b91c1c) 100%);color:#fff;box-shadow:0 4px 16px #f443364d;margin-top:10px}.attendance-record-live,.attendance-record-done{padding:10px 0;border-bottom:1px solid var(--border-color, #f0f1f3)}.attendance-record-live:last-child,.attendance-record-done:last-child{border-bottom:none}.attendance-times{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.time-in{font-weight:700;font-size:1.1rem;color:var(--success-text, #166534)}.time-separator{color:var(--text-muted, #6b7280);font-size:1rem}.time-out{font-weight:700;font-size:1.1rem;color:var(--brand-fg, var(--brand-color, #0D3B66))}.time-running{font-weight:700;font-size:1.1rem;font-family:SF Mono,Cascadia Code,monospace;color:var(--brand-fg, var(--brand-color, #0D3B66))}.time-duration{font-size:.82rem;color:var(--text-muted, #6b7280)}.attendance-project-name{font-size:.8rem;color:var(--text-muted, #6b7280);margin-top:2px}.overtime-badge{display:inline-block;background:linear-gradient(135deg,#c2410c,#9a3412);color:#fff;padding:4px 10px;border-radius:20px;font-size:.78rem;font-weight:700;margin-top:6px}.overtime-badge.pulse{animation:overtimePulse 2s ease-in-out infinite}@keyframes overtimePulse{0%,to{opacity:1;box-shadow:0 0 #f9731666}50%{opacity:.9;box-shadow:0 0 0 8px #f9731600}}.overtime-badge-summary{display:block;text-align:center;margin-top:10px;background:var(--warn-bg, #fff7ed);color:var(--warn-text, #c2410c);padding:8px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.mobile-card-wage{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}[data-theme=dark] .mobile-card-wage{background:linear-gradient(135deg,#14532d,#166534);border-color:#22c55e33}.wage-amount{font-size:1.5rem;font-weight:800;color:var(--success-text, #166534);letter-spacing:-.5px}[data-theme=dark] .wage-amount{color:#4ade80}.wage-detail{font-size:.82rem;color:var(--text-secondary, #4b5563);margin:4px 0 12px}.wage-days-row{display:flex;gap:6px;justify-content:space-between}.wage-day-dot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.wage-day-label{font-size:.7rem;font-weight:600;color:var(--text-muted, #9ca3af);text-transform:uppercase}.wage-day-indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.85rem;font-weight:700;background:var(--bg-surface-2, #f3f4f6);color:var(--text-muted, #9ca3af)}.wage-day-worked .wage-day-indicator{background:var(--success-solid, #15803d);color:#fff}.wage-day-today .wage-day-indicator{background:var(--brand-color, #0D3B66);color:#fff;box-shadow:0 0 0 3px rgba(var(--brand-color-rgb, 13,59,102),.2)}.wage-day-missed .wage-day-indicator{background:#fee2e2;color:var(--error-text, #991b1b)}.wage-day-future .wage-day-indicator{background:var(--bg-surface-2, #f9fafb);color:var(--text-muted, #6b7280);border:1px dashed var(--border-color, #e5e7eb)}.wage-overtime-info{margin-top:10px;font-size:.82rem;color:var(--warn-text, #c2410c);font-weight:600}.mobile-card-payment{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}[data-theme=dark] .mobile-card-payment{background:linear-gradient(135deg,#1e3a5f,#1e40af30);border-color:#3b82f633}.bc-pay-list{display:flex;flex-direction:column;gap:6px}.bc-pay-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-surface, #fff);border-radius:10px;gap:10px;border:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .bc-pay-row{background:var(--bg-surface-2, #1e293b);border-color:#334155}.bc-pay-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.bc-pay-period{font-size:.82rem;font-weight:600;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-pay-days{font-size:.72rem;color:var(--text-secondary, #6b7280)}.bc-pay-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.bc-pay-amount{font-size:.92rem;font-weight:700;color:var(--text-primary, #1f2937);white-space:nowrap}.bc-pay-status{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.3px}.bc-pay-status-paid{background:var(--success-bg, #dcfce7);color:var(--success-text, #166534)}[data-theme=dark] .bc-pay-status-paid{background:var(--success-bg, #16a34a33);color:var(--success-text, #86efac)}.bc-pay-status-pending{background:var(--warning-bg, #fef3c7);color:var(--warning-text, #854d0e)}[data-theme=dark] .bc-pay-status-pending{background:var(--warning-bg, #d9770633);color:var(--warning-text, #fbbf24)}.bc-pay-proof-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:2px;color:var(--brand-fg, var(--brand-color, #3b82f6));opacity:.7;transition:opacity .15s}.bc-pay-proof-btn:hover{opacity:1}.bc-pay-pending-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--warning-bg, #fef3c7);border-radius:10px;font-size:.8rem;color:var(--warning-text, #854d0e);font-weight:500;margin-top:4px}[data-theme=dark] .bc-pay-pending-banner{background:var(--warning-bg, #78350f33);color:var(--warning-text, #fbbf24)}.dw-proof-dropzone{border:2px dashed var(--border-color, #d1d5db);border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;color:var(--text-secondary, #6b7280);font-size:.85rem;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}.dw-proof-dropzone:hover,.dw-proof-dropzone.dragover{border-color:var(--brand-color, #3b82f6);background:#3b82f60a}.dw-proof-dropzone img{max-width:100%;max-height:220px;border-radius:8px;object-fit:contain}.dw-proof-dropzone .dw-proof-hint{font-size:.78rem;color:var(--text-muted, #9ca3af)}.mobile-card-agenda{border-left:none}.agenda-empty{text-align:center;padding:20px 0;color:var(--text-muted, #6b7280)}.agenda-empty-icon{font-size:2rem;display:block;margin-bottom:8px}.agenda-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border-color, #f0f1f3);min-height:52px}.agenda-item:last-of-type{border-bottom:none}.agenda-item-icon{width:40px;height:40px;min-width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.agenda-item-icon.priority-critical{background:var(--error-bg, rgba(239,68,68,.12));color:var(--error-text, #991b1b)}.agenda-item-icon.priority-high{background:rgba(var(--safety-color-rgb),.12);color:var(--safety-fg, #c2410c)}.agenda-item-icon.priority-medium{background:var(--warning-bg, rgba(234,179,8,.12));color:var(--warning-text, #854d0e)}.agenda-item-icon.priority-low{background:var(--success-bg, rgba(34,197,94,.12));color:var(--success-text, #166534)}.agenda-checkbox{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.agenda-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.agenda-title{flex:1;font-size:.92rem;font-weight:600;color:var(--text-primary, #1a1a1a);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-title-done{text-decoration:line-through;opacity:.5}.agenda-item-done{opacity:.55}.agenda-subtitle{font-size:.78rem;color:var(--text-muted, #9ca3af)}.agenda-status-badge{padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap;flex-shrink:0}.agenda-status-badge.done{background:var(--success-bg, rgba(34,197,94,.12));color:var(--success-text, #166534)}.agenda-status-badge.pending{background:var(--warning-bg, rgba(234,179,8,.12));color:var(--warning-text, #854d0e)}.agenda-status-badge.in-progress{background:var(--info-bg, rgba(59,130,246,.12));color:var(--info-text, #1d4ed8)}.agenda-priority-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.agenda-priority-critical{background:var(--error-solid, #b91c1c)}.agenda-priority-high{background:var(--safety-bg, #e85d04)}.agenda-priority-medium{background:var(--warning-solid, #a16207)}.agenda-priority-low{background:var(--success-solid, #15803d)}.agenda-show-more{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:12px;background:none;border:none;color:var(--brand-fg, var(--brand-color, #0D3B66));font-weight:600;font-size:.88rem;cursor:pointer;border-radius:12px;transition:background .15s}.agenda-show-more:hover{background:rgba(var(--brand-color-rgb, 13,59,102),.08)}.agenda-show-more:active{opacity:.7}@media(min-width:1025px){.mobile-dashboard-container{display:none!important}}@media(min-width:769px)and (max-width:1024px){.mobile-dashboard-container{max-width:560px;margin:0 auto;padding:0 16px}.mobile-card{padding:20px}.mobile-stat-grid{max-width:560px;margin:0 auto 4px;padding:0 16px}}@media(max-width:1024px){.persona-blue-collar .bottom-nav-container{justify-content:space-around}.persona-blue-collar .bottom-nav-item{min-width:80px}.persona-white-collar .bottom-nav-container{justify-content:space-around}.persona-white-collar .bottom-nav-item{min-width:60px}}@media(max-width:1024px)and (hover:none)and (pointer:coarse){.persona-blue-collar #user-overview-section>.desktop-profile-dashboard,.persona-white-collar #user-overview-section>.desktop-profile-dashboard{display:none!important}}@media(max-width:768px){.persona-blue-collar #user-overview-section>.desktop-profile-dashboard,.persona-white-collar #user-overview-section>.desktop-profile-dashboard{display:none!important}.persona-blue-collar #user-overview-section #bc-mobile-dashboard,.persona-blue-collar #bc-mobile-dashboard{display:flex!important;flex-direction:column}.persona-blue-collar #bc-mobile-dashboard #mobile-stat-grid,.persona-blue-collar #user-overview-section #mobile-stat-grid{display:grid!important}.persona-white-collar #user-overview-section #bc-mobile-dashboard,.persona-white-collar #bc-mobile-dashboard{display:none!important}.persona-white-collar #user-overview-section #wc-mobile-dashboard,.persona-white-collar #wc-mobile-dashboard{display:flex!important;flex-direction:column}#assessor-structure-nav-btn,#assessor-team-section,#hc-emp-org-structure-subsection,[data-call-arg=hc-emp-org-structure-subsection]{display:none!important}}@media(min-width:769px)and (max-width:1024px){body.device-mobile.persona-blue-collar #main-app #user-overview-section>.desktop-profile-dashboard,body.device-mobile.persona-white-collar #main-app #user-overview-section>.desktop-profile-dashboard,body.touch-device.persona-blue-collar #main-app #user-overview-section>.desktop-profile-dashboard,body.touch-device.persona-white-collar #main-app #user-overview-section>.desktop-profile-dashboard{display:none!important}body.device-mobile.persona-blue-collar #main-app #user-overview-section>#mobile-stat-grid,body.device-mobile.persona-white-collar #main-app #user-overview-section>#mobile-stat-grid,body.touch-device.persona-blue-collar #main-app #user-overview-section>#mobile-stat-grid,body.touch-device.persona-white-collar #main-app #user-overview-section>#mobile-stat-grid,body.device-mobile.persona-blue-collar #bc-mobile-dashboard #mobile-stat-grid,body.touch-device.persona-blue-collar #bc-mobile-dashboard #mobile-stat-grid{display:grid!important}body.device-mobile.persona-blue-collar #main-app #user-overview-section>#bc-mobile-dashboard,body.touch-device.persona-blue-collar #main-app #user-overview-section>#bc-mobile-dashboard,body.device-mobile.persona-white-collar #main-app #user-overview-section>#wc-mobile-dashboard,body.touch-device.persona-white-collar #main-app #user-overview-section>#wc-mobile-dashboard{display:flex!important}body.device-mobile.persona-blue-collar #main-app #user-overview-section>#wc-mobile-dashboard,body.touch-device.persona-blue-collar #main-app #user-overview-section>#wc-mobile-dashboard,body.device-mobile.persona-white-collar #main-app #user-overview-section>#bc-mobile-dashboard,body.touch-device.persona-white-collar #main-app #user-overview-section>#bc-mobile-dashboard{display:none!important}}@media(max-width:1024px){body.device-mobile.persona-blue-collar #main-app #user-overview-section>.desktop-profile-dashboard,body.device-mobile.persona-white-collar #main-app #user-overview-section>.desktop-profile-dashboard,body.touch-device.persona-blue-collar #main-app #user-overview-section>.desktop-profile-dashboard,body.touch-device.persona-white-collar #main-app #user-overview-section>.desktop-profile-dashboard{display:none!important}.persona-blue-collar #user-overview-section>.bc-quick-stats,.persona-blue-collar #user-overview-section>.bc-insights-section:not(#bc-mobile-insights),.persona-blue-collar #user-overview-section>#user-top-skills-card,.persona-blue-collar #user-overview-section>#bc-sharing-card,.persona-blue-collar #user-overview-section>.bc-quick-actions,.persona-blue-collar #user-overview-section>.mobile-logout-section:not(.mobile-dashboard-container .mobile-logout-section){display:none!important}.persona-blue-collar #user-sub-nav{display:none!important}.persona-white-collar #user-overview-section>.bc-quick-stats,.persona-white-collar #user-overview-section>.bc-insights-section,.persona-white-collar #user-overview-section>#user-top-skills-card,.persona-white-collar #user-overview-section>#bc-sharing-card,.persona-white-collar #user-overview-section>.bc-quick-actions,.persona-white-collar #user-overview-section>.mobile-logout-section:not(.mobile-dashboard-container .mobile-logout-section){display:none!important}.persona-white-collar #user-sub-nav{display:none!important}.persona-blue-collar .user-section-switcher,.persona-white-collar .user-section-switcher{display:flex}#bc-attendance-live-card,#bc-today-agenda,#bc-weekly-wage-card{display:none!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.persona-blue-collar #user-overview-section,.persona-white-collar #user-overview-section{overflow:visible;padding-bottom:calc(84px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}.persona-blue-collar .mobile-dashboard-container,.persona-white-collar .mobile-dashboard-container{width:100%;max-width:100%}}.wc-card-projects{border-left:none}.wc-project-stats-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.wc-stat-chip{background:rgba(var(--brand-color-rgb, 13,59,102),.08);border:none;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:600;color:var(--text-primary, #334155)}.wc-stat-danger{background:#ef44441a;color:var(--error-text, #991b1b)}.wc-stat-info{background:rgba(var(--brand-color-rgb, 13,59,102),.1);color:var(--brand-fg, var(--brand-color, #0D3B66))}.wc-project-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color, #f0f1f3);cursor:pointer}.wc-project-item:last-of-type{border-bottom:none}.wc-project-item:active{opacity:.7}.wc-project-icon{width:40px;height:40px;min-width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.wc-project-icon.overdue{background:var(--error-bg, rgba(239,68,68,.12));color:var(--error-text, #991b1b)}.wc-project-icon.on-track{background:var(--success-bg, rgba(34,197,94,.12));color:var(--success-text, #166534)}.wc-project-icon.in-progress{background:rgba(var(--brand-color-rgb, 13,59,102),.12);color:var(--brand-fg, var(--brand-color, #0D3B66))}.wc-project-content{flex:1;min-width:0}.wc-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.wc-project-name{font-size:.92rem;font-weight:600;color:var(--text-primary, #1e293b);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.wc-project-pct{font-size:.88rem;font-weight:700;flex-shrink:0}.wc-progress-bar{width:100%;height:4px;background:var(--border-color, #e5e7eb);border-radius:2px;overflow:hidden;margin-bottom:4px}.wc-progress-fill{height:100%;border-radius:2px;transition:width .5s ease}.wc-project-meta{display:flex;gap:10px;font-size:.78rem;color:var(--text-muted, #94a3b8);flex-wrap:wrap}.wc-delay-badge{color:var(--error-text, #991b1b);font-weight:600}.wc-card-attendance{border-left:none}.wc-att-summary{display:flex;align-items:center;gap:16px;margin-bottom:12px}.wc-att-circle{width:96px;height:96px;min-width:96px;min-height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:conic-gradient(var(--color) calc(var(--pct) * 1%),var(--bg) calc(var(--pct) * 1%));position:relative}.wc-att-circle:before{content:"";position:absolute;width:68px;height:68px;border-radius:50%;background:var(--bg-surface-2, #fff)}.wc-att-circle-text{position:relative;z-index:1;font-size:.95rem;font-weight:800;color:var(--text-primary, #1e293b);display:flex;flex-direction:column;align-items:center;line-height:1.2}.wc-att-circle-pct{font-size:1.3rem;font-weight:800}.wc-att-circle-label{font-size:.65rem;font-weight:500;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.wc-att-stats{flex:1;display:flex;flex-direction:column;gap:6px}.wc-att-stat-row{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary, #475569)}.wc-att-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.wc-att-detail{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-top:1px solid var(--border-color, #f0f1f3);font-size:.8rem}.wc-att-label{font-weight:600;color:var(--text-primary, #374151);white-space:nowrap}.wc-att-names{color:var(--text-muted, #6b7280);flex:1;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media(max-width:480px)and (hover:none)and (pointer:coarse){.wc-att-summary{gap:12px}.wc-att-circle{width:80px;height:80px;min-width:80px;min-height:80px}.wc-att-circle:before{width:56px;height:56px}.wc-att-circle-pct{font-size:1.05rem}.wc-att-circle-label{font-size:.58rem}.wc-att-stat-row{font-size:.78rem;gap:6px}.wc-att-detail{font-size:.76rem;gap:6px}.wc-att-names{-webkit-line-clamp:1;line-clamp:1}}@media(max-width:360px){.wc-att-circle{width:68px;height:68px;min-width:68px;min-height:68px}.wc-att-circle:before{width:48px;height:48px}.wc-att-circle-pct{font-size:.9rem}.wc-att-stat-row{font-size:.74rem}}.wc-card-competency{border-left:none}.wc-comp-overview{text-align:center;padding:8px 0 14px}.wc-comp-score-big{font-size:2.4rem;font-weight:800;line-height:1}.wc-comp-score-label,.wc-comp-assessed-info{font-size:.78rem;color:var(--text-muted, #94a3b8);margin-top:4px}.wc-pending-badge{background:#eab3081a;border:none;border-radius:12px;padding:10px 14px;font-size:.82rem;font-weight:600;color:#92400e;text-align:center;margin-bottom:12px;cursor:pointer;transition:background .15s}.wc-pending-badge:active{opacity:.7}.wc-comp-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #94a3b8);margin:12px 0 6px}.wc-comp-member{display:flex;align-items:center;gap:10px;padding:6px 0}.wc-comp-member-name{font-size:.85rem;color:var(--text-primary, #334155);min-width:80px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.wc-comp-bar-wrap{flex:1;height:6px;background:var(--border-color, #e5e7eb);border-radius:3px;overflow:hidden}.wc-comp-bar{height:100%;border-radius:3px;transition:width .5s ease}.wc-comp-score{font-size:.82rem;font-weight:700;color:var(--text-primary, #334155);min-width:32px;text-align:right}.wc-comp-score-warn{color:var(--error-text, #991b1b)}.wc-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:2px 0}.wc-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;border:1px solid var(--border-color, #e8eaed);border-radius:14px;background:var(--bg-surface-2, #fff);cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:68px}.wc-action-btn:active{transform:scale(.95);box-shadow:0 1px 4px #00000014}.wc-action-icon-circle{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.wc-action-icon-absen{background:#22c55e1f;color:var(--success-text, #166534)}.wc-action-icon-profil{background:rgba(var(--brand-color-rgb, 13,59,102),.12);color:var(--brand-fg, var(--brand-color, #0D3B66))}.wc-action-icon-tim{background:#8b5cf61f;color:#8b5cf6}.wc-action-icon{font-size:1.5rem}.wc-action-label{font-size:.78rem;font-weight:600;color:var(--text-secondary, #475569)}.wc-empty-state{text-align:center;padding:20px;color:var(--text-muted, #94a3b8);font-size:.88rem}@media(max-width:1024px){body.device-mobile.persona-white-collar #main-app #user-history-section-wrapper,body.touch-device.persona-white-collar #main-app #user-history-section-wrapper,body.device-mobile.persona-white-collar #main-app #assessor-tab,body.touch-device.persona-white-collar #main-app #assessor-tab{width:100%;max-width:100%;margin:0;overflow-x:auto;padding-bottom:calc(96px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}body.device-mobile.persona-white-collar #assessor-sub-nav,body.touch-device.persona-white-collar #assessor-sub-nav{display:none!important}body.device-mobile.persona-white-collar #user-history-section-wrapper .mobile-profil-insights,body.touch-device.persona-white-collar #user-history-section-wrapper .mobile-profil-insights{margin:0 0 12px;padding:0}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-page-shell,body.touch-device.persona-white-collar #user-history-section-wrapper .history-page-shell{gap:10px;margin-bottom:12px}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-hero-card,body.touch-device.persona-white-collar #user-history-section-wrapper .history-hero-card,body.device-mobile.persona-white-collar #user-history-section-wrapper .history-panel-card,body.touch-device.persona-white-collar #user-history-section-wrapper .history-panel-card,body.device-mobile.persona-white-collar #user-history-section-wrapper .history-detail-panel,body.touch-device.persona-white-collar #user-history-section-wrapper .history-detail-panel,body.device-mobile.persona-white-collar #assessor-tab .org-preview-card,body.touch-device.persona-white-collar #assessor-tab .org-preview-card,body.device-mobile.persona-white-collar #assessor-tab .pending-assessments-card,body.touch-device.persona-white-collar #assessor-tab .pending-assessments-card,body.device-mobile.persona-white-collar #assessor-tab .mini-stats-card,body.touch-device.persona-white-collar #assessor-tab .mini-stats-card{border-radius:8px;box-shadow:none}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-hero-card,body.touch-device.persona-white-collar #user-history-section-wrapper .history-hero-card{min-height:0;padding:14px}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-title,body.touch-device.persona-white-collar #user-history-section-wrapper .history-title{font-size:1.35rem}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-stat-strip,body.touch-device.persona-white-collar #user-history-section-wrapper .history-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-stat-item,body.touch-device.persona-white-collar #user-history-section-wrapper .history-stat-item{min-height:68px;padding:10px}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-stat-item strong,body.touch-device.persona-white-collar #user-history-section-wrapper .history-stat-item strong{font-size:1.35rem}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-content-grid,body.touch-device.persona-white-collar #user-history-section-wrapper .history-content-grid{display:grid;grid-template-columns:1fr;gap:12px}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header,body.touch-device.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header,body.device-mobile.persona-white-collar #assessor-tab .section-header,body.touch-device.persona-white-collar #assessor-tab .section-header,body.device-mobile.persona-white-collar #assessor-tab .org-header-actions,body.touch-device.persona-white-collar #assessor-tab .org-header-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header .btn-secondary,body.touch-device.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header .btn-secondary,body.device-mobile.persona-white-collar #assessor-tab .section-header .btn-secondary,body.touch-device.persona-white-collar #assessor-tab .section-header .btn-secondary{width:100%;justify-content:center;min-height:44px}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-tabs,body.touch-device.persona-white-collar #user-history-section-wrapper .history-tabs{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:8px;-webkit-overflow-scrolling:touch}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-tab-btn,body.touch-device.persona-white-collar #user-history-section-wrapper .history-tab-btn{flex:0 0 auto;white-space:nowrap;min-height:40px}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-detail-body,body.touch-device.persona-white-collar #user-history-section-wrapper .history-detail-body{padding:12px;overflow:hidden}body.device-mobile.persona-white-collar #user-history-section-wrapper .history-detail-body .table-wrapper,body.touch-device.persona-white-collar #user-history-section-wrapper .history-detail-body .table-wrapper{overflow-x:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;-webkit-overflow-scrolling:touch}body.device-mobile.persona-white-collar #user-history-section-wrapper #user-history-table,body.touch-device.persona-white-collar #user-history-section-wrapper #user-history-table,body.device-mobile.persona-white-collar #user-history-section-wrapper #user-given-history-table,body.touch-device.persona-white-collar #user-history-section-wrapper #user-given-history-table{min-width:560px;font-size:.82rem}body.device-mobile.persona-white-collar #user-history-section-wrapper .assessment-filter .filter-row,body.touch-device.persona-white-collar #user-history-section-wrapper .assessment-filter .filter-row{display:grid;grid-template-columns:1fr;gap:10px}body.device-mobile.persona-white-collar #assessor-tab .assessor-section,body.touch-device.persona-white-collar #assessor-tab .assessor-section{max-width:100%}body.device-mobile.persona-white-collar #assessor-team-section .org-preview-card,body.touch-device.persona-white-collar #assessor-team-section .org-preview-card{width:100%;margin:0;padding:12px}body.device-mobile.persona-white-collar #assessor-team-section .org-controls,body.touch-device.persona-white-collar #assessor-team-section .org-controls{width:100%;display:grid;grid-template-columns:1fr;gap:8px}body.device-mobile.persona-white-collar #assessor-team-section .search-box,body.touch-device.persona-white-collar #assessor-team-section .search-box{width:100%;min-width:0}body.device-mobile.persona-white-collar #assessor-team-section .search-box input,body.touch-device.persona-white-collar #assessor-team-section .search-box input,body.device-mobile.persona-white-collar #assessor-team-section .org-controls .btn-secondary,body.touch-device.persona-white-collar #assessor-team-section .org-controls .btn-secondary{width:100%;min-width:0;min-height:44px}body.device-mobile.persona-white-collar #assessor-team-section .desktop-only,body.touch-device.persona-white-collar #assessor-team-section .desktop-only{display:none!important}body.device-mobile.persona-white-collar #assessor-team-section .mobile-only,body.touch-device.persona-white-collar #assessor-team-section .mobile-only{display:block!important}body.device-mobile.persona-white-collar #user-org-list,body.touch-device.persona-white-collar #user-org-list{display:grid!important;gap:8px}body.device-mobile.persona-white-collar #user-org-list .org-list-item,body.touch-device.persona-white-collar #user-org-list .org-list-item{padding:0!important;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff);overflow:hidden}body.device-mobile.persona-white-collar #user-org-list .org-list-item.is-me,body.touch-device.persona-white-collar #user-org-list .org-list-item.is-me{border-left:3px solid var(--brand-color, #0D3B66)}body.device-mobile.persona-white-collar #user-org-list .org-list-header,body.touch-device.persona-white-collar #user-org-list .org-list-header{min-height:58px;padding:12px;gap:10px}body.device-mobile.persona-white-collar #user-org-list .org-list-info,body.touch-device.persona-white-collar #user-org-list .org-list-info{min-width:0}body.device-mobile.persona-white-collar #user-org-list .org-list-name,body.touch-device.persona-white-collar #user-org-list .org-list-name,body.device-mobile.persona-white-collar #user-org-list .org-list-pos,body.touch-device.persona-white-collar #user-org-list .org-list-pos{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.device-mobile.persona-white-collar #user-org-list .org-list-right,body.touch-device.persona-white-collar #user-org-list .org-list-right{flex:0 0 auto}body.device-mobile.persona-white-collar #user-org-list .org-list-children,body.touch-device.persona-white-collar #user-org-list .org-list-children{margin-left:0;padding:0 8px 8px 10px;border-left:0;background:var(--bg-secondary, rgba(0,0,0,.03))}}@media(max-width:768px)and (hover:none)and (pointer:coarse){#user-history-section-wrapper{width:100%;max-width:none;overflow-x:hidden;padding-bottom:calc(90px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}#user-history-section-wrapper .history-page-shell{gap:8px;margin-bottom:8px}#user-history-section-wrapper .history-hero-card{min-height:58px;flex-direction:row;align-items:center;padding:10px 12px;gap:10px;border-radius:8px;box-shadow:none}#user-history-section-wrapper .history-hero-card>div{min-width:0;flex:1}#user-history-section-wrapper .history-eyebrow{margin-bottom:2px;font-size:.62rem;line-height:1.1}#user-history-section-wrapper .history-title{font-size:1.08rem;line-height:1.15}#user-history-section-wrapper .history-subtitle{margin-top:3px;max-width:100%;overflow:hidden;color:var(--text-secondary);font-size:.76rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}#user-history-section-wrapper .history-icon-action{width:34px;height:34px;flex-basis:34px;border-radius:8px;font-size:1rem}#user-history-section-wrapper .history-stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#user-history-section-wrapper .history-stat-item{min-height:46px;padding:7px 5px;text-align:center;border-radius:8px;box-shadow:none}#user-history-section-wrapper .history-stat-item span{min-height:1.7em;font-size:.58rem;line-height:1.15}#user-history-section-wrapper .history-stat-item strong{margin-top:4px;font-size:1rem;line-height:1}#user-history-section-wrapper .history-content-grid{grid-template-columns:1fr;gap:8px}#user-history-section-wrapper .history-panel-card,#user-history-section-wrapper .history-detail-panel{border-radius:8px;box-shadow:none}#user-history-section-wrapper .history-panel-head,#user-history-section-wrapper .history-detail-panel>summary{min-height:40px;padding:9px 11px;gap:7px}#user-history-section-wrapper .history-panel-head h4,#user-history-section-wrapper .history-detail-panel h4,#user-history-section-wrapper .history-detail-panel>summary{font-size:.88rem;line-height:1.2}#user-history-section-wrapper .history-career-panel .bc-timeline-container{padding:8px}#user-history-section-wrapper .bc-timeline{padding-left:16px}#user-history-section-wrapper .bc-timeline:before{left:5px;width:2px}#user-history-section-wrapper .bc-timeline-item{margin-bottom:8px;padding:9px;border-radius:8px;box-shadow:none}#user-history-section-wrapper .bc-timeline-item:hover{transform:none}#user-history-section-wrapper .bc-timeline-item:before{top:17px;left:-15px;width:9px;height:9px;border-width:2px}#user-history-section-wrapper .bc-timeline-header{flex-direction:row;align-items:flex-start;gap:8px;margin-bottom:5px}#user-history-section-wrapper .bc-timeline-company{min-width:0;flex:1;gap:8px}#user-history-section-wrapper .bc-timeline-logo{width:30px;height:30px;border-radius:8px;font-size:1rem}#user-history-section-wrapper .bc-timeline-logo i{font-size:1rem}#user-history-section-wrapper .bc-timeline-company-name,#user-history-section-wrapper .bc-timeline-position{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-history-section-wrapper .bc-timeline-company-name{font-size:.86rem}#user-history-section-wrapper .bc-timeline-position{font-size:.74rem}#user-history-section-wrapper .bc-timeline-dates{max-width:42%;margin-top:0;text-align:right;font-size:.68rem;line-height:1.25}#user-history-section-wrapper .bc-timeline-date-range,#user-history-section-wrapper .bc-timeline-duration{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-history-section-wrapper .bc-timeline-rating{margin-top:5px;gap:5px}#user-history-section-wrapper .bc-timeline-stars,#user-history-section-wrapper .bc-timeline-rating-label,#user-history-section-wrapper .bc-timeline-expand,#user-history-section-wrapper .bc-timeline-detail-item{font-size:.72rem}#user-history-section-wrapper .bc-timeline-expand{margin-top:4px;padding:5px}#user-history-section-wrapper .bc-timeline-details{margin-top:7px;padding-top:7px}#user-history-section-wrapper .bc-timeline-detail-item{padding:4px 0}#user-history-section-wrapper .bc-timeline-empty{padding:18px 12px}#user-history-section-wrapper .bc-timeline-empty-icon{margin-bottom:6px;font-size:1.8rem}#user-history-section-wrapper .bc-timeline-empty-text{margin-bottom:6px;font-size:.86rem}#user-history-section-wrapper .history-panel-card.riwayat-summary{padding:10px}#user-history-section-wrapper .history-panel-card .riwayat-summary-header,body.device-mobile.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header,body.touch-device.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:8px}#user-history-section-wrapper .riwayat-summary-title{font-size:.92rem;line-height:1.2}#user-history-section-wrapper .riwayat-summary-subtitle{display:-webkit-box;margin-top:3px;overflow:hidden;font-size:.72rem;line-height:1.25;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}#user-history-section-wrapper .history-panel-card .riwayat-summary-header .btn-secondary,body.device-mobile.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header .btn-secondary,body.touch-device.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header .btn-secondary{width:auto;min-width:0;min-height:34px;justify-content:center;padding:0 9px;border-radius:8px;font-size:.72rem;white-space:nowrap}#user-history-section-wrapper .history-panel-card .riwayat-summary-overall{margin-bottom:8px}#user-history-section-wrapper .overall-score-card,#user-history-section-wrapper .summary-card{padding:9px;border-radius:8px}#user-history-section-wrapper .overall-score-value{font-size:1.55rem;line-height:1}#user-history-section-wrapper .overall-score-label{font-size:.76rem}#user-history-section-wrapper .overall-score-hint{margin-top:3px;font-size:.7rem;line-height:1.25}#user-history-section-wrapper .riwayat-summary-grid{gap:8px}#user-history-section-wrapper .summary-card-header{gap:7px;margin-bottom:7px;font-size:.8rem}#user-history-section-wrapper .summary-list{gap:7px}#user-history-section-wrapper .skill-row{gap:6px}#user-history-section-wrapper .skill-name{min-width:0;overflow:hidden;font-size:.76rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}#user-history-section-wrapper .skill-score{padding:2px 7px;font-size:.72rem}#user-history-section-wrapper .skill-meter{height:6px}#user-history-section-wrapper .summary-empty{padding:8px;border-radius:8px;font-size:.76rem;line-height:1.3}#user-history-section-wrapper .riwayat-summary-footer{margin-top:5px}#user-history-section-wrapper .link-btn{min-height:32px;font-size:.78rem}#user-history-section-wrapper .history-detail-panel{margin-top:8px}#user-history-section-wrapper .history-detail-body{padding:9px}#user-history-section-wrapper .history-detail-body .user-card-header h4{font-size:.88rem}#user-history-section-wrapper .history-tabs{gap:6px;margin-bottom:8px!important;padding-bottom:6px!important;overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}#user-history-section-wrapper .history-tab-btn{min-height:34px;flex:0 0 auto;padding:6px 10px;font-size:.74rem;white-space:nowrap}#user-history-section-wrapper .history-panel .helper-text{margin-bottom:8px!important;font-size:.72rem;line-height:1.3}#user-history-section-wrapper .history-detail-body .table-wrapper{overflow-x:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;-webkit-overflow-scrolling:touch}#user-history-section-wrapper #user-history-table,#user-history-section-wrapper #user-given-history-table{min-width:520px;font-size:.76rem}#user-history-section-wrapper #user-history-table th,#user-history-section-wrapper #user-history-table td,#user-history-section-wrapper #user-given-history-table th,#user-history-section-wrapper #user-given-history-table td{padding:7px 8px}}@media(max-width:360px){#user-history-section-wrapper .history-stat-strip{gap:4px}#user-history-section-wrapper .history-stat-item{padding-inline:3px}#user-history-section-wrapper .history-stat-item span{font-size:.54rem}#user-history-section-wrapper .history-stat-item strong{font-size:.92rem}#user-history-section-wrapper .history-panel-card .riwayat-summary-header,body.device-mobile.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header,body.touch-device.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header{grid-template-columns:1fr}#user-history-section-wrapper .history-panel-card .riwayat-summary-header .btn-secondary,body.device-mobile.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header .btn-secondary,body.touch-device.persona-white-collar #user-history-section-wrapper .history-panel-card .riwayat-summary-header .btn-secondary{width:100%}}.mobile-profil-insights{margin-bottom:16px;padding:0 4px}.mobile-profil-insights .bc-section-title{font-size:1rem;margin-bottom:10px}.mobile-profil-insights .bc-insights-grid{gap:8px}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-card{background:var(--bg-surface-2, #fff);border-radius:20px;padding:16px;border:1px solid var(--border-color, #e8eaed);overflow:hidden}.skeleton-line{height:14px;border-radius:8px;background:linear-gradient(90deg,var(--border-color, #e8eaed) 0px,rgba(0,0,0,.03) 40px,var(--border-color, #e8eaed) 80px);background-size:200px 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;margin-bottom:10px}[data-theme=dark] .skeleton-line{background:linear-gradient(90deg,var(--border-color, #333) 0px,rgba(255,255,255,.08) 40px,var(--border-color, #333) 80px);background-size:200px 100%}.skeleton-line.w-60{width:60%}.skeleton-line.w-40{width:40%}.skeleton-line.w-80{width:80%}.skeleton-line.w-100{width:100%}.skeleton-line.h-lg{height:28px}.skeleton-line.h-xl{height:52px;border-radius:14px}.skeleton-row{display:flex;gap:8px;margin-bottom:10px}.skeleton-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,var(--border-color, #e8eaed) 0px,rgba(0,0,0,.03) 40px,var(--border-color, #e8eaed) 80px);background-size:200px 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;flex-shrink:0}[data-theme=dark] .skeleton-circle{background:linear-gradient(90deg,var(--border-color, #333) 0px,rgba(255,255,255,.08) 40px,var(--border-color, #333) 80px);background-size:200px 100%}.skeleton-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px;margin-bottom:4px}.skeleton-stat-card{background:var(--bg-surface-2, #fff);border-radius:16px;padding:14px;border:1px solid var(--border-color, #e8eaed)}.skeleton-stat-card .skeleton-line:first-child{width:40%;height:10px;margin-bottom:8px}.skeleton-stat-card .skeleton-line:last-child{width:70%;height:24px;margin-bottom:0}.bc-insights-collapsible{background:var(--bg-surface-2, #fff);border-radius:20px;padding:4px 16px;border:1px solid var(--border-color, #e8eaed)}.bc-insights-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:12px 0;color:var(--text-primary, #1a1a1a)}.bc-insights-toggle .bc-section-title{margin:0;font-size:1rem}.bc-insights-chevron{font-size:1.2rem;transition:transform .25s ease;color:var(--text-muted, #6b7280)}.bc-insights-content{padding-bottom:12px}.attendance-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:24px;font-size:.95rem;font-weight:700}.attendance-status-badge.working{background:#22c55e1f;color:var(--success-text, #166534);border:1px solid rgba(34,197,94,.2)}.attendance-status-badge.not-checked{background:#9ca3af1a;color:var(--text-muted, #9ca3af);border:1px solid rgba(156,163,175,.2)}.attendance-status-dot{width:10px;height:10px;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.attendance-status-badge.working .attendance-status-dot{background:var(--success-solid, #15803d)}.attendance-status-badge.not-checked .attendance-status-dot{background:#9ca3af;animation:none}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.bottom-nav-item{padding:4px 1px;margin:0 1px}.bottom-nav-container{max-width:100%;padding:0 8px}}@media(max-width:374px)and (hover:none)and (pointer:coarse){.mobile-dashboard-container{padding:0 8px}.mobile-card{padding:12px;border-radius:16px}.wage-day-indicator{width:28px;height:28px;font-size:.75rem}.wage-day-label{font-size:.65rem}.bottom-nav-item span{font-size:11px}.level-welcome{margin:0 8px 4px!important;padding:16px!important;border-radius:16px!important}.level-welcome-title{font-size:1.15rem!important}}.absen-cuti-switcher{display:flex;gap:4px;padding:4px;margin:8px 16px;background:var(--bg-surface-2, #f3f4f6);border-radius:12px}.absen-cuti-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.absen-cuti-tab.active{background:var(--bg-surface, #fff);color:var(--brand-fg, var(--brand-color, #0D3B66));box-shadow:0 1px 3px #0000001a;font-weight:600}.absen-cuti-tab i{font-size:1rem}.pull-to-refresh-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-60px);z-index:9999;background:var(--bg-surface, #fff);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000026;transition:transform .25s ease;pointer-events:none}.pull-to-refresh-indicator.visible{transform:translate(-50%) translateY(16px)}.pull-to-refresh-indicator.loading .ptr-arrow{animation:ptr-spin .8s linear infinite}.ptr-arrow{font-size:1.25rem;color:var(--brand-fg, var(--brand-color, #0D3B66))}@keyframes ptr-spin{to{transform:rotate(360deg)}}.salary-masked{filter:blur(8px);transition:filter .3s ease;cursor:pointer;user-select:none}.salary-masked.revealed{filter:none}.salary-mask-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-surface-2, #f3f4f6);font-size:.75rem;color:var(--text-secondary, #6b7280);cursor:pointer}.salary-mask-toggle:hover{background:var(--bg-surface-3, #e5e7eb)}.notif-skeleton{padding:16px;border-bottom:1px solid var(--border-color, #e5e7eb)}.notif-skeleton .skeleton-line{height:12px;background:var(--bg-surface-2, #f3f4f6);border-radius:6px;margin-bottom:8px;animation:skeleton-pulse 1.2s ease-in-out infinite}.notif-skeleton .skeleton-line.w-40{width:40%}.notif-skeleton .skeleton-line.w-60{width:60%}.notif-skeleton .skeleton-line.w-80{width:80%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(max-width:768px){.level-welcome{background:linear-gradient(135deg,var(--brand-color, #0D3B66) 0%,var(--brand-hover, #082F49) 100%)!important;border-radius:16px!important;padding:14px 14px 12px!important;margin:0 4px 4px!important;border:none!important;box-shadow:0 4px 20px rgba(var(--brand-color-rgb, 13,59,102),.3)!important;position:relative;overflow:hidden;box-sizing:border-box}.hero-welcome-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.hero-welcome-content{flex:1 1 auto;min-width:0}.level-welcome-title{font-size:1.15rem!important;font-weight:700!important;color:#fff!important;margin:0 0 2px;line-height:1.25}.level-welcome-text{font-size:.8rem!important;color:#ffffffd9!important;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.persona-blue-collar #user-overview-section>.desktop-profile-dashboard,.persona-white-collar #user-overview-section>.desktop-profile-dashboard{display:none!important}#mobile-stat-grid,.mobile-stat-grid,.mobile-dashboard-container{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.mobile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 4px}.mobile-stat-card,.mobile-card,.mobile-card-wage,.mobile-card-payment,.mobile-card-agenda,.mobile-card-attendance{min-width:0;max-width:100%;box-sizing:border-box}.wage-days-row{min-width:0;max-width:100%;overflow:hidden}.persona-blue-collar #user-overview-section,.persona-white-collar #user-overview-section{overflow-x:hidden;padding-bottom:calc(84px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}}@media(max-width:374px){.mobile-dashboard-container{padding:0 8px}.mobile-card{padding:12px;border-radius:16px}}@media(max-width:320px)and (hover:none)and (pointer:coarse){body{font-size:16px!important;padding:4px!important}.container{padding:4px!important}*,*:before,*:after{max-width:100%!important;box-sizing:border-box!important}img,video,iframe,table{max-width:100%!important;height:auto!important}button:not(.sidebar-nav-item):not(.sub-nav-btn),.btn,.button,a.btn{min-height:48px!important;min-width:48px!important;font-size:16px!important;padding:12px 14px!important}.btn-group,.button-group{flex-direction:column!important;width:100%!important}.btn-group>*,.button-group>*{width:100%!important}.card,.user-dashboard-card,.stat-card{padding:10px 8px!important;margin-bottom:8px!important;margin-left:-4px!important;margin-right:-4px!important;width:calc(100% + 8px)!important;border-radius:8px!important}.btn-icon-text .btn-text{display:none!important}}@media(min-width:321px)and (max-width:374px)and (hover:none)and (pointer:coarse){body{font-size:16px!important;padding:8px!important}.container{padding:8px!important}*{max-width:100%;box-sizing:border-box}img{max-width:100%!important;height:auto!important}button:not(.sidebar-nav-item):not(.sub-nav-btn),.btn,.button{min-height:52px!important;font-size:17px!important;padding:14px 20px!important}.insight-icon{display:none!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.profile-photo-container{width:100px!important;height:100px!important;margin:0 auto 12px}.profile-photo{width:100px!important;height:100px!important;border-radius:50px!important}.profile-name{font-size:20px!important;font-weight:700!important;text-align:center}.profile-position{font-size:14px!important;text-align:center}.status-badge{padding:6px 12px!important;font-size:13px!important;min-height:32px!important;display:inline-flex!important;align-items:center!important;gap:4px!important}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.profile-photo-container{width:80px!important;height:80px!important;margin:0 auto 10px}.profile-photo{width:80px!important;height:80px!important;border-radius:40px!important}.profile-name{font-size:18px!important}.profile-position{font-size:13px!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-card,.task-card{min-height:56px!important;padding:12px!important;display:flex!important;align-items:center!important;gap:10px!important}.agenda-icon,.task-icon{font-size:24px!important;min-width:32px!important;flex-shrink:0!important}.agenda-status-icon{font-size:20px!important;margin-left:auto!important}.agenda-title{font-size:14px!important;font-weight:600!important}.agenda-subtitle{font-size:12px!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.attendance-checkin-btn,#check-in-btn,#check-out-btn{min-height:60px!important;font-size:18px!important;font-weight:700!important;border-radius:12px!important;padding:14px!important;width:100%!important;max-width:100%!important;box-shadow:0 4px 12px #00000026!important}.attendance-checkin-btn i{font-size:24px!important}.attendance-clock{font-size:36px!important;font-weight:700!important;text-align:center!important;margin:14px 0!important}.gps-status{font-size:14px!important;padding:10px!important;display:flex!important;align-items:center!important;gap:6px!important}.gps-status i{font-size:18px!important}.gps-status,.attendance-status-pill,#user-attendance-face-reminder{font-size:15px!important;line-height:1.45!important}#user-attendance-history-table td,#user-attendance-history-table th{font-size:14px!important;padding:10px 8px!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){[data-theme=dark] .attendance-checkin-btn,[data-theme=dark] #check-in-btn,[data-theme=dark] #check-out-btn,[data-theme=dark] #user-attendance-checkin-btn,[data-theme=dark] #user-attendance-checkout-btn{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}[data-theme=dark] .attendance-clock,[data-theme=dark] .gps-status,[data-theme=dark] #user-attendance-face-reminder,[data-theme=dark] #user-attendance-history-table td,[data-theme=dark] #user-attendance-history-table th{color:var(--text-primary, #f3f4f6)!important}[data-theme=dark] .gps-status{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){dialog.modal-dialog{width:95%!important;max-width:100%!important;padding:20px!important}.modal-body button{width:100%!important;min-height:52px!important;font-size:17px!important;margin-bottom:8px!important}.modal-title{font-size:22px!important}.modal-close-btn{min-width:48px!important;min-height:48px!important;font-size:32px!important}.modal-body input,.modal-body select,.modal-body textarea{padding:16px!important;font-size:16px!important;min-height:52px!important}}.loading-spinner{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:20px;font-size:16px;color:var(--text-secondary)}.loading-spinner:before{content:"";width:32px;height:32px;border:3px solid rgba(var(--brand-color-rgb, 13, 59, 102),.2);border-top-color:var(--brand-color);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#121212e6;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;gap:20px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.loading-overlay.active{opacity:1;visibility:visible}.loading-overlay .spinner-large{width:64px;height:64px;border:4px solid rgba(var(--brand-color-rgb, 13, 59, 102),.2);border-top-color:var(--brand-color);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center}.toast-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);min-width:280px;max-width:90%;min-height:60px;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #00000040;z-index:10002;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.toast-success{background:var(--success-color);color:#fff}.toast-error{background:var(--error-color);color:#fff}.toast-warning{background:var(--warning-color);color:#fff}.toast-notification i{font-size:28px;flex-shrink:0}button:active:not(.sidebar-nav-item):not(.sub-nav-btn),.btn:active,.button:active{transform:scale(.95);transition:transform .1s ease}button:disabled{opacity:.5!important;cursor:not-allowed!important}.icon-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:48px!important;min-height:48px!important;font-size:16px!important}.icon-button i{font-size:20px!important}.icon-only{min-width:48px!important;min-height:48px!important;padding:12px!important}.icon-only i{font-size:24px!important}.icon-button-lg{min-width:56px!important;min-height:56px!important;font-size:18px!important}.icon-button-lg i{font-size:28px!important}.status-active{color:var(--success-text, var(--success-color))!important;font-weight:600!important}.status-inactive{color:var(--text-secondary)!important}.status-pending{color:var(--warning-text, var(--warning-color))!important;font-weight:600!important}.status-error{color:var(--error-text, var(--error-color))!important;font-weight:600!important}@media(max-width:768px)and (hover:none)and (pointer:coarse){.bottom-nav{border-top:1px solid var(--border-color);box-shadow:0 -2px 12px #0000001a}.bottom-nav-item{border-radius:8px;margin:2px}.bottom-nav-item i{font-size:28px}.bottom-nav-item span{font-size:11px;font-weight:600}.bottom-nav-item.active{background:rgba(var(--brand-color-rgb, 13, 59, 102),.12);color:var(--brand-fg, var(--brand-color))}.bottom-nav-item.active i{transform:scale(1.1)}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.card,.info-card,.stat-card{padding:16px!important}.card-title{font-size:18px!important}.card-text{font-size:15px!important;line-height:1.6!important}}button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid var(--brand-color)!important;outline-offset:2px!important}button,.btn,.button,.tab-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(var(--brand-color-rgb, 13, 59, 102),.3)}@media(max-width:768px)and (hover:none)and (pointer:coarse){button:not(.btn-link):not(.close-modal),.btn:not(.btn-link),.button,input[type=button],input[type=submit],input[type=reset]{min-height:48px;min-width:48px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=search],select,textarea{min-height:48px;font-size:16px!important;padding:12px 14px}a.btn,a.button,.nav-link,.sidebar-nav-item,.bottom-nav-item{min-height:48px;display:inline-flex;align-items:center}.actions button,td button,td .btn,.table-actions button{min-width:44px;min-height:44px;padding:10px}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px;margin:12px}.close-modal,.btn-close,.modal-close-btn,[aria-label=Close]{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.table-card-mobile{display:block!important;width:100%!important}.table-card-mobile thead{display:none!important}.table-card-mobile tbody{display:flex;flex-direction:column;gap:12px}.table-card-mobile tr{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px;gap:8px;box-shadow:0 2px 4px #0000001a}.table-card-mobile tr:hover{border-color:var(--brand-color);box-shadow:0 4px 8px #00000026}.table-card-mobile td{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border:none;border-bottom:1px solid var(--border-color);font-size:15px;line-height:1.5;word-break:break-word}.table-card-mobile td:last-child{border-bottom:none}.table-card-mobile td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:13px;flex-shrink:0;margin-right:12px;min-width:80px;text-transform:uppercase;letter-spacing:.5px}.table-card-mobile td:not([data-label]):before,.table-card-mobile td[data-label=""]:before{display:none}.table-card-mobile td>*{flex:1;text-align:right}.table-card-mobile td.actions,.table-card-mobile td.table-actions,.table-card-mobile td.actions-cell{flex-direction:row;justify-content:flex-start;gap:8px;flex-wrap:wrap;padding-top:12px;margin-top:4px}.table-card-mobile td.actions:before,.table-card-mobile td.table-actions:before,.table-card-mobile td.actions-cell:before{display:none}.table-card-mobile td.actions>*,.table-card-mobile td.actions button{text-align:left;flex:0 0 auto}.table-card-mobile .status-badge,.table-card-mobile .badge{font-size:12px;padding:4px 10px}.table-card-mobile tr td:first-child{font-weight:600;font-size:16px;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:12px;margin-bottom:4px}.table-card-mobile tr td:first-child:before{display:none}}.table-responsive-wrapper{position:relative;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg-surface-1));pointer-events:none;opacity:1;transition:opacity .3s}.table-responsive-wrapper.scrolled-end:after{opacity:0}@media(min-width:769px){.table-responsive-wrapper:after{display:none}}.bc-section-page{padding:8px 4px 80px}.bc-section-page-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding:0 8px}.bc-section-page-title i{font-size:1.3rem;color:var(--brand-fg, var(--brand-color))}.bc-mark-all-read-btn{margin-left:auto;display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;font-weight:500}.bc-mark-all-read-btn:active{background:var(--bg-surface-2)}.gaji-card-container{margin-bottom:12px}.mobile-card-wage-running .wage-amount-big{font-size:2rem;font-weight:800;color:var(--brand-fg, var(--brand-color));line-height:1.1;margin:4px 0}.mobile-card-wage-running .wage-detail-calc{font-size:.95rem;color:var(--text-secondary);margin:4px 0 2px}.mobile-card-wage-running .wage-since-label{font-size:.8rem;color:var(--text-muted);margin:0 0 10px}.mobile-card-wage-running .wage-last-pay{font-size:.8rem;color:var(--text-muted);margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border-color-light, #eee)}.wage-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:.9rem}.gaji-pay-row{padding:10px 0}.gaji-pay-row .bc-pay-date{display:block;font-size:.72rem;color:var(--text-muted);margin-top:2px}.gaji-total-paid{padding:8px 12px;margin-bottom:8px;background:var(--bg-surface-2, #f8f9fa);border-radius:8px;font-size:.85rem;color:var(--text-secondary);text-align:center}.gaji-total-paid strong{color:var(--brand-fg, var(--brand-color))}.fullpage-notification-list{display:flex;flex-direction:column;gap:2px}.fullpage-notif-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-muted)}.fullpage-notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:10px;background:var(--bg-surface-1, #fff);cursor:pointer;transition:background .15s;position:relative}.fullpage-notif-item:active{background:var(--bg-surface-2, #f0f0f0)}.fullpage-notif-unread{background:var(--bg-surface-2, #f0f7ff);border-left:3px solid var(--brand-color)}.fullpage-notif-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--bg-surface-2, #e8f0fe);display:flex;align-items:center;justify-content:center;color:var(--brand-fg, var(--brand-color));font-size:1.1rem}.fullpage-notif-body{flex:1;min-width:0}.fullpage-notif-title{font-weight:600;font-size:.9rem;color:var(--text-primary);line-height:1.3}.fullpage-notif-message{font-size:.82rem;color:var(--text-secondary);line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fullpage-notif-time{font-size:.72rem;color:var(--text-muted);margin-top:4px}.fullpage-notif-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--brand-color);margin-top:6px}.notification-loading{text-align:center;color:var(--text-muted);padding:20px}@media(max-width:768px){body.device-mobile input[type=text],body.device-mobile input[type=email],body.device-mobile input[type=password],body.device-mobile input[type=number],body.device-mobile input[type=tel],body.device-mobile input[type=url],body.device-mobile input[type=date],body.device-mobile input[type=time],body.device-mobile input[type=datetime-local],body.device-mobile input[type=search],body.device-mobile select,body.device-mobile textarea,body.touch-device input[type=text],body.touch-device input[type=email],body.touch-device input[type=password],body.touch-device input[type=number],body.touch-device input[type=tel],body.touch-device input[type=url],body.touch-device input[type=date],body.touch-device input[type=time],body.touch-device input[type=datetime-local],body.touch-device input[type=search],body.touch-device select,body.touch-device textarea{font-size:16px!important;min-height:48px}}@media(max-width:768px)and (hover:none)and (pointer:coarse){#tasks-tab{padding-bottom:calc(104px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}html.agenda-mobile-surface .app-footer{margin-top:18px;padding-top:14px}.tasks-tab-header{align-items:flex-start!important;gap:10px!important;margin-bottom:10px!important}.tasks-tab-title-block{min-width:0;flex:1}.tasks-tab-title-block h3{display:flex;align-items:center;gap:8px;font-size:1.32rem;line-height:1.12;color:var(--brand-fg, var(--primary-color))}.tasks-tab-subtitle{display:none}.tasks-tab-actions{display:flex;align-items:center;gap:8px;width:100%}.agenda-mobile-overflow{margin-left:auto;position:relative}.agenda-mobile-overflow summary{list-style:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer}.agenda-mobile-overflow summary::-webkit-details-marker{display:none}.agenda-mobile-overflow-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);z-index:1100}.agenda-mobile-overflow-menu .btn{width:100%;justify-content:flex-start;min-height:44px}.agenda-mobile-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.agenda-scope-context{display:block;margin-bottom:10px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface-2) 94%,white),var(--bg-surface-1));color:var(--text-secondary);font-size:.77rem;line-height:1.4}.agenda-scope-toggle{width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:6px;padding:0;margin-bottom:6px;background:transparent;border-radius:0}.agenda-scope-toggle::-webkit-scrollbar{display:none}.agenda-scope-toggle .view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:8px;min-height:36px;padding:8px 13px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-surface-1);font-size:.8rem;font-weight:600;line-height:1.1;white-space:nowrap;color:var(--text-secondary)}.agenda-scope-toggle .view-toggle-btn.active{border-color:transparent;background:color-mix(in srgb,var(--primary-color) 92%,white);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--primary-color) 24%,transparent)}.agenda-scope-count-badge{display:none!important}.agenda-team-quick-filters{margin-bottom:6px}.agenda-team-filter-track{gap:6px;padding-bottom:2px}.agenda-team-filter-chip{min-height:36px;padding:0 12px;font-size:.75rem}.agenda-team-combobox{position:relative;width:100%}.agenda-team-combobox-input-wrap{position:relative;display:flex;align-items:center}.agenda-team-combobox-icon{position:absolute;left:9px;font-size:.85rem;color:var(--text-secondary);pointer-events:none;z-index:1}.agenda-team-combobox-input{width:100%;height:36px;padding:0 10px 0 30px;font-size:.8rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-2);color:transparent;caret-color:var(--text-primary);cursor:pointer;box-sizing:border-box}.agenda-team-combobox-input::placeholder{color:transparent}.agenda-team-combobox-input:focus{outline:none;border-color:var(--primary-color);color:var(--text-primary)}.agenda-team-combobox-input:focus+.agenda-team-combobox-selected-label{opacity:0}.agenda-team-combobox-selected-label{position:absolute;left:30px;right:10px;font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:opacity .1s}.agenda-team-combobox-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-surface-1, #fff);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0000001f;max-height:200px;overflow-y:auto;z-index:200;padding:4px 0;margin:0;list-style:none}.agenda-team-combobox-option{padding:9px 14px;font-size:.82rem;cursor:pointer;color:var(--text-primary)}.agenda-team-combobox-option:hover,.agenda-team-combobox-option.is-focused{background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.agenda-team-combobox-option.is-selected{font-weight:600;color:var(--brand-fg, var(--primary-color))}.agenda-team-combobox-option[hidden]{display:none}.agenda-summary-card{min-height:72px;padding:10px 12px;border:1px solid var(--border-color);border-radius:16px;background:linear-gradient(180deg,#fffffff2,color-mix(in srgb,var(--bg-surface-2) 96%,white));display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;color:var(--text-primary);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 6px 14px #0f172a09}.agenda-summary-card:active{transform:scale(.98)}.agenda-summary-card.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 45%,transparent)}.agenda-summary-label{font-size:.72rem;line-height:1.28;color:var(--text-secondary)}.agenda-summary-value{font-size:1.55rem;font-weight:700;line-height:1}.agenda-summary-card.is-loading{opacity:.7}.agenda-summary-card.is-loading .agenda-summary-value{font-size:1rem;letter-spacing:.06em;color:var(--text-secondary)}.agenda-summary-urgent{border-color:#f9731659;background:linear-gradient(180deg,#ffedd5f2,#fffffff5)}.agenda-summary-today{border-color:#60a5fa59;background:linear-gradient(180deg,#eff6fff5,#fffffff5)}.agenda-summary-done{border-color:#6ee7b780;background:linear-gradient(180deg,#ecfdf5f5,#fffffff5)}.tasks-stats-bar{display:none!important}.agenda-view-toggle:not(.agenda-scope-toggle),#agenda-kanban-board{display:none!important}#tasks-card-list{display:block!important}.agenda-mobile-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:10px}.agenda-mobile-toolbar-actions{display:flex;align-items:center;gap:8px}.agenda-mobile-search-shell{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:14px}.agenda-mobile-search-shell i{color:var(--text-secondary);font-size:1rem;flex-shrink:0}.agenda-mobile-search-shell input{width:100%;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:.96rem;min-width:0}.agenda-mobile-refresh-btn{min-width:52px;min-height:52px;border-radius:16px!important;padding:0 14px!important}.agenda-mobile-batch-btn{min-height:44px;padding:0 12px!important;border-radius:14px!important;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:.88rem}.agenda-mobile-batch-btn.is-active{color:var(--brand-fg, var(--primary-color));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 8%,var(--bg-surface-2))}.agenda-active-filters{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.agenda-filter-chip-track{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.agenda-filter-chip,.agenda-filter-clear-all{min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;font-size:.78rem;line-height:1;white-space:nowrap}.agenda-filter-chip i{color:var(--text-secondary);font-size:.85rem}.agenda-filter-clear-all{flex-shrink:0;color:var(--brand-fg, var(--primary-color));border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color))}.agenda-desktop-refresh-btn,#task-list-header{display:none!important}.agenda-mobile-simple-list{display:flex;flex-direction:column;gap:10px}.agenda-mobile-list-heading{padding:0 2px}.agenda-mobile-list-heading h4{margin:0;font-size:1.24rem;line-height:1.18;color:var(--text-primary)}.agenda-simple-card-stack{display:flex;flex-direction:column;gap:10px}.agenda-simple-card{position:relative;display:flex;align-items:stretch;gap:8px;padding:0;border-radius:14px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(180deg,#fffffff5,#f8fafcf5);box-shadow:0 7px 16px #0f172a0a;overflow:hidden}.agenda-simple-card-body{flex:1;min-width:0;padding:13px 14px}.agenda-simple-card-title{margin:0;font-size:.96rem;line-height:1.3;font-weight:600;color:var(--text-primary)}.agenda-simple-card-description{margin:4px 0 0;font-size:.8rem;line-height:1.4;color:var(--text-secondary)}.agenda-simple-card-meta{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:nowrap;font-size:.75rem;color:var(--text-secondary);overflow:hidden}.agenda-simple-card-project,.agenda-simple-card-pic{display:inline-flex;align-items:center;gap:3px;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-simple-card-project span,.agenda-simple-card-pic span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-simple-card .agenda-focus-deadline{display:inline-flex;flex-shrink:0;margin-left:auto;margin-top:0;min-height:18px;font-size:.68rem;padding:1px 7px;line-height:1.4;border-radius:10px}.agenda-simple-card.tone-attention{border-color:#fb923c8c;background:linear-gradient(180deg,#ffedd5fa,#fff9f5f5)}.agenda-simple-card.tone-progress{border-color:#facc1594;background:linear-gradient(180deg,#fef9c3f5,#fffffff5)}.agenda-simple-card.tone-done{border-color:#a3e63594;background:linear-gradient(180deg,#ecfdf5f5,#f8fff4f5)}.agenda-simple-card.tone-planned{border-color:#7dd3fc6b;background:linear-gradient(180deg,#f0f9fff2,#fffffff5)}.agenda-simple-select{display:flex;align-items:center;padding-left:14px}.tasks-filter-bar.filter-sheet-open .agenda-filter-toggle{color:var(--brand-fg, var(--primary-color));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 8%,var(--bg-surface-2))}}@media(min-width:769px){.agenda-mobile-summary,.agenda-mobile-toolbar,.agenda-mobile-overflow{display:none!important}}@media(max-width:420px){.agenda-mobile-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}.agenda-summary-card{min-height:60px;padding:9px;border-radius:14px}.agenda-summary-label{font-size:.66rem}.agenda-summary-value{font-size:1.08rem}.agenda-active-filters{flex-direction:column}.agenda-scope-context{padding:8px 10px;font-size:.72rem;max-height:3.1em}.agenda-team-filter-chip{min-height:34px;padding:0 10px;font-size:.72rem}.agenda-filter-clear-all{align-self:flex-start}}.agenda-create-intro,.agenda-detail-intro{margin-bottom:12px}.agenda-create-kicker,.agenda-detail-intro-title,.agenda-detail-overview-kicker,.agenda-detail-sheet-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.agenda-create-intro h4,.agenda-detail-sheet h4{margin:4px 0 0;font-size:1rem;color:var(--text-primary)}.agenda-create-copy,.agenda-detail-intro-copy{margin:6px 0 0;font-size:.88rem;line-height:1.45;color:var(--text-secondary)}.agenda-quick-grid,.agenda-detail-grid,.agenda-detail-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agenda-detail-grid-context{margin-top:12px}.agenda-create-feedback{display:flex;flex-direction:column;gap:8px;margin-top:12px}.agenda-detail-overview,.agenda-detail-tabs,.agenda-detail-sheet,.agenda-detail-sheet-backdrop{display:none}.agenda-detail-pane{display:flex;flex-direction:column;gap:14px}.agenda-detail-pane[hidden]{display:none}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-focus-list{display:flex;flex-direction:column;gap:16px}.agenda-focus-section{display:flex;flex-direction:column;gap:10px}.agenda-focus-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.agenda-focus-section-kicker{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.agenda-focus-section-header h4{margin:4px 0 0;font-size:1rem;color:var(--text-primary)}.agenda-focus-section-caption{margin:4px 0 0;font-size:.82rem;line-height:1.45;color:var(--text-secondary)}.agenda-focus-section-count{min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg-surface-2);border:1px solid var(--border-color);color:var(--text-primary);font-size:.82rem;font-weight:700}.agenda-focus-cards{display:flex;flex-direction:column;gap:10px}.agenda-focus-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-surface-1);box-shadow:var(--shadow-sm);cursor:pointer}.agenda-focus-card.status-done{opacity:.78}.agenda-focus-card-head,.agenda-focus-title-row,.agenda-focus-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.agenda-focus-card-badges,.agenda-focus-meta{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.agenda-focus-status,.agenda-focus-deadline,.agenda-focus-priority,.agenda-focus-meta-item{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border-radius:999px;font-size:.76rem;line-height:1.2;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-secondary)}.agenda-focus-status.status-todo{color:#475569;background:#94a3b81f;border-color:#94a3b83d}.agenda-focus-status.status-in_progress{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f63d}.agenda-focus-status.status-review{color:#b45309;background:#f59e0b24;border-color:#f59e0b42}.agenda-focus-status.status-done{color:#047857;background:#10b98124;border-color:#10b98142}.agenda-focus-deadline.tone-overdue{color:#b91c1c;background:#ef44441f;border-color:#ef44443d}.agenda-focus-deadline.tone-today{color:#c2410c;background:#f973161f;border-color:#f973163d}.agenda-focus-deadline.tone-soon,.agenda-focus-deadline.tone-week{color:#92400e;background:#f59e0b1f;border-color:#f59e0b38}.agenda-focus-priority.tone-critical{color:#b91c1c}.agenda-focus-priority.tone-high{color:#c2410c}.agenda-focus-priority.tone-medium{color:#a16207}.agenda-focus-priority.tone-low{color:#475569}.agenda-focus-select{width:40px;height:40px;display:none;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface-2);flex-shrink:0}.agenda-batch-mode .agenda-focus-select{display:inline-flex}.agenda-focus-select input{width:18px;height:18px}.agenda-focus-title{margin:0;font-size:1rem;line-height:1.45;color:var(--text-primary);flex:1}.agenda-focus-card.status-done .agenda-focus-title{text-decoration:line-through}.agenda-focus-description{margin:-2px 0 0;font-size:.88rem;line-height:1.45;color:var(--text-secondary)}.agenda-focus-meta-item{max-width:100%}.agenda-focus-meta-item span:last-child{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-focus-avatar{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-color);color:#fff;font-size:.68rem;font-weight:700}.agenda-focus-progress{padding:10px 12px;border-radius:16px;background:var(--bg-surface-2);border:1px solid rgba(148,163,184,.18)}.agenda-focus-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.76rem;color:var(--text-secondary)}.agenda-focus-progress-bar{height:7px;border-radius:999px;overflow:hidden;background:#94a3b838}.agenda-focus-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 62%,white))}.agenda-focus-footer{align-items:center}.agenda-focus-updated{font-size:.74rem;line-height:1.4;color:var(--text-secondary)}.agenda-focus-primary-action{min-height:44px;padding:0 14px;border:none;border-radius:14px;display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#fff;background:var(--primary-color);box-shadow:var(--shadow-sm)}.agenda-focus-state{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.agenda-focus-state-empty,.agenda-focus-state-error,.agenda-focus-state-compact{align-items:center;min-height:0;padding:12px 14px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface-1);box-shadow:var(--shadow-sm)}.agenda-focus-state-icon{width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface-2);color:var(--brand-fg, var(--primary-color));font-size:1.1rem}.agenda-focus-state-copy h4{margin:0;font-size:1rem;color:var(--text-primary)}.agenda-focus-state-copy p{margin:6px 0 0;font-size:.88rem;line-height:1.5;color:var(--text-secondary)}.agenda-focus-state-actions{display:flex;align-items:center;gap:10px}.agenda-focus-skeleton-card{padding:14px;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:var(--bg-surface-1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.agenda-focus-skeleton-line,.agenda-focus-skeleton-pill,.agenda-focus-skeleton-button{display:block;border-radius:999px;background:linear-gradient(90deg,#94a3b824,#94a3b842,#94a3b824);background-size:200% 100%;animation:agenda-skeleton-shimmer 1.3s linear infinite}.agenda-focus-skeleton-line{height:12px}.agenda-focus-skeleton-line.short{width:34%}.agenda-focus-skeleton-line.medium{width:58%}.agenda-focus-skeleton-line.long{width:100%}.agenda-focus-skeleton-pills,.agenda-focus-skeleton-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.agenda-focus-skeleton-pill{width:96px;height:30px}.agenda-focus-skeleton-pill.wide{width:132px}.agenda-focus-skeleton-button{width:92px;height:42px}.batch-action-bar.batch-mode-active{bottom:calc(88px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));padding:12px 14px;gap:10px;border-color:color-mix(in srgb,var(--primary-color) 20%,var(--border-color))}.batch-action-bar.batch-mode-active .batch-count{width:100%}.batch-action-bar.batch-mode-active .form-select,.batch-action-bar.batch-mode-active .btn{min-height:44px}.batch-action-bar.batch-mode-active .form-select{flex:1 1 180px}.agenda-quick-grid,.agenda-detail-grid,.agenda-detail-summary-grid{grid-template-columns:1fr}.floating-panel-body{padding-bottom:20px}.floating-panel-footer{position:sticky;bottom:0;z-index:4;padding:12px 16px calc(12px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));background:linear-gradient(180deg,rgba(255,255,255,.08),var(--bg-surface-2) 28%);box-shadow:0 -10px 24px #0f172a14}.floating-panel-footer .btn{min-height:48px;justify-content:center}.agenda-keyboard-active .floating-panel-footer,.agenda-modal.agenda-keyboard-active .modal-footer{box-shadow:0 -12px 28px #0f172a29}.agenda-detail-overview{display:flex;flex-direction:column;gap:16px;padding:14px;margin-bottom:12px;border:1px solid var(--border-color);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 6%,var(--bg-surface-2)),var(--bg-surface-1))}.agenda-detail-overview-copy,.agenda-detail-overview-content{display:flex;flex-direction:column;gap:12px}.agenda-detail-overview-content .detail-card{margin:0;border-radius:18px;background:var(--bg-surface-2)}.agenda-detail-overview-content textarea{min-height:160px}.agenda-detail-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}.agenda-detail-overview-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:16px;background:var(--bg-surface-1);border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent)}.agenda-detail-overview-item span{font-size:.75rem;color:var(--text-secondary)}.agenda-detail-overview-item strong{font-size:.9rem;color:var(--text-primary);line-height:1.35}.agenda-detail-overview-item-wide{grid-column:1 / -1}.agenda-detail-overview-item-deadline strong{font-size:1rem}.agenda-detail-overview-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}.agenda-detail-overview-btn,.agenda-detail-overview-icon{min-height:48px;border-radius:16px!important;justify-content:center}.agenda-detail-overview-icon{width:48px;padding:0!important}.agenda-detail-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}.agenda-detail-tabs::-webkit-scrollbar{display:none}.agenda-detail-tab{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);font-size:.84rem;font-weight:600;white-space:nowrap}.agenda-detail-tab.is-active{color:var(--brand-fg, var(--primary-color));border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 8%,var(--bg-surface-2))}.agenda-detail-pane{display:none}.agenda-detail-pane.is-active{display:flex}.agenda-modal-content{position:relative}.agenda-modal .modal-footer{position:sticky;bottom:0;z-index:5;padding:12px 16px calc(12px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;background:linear-gradient(180deg,rgba(255,255,255,.06),var(--bg-surface-1) 24%);box-shadow:0 -12px 28px #0f172a1a;flex-wrap:wrap!important}.agenda-modal .modal-footer-spacer{display:none!important}#tasks-tab-delete-btn,#tasks-tab-mark-done-btn{display:none}.agenda-modal .modal-footer .btn{min-height:48px!important;justify-content:center}.agenda-modal .modal-footer .btn-secondary{flex:1 1 120px}#tasks-tab-save-btn{flex:1 1 100%;order:2}.agenda-detail-sheet-backdrop{position:absolute;inset:0;z-index:8;border:none;background:#0f172a61;opacity:0;pointer-events:none;transition:opacity .22s ease}.agenda-detail-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.agenda-detail-sheet{position:absolute;left:0;right:0;bottom:0;z-index:9;display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(16px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));border-radius:22px 22px 0 0;background:var(--bg-surface-1);box-shadow:0 -18px 42px #0f172a38;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform .25s ease,opacity .2s ease}.agenda-detail-sheet.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.agenda-detail-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.agenda-detail-sheet-close{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-surface-2);color:var(--text-primary)}.agenda-detail-sheet-body{display:flex;flex-direction:column;gap:10px}.agenda-detail-sheet-body-stack{gap:12px}.agenda-detail-status-option,.agenda-detail-sheet-action{min-height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);text-align:left;font-size:.88rem;font-weight:600}.agenda-detail-status-option.is-current{color:var(--brand-fg, var(--primary-color));border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border-color))}.agenda-detail-status-option:disabled{opacity:.68}.agenda-detail-sheet-action.danger{color:#b91c1c;border-color:#ef444440;background:#ef444414}.agenda-detail-sheet-empty{margin:0;padding:12px 14px;border-radius:16px;background:var(--bg-surface-2);color:var(--text-secondary);font-size:.88rem;line-height:1.45}@keyframes agenda-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@media(min-width:769px){.agenda-detail-overview,.agenda-detail-sheet,.agenda-detail-sheet-backdrop,.agenda-detail-tabs{display:none!important}.agenda-detail-pane,.agenda-detail-pane[hidden]{display:flex!important;flex-direction:column;gap:14px}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-modal.active{align-items:stretch!important;justify-content:stretch!important}.agenda-modal-content{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;animation:agenda-sheet-up .22s ease-out!important;transform:translateY(0)!important}@keyframes agenda-sheet-up{0%{opacity:0}to{opacity:1}}.agenda-modal-content:before{display:none!important}.agenda-modal .modal-header{padding:8px 16px 10px!important}.agenda-modal .modal-title-input{font-size:1.1rem!important}.agenda-modal .modal-body{padding:12px 16px!important;-webkit-overflow-scrolling:touch}.agenda-modal .modal-footer{padding:10px 16px!important;gap:8px!important;flex-wrap:wrap!important}.agenda-modal .modal-footer .modal-footer-spacer{display:none!important}.agenda-modal .modal-footer #tasks-tab-save-btn{flex:1 1 100%!important;order:3!important}.agenda-modal .modal-footer .btn-secondary{flex:1 1 auto!important;order:2!important}.agenda-modal .modal-footer #tasks-tab-delete-btn,.agenda-modal .modal-footer #tasks-tab-mark-done-btn{order:1!important;flex-shrink:0!important;white-space:nowrap!important}.agenda-modal .modal-footer .btn{padding:10px 12px!important;min-height:44px!important;font-size:.85rem!important}body.agenda-detail-open .bottom-nav{display:none!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-kanban-board[style*="display: none"]{display:none!important;min-height:0!important;padding-bottom:0!important}.agenda-kanban-board:not([style*="display: none"]){display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-snap-stop:always;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain;gap:16px!important;padding-bottom:8px!important;min-height:0!important;scrollbar-width:none}.agenda-kanban-board:not([style*="display: none"])::-webkit-scrollbar{display:none}.agenda-kanban-board .kanban-column{width:100%!important;min-width:100%!important;max-width:100%!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden!important;scroll-snap-align:center!important;flex-shrink:0!important;border-radius:24px!important;box-shadow:0 18px 36px #0f172a14;border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent)!important;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface-1))!important}.agenda-kanban-board .kanban-column.is-active{border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color))}.agenda-kanban-board .kanban-column-header{position:sticky;top:0;z-index:2;gap:10px;margin-bottom:0!important;padding:14px 16px 12px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface-2) 94%,white),var(--bg-surface-1));backdrop-filter:blur(10px)}.agenda-kanban-board .kanban-column.is-active .kanban-column-header{box-shadow:0 8px 18px #0f172a14}.agenda-kanban-board .kanban-cards{flex:0 1 auto;min-height:0;max-height:clamp(180px,32vh,260px);overflow-y:auto;padding:12px 14px 16px;-webkit-overflow-scrolling:touch}.agenda-kanban-board .kanban-card{cursor:pointer;border-radius:18px}.agenda-kanban-board .kanban-card[draggable=false]{cursor:pointer}.agenda-kanban-board .kanban-card:hover{transform:none}.agenda-kanban-board .kanban-collapse-btn{display:none!important}.tasks-list-view .tasks-empty,.tasks-list-view .tasks-loading,.tasks-loading,.tasks-empty,.kanban-empty{min-height:96px;padding:16px;display:flex;align-items:center;justify-content:center}.kanban-page-position{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:26px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-surface-1));color:var(--brand-fg, var(--primary-color));font-size:.72rem;font-weight:700}.kanban-dot-indicator[style*="display: none"]{display:none!important}.kanban-dot-indicator:not([style*="display: none"]){display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0 0}.kanban-dot{appearance:none;border:none;width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .25s;cursor:pointer}.kanban-dot.active{width:22px;border-radius:4px;background:var(--primary-color)}.kanban-card-quick-actions{display:flex;gap:8px;margin-top:12px}.kanban-card-quick-actions .btn-quick{min-height:36px;padding:0 12px;border-radius:999px}.kanban-card-quick-status{background:color-mix(in srgb,var(--primary-color) 12%,var(--bg-surface-1));color:var(--brand-fg, var(--primary-color));border-color:color-mix(in srgb,var(--primary-color) 28%,var(--border-color))}.kanban-card-quick-detail{color:var(--text-secondary)}.kanban-column.touch-drop-target,.kanban-card.touch-selected{outline:none!important;box-shadow:none!important;transform:none!important}.kanban-column.touch-drop-target .kanban-column-header:after{content:none!important}}@media(min-width:769px){.kanban-dot-indicator{display:none!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){#tasks-create-card .floating-panel-header{background:var(--primary-color);border-bottom:none;cursor:default;padding:14px 16px}#tasks-create-card .floating-panel-title{color:#fff;font-size:1rem;font-weight:700}#tasks-create-card .floating-panel-title i{color:#ffffffd9}#tasks-create-card .floating-panel-btn{color:#ffffffd9;border-color:#ffffff40}#tasks-create-card .floating-panel-btn:hover,#tasks-create-card .floating-panel-btn:active{color:#fff;background:#ffffff26;border-color:#ffffff80}#tasks-create-form>.form-group{margin-bottom:12px}#tasks-create-form>.agenda-quick-grid,#tasks-create-form>.agenda-detail-grid{margin-bottom:12px}#tasks-create-form .agenda-quick-grid,#tasks-create-form .agenda-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tasks-create-card #tasks-create-description{min-height:60px!important}#tasks-create-form .advanced-section>summary{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;list-style:none;transition:background .2s,color .2s}#tasks-create-form .advanced-section>summary::-webkit-details-marker{display:none}#tasks-create-form .advanced-section[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0;background:color-mix(in srgb,var(--primary-color) 8%,var(--bg-surface-2));color:var(--brand-fg, var(--primary-color))}#tasks-create-form .advanced-section .advanced-content{padding:12px;border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);background:var(--bg-surface-1)}}@media(min-width:769px){.agenda-expand-btn{display:none!important}}@media(max-width:600px)and (hover:none)and (pointer:coarse){.tasks-stats-bar{display:none!important}.tasks-stat-item{min-width:0!important;padding:8px 6px!important;border-left-width:3px!important}.tasks-stat-item .stat-value{font-size:1.15rem!important}.tasks-stat-item .stat-label{font-size:.65rem!important;letter-spacing:.3px!important}}@media(max-width:380px){.tasks-stats-bar{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-scope-bar{flex-wrap:wrap}.agenda-scope-bar-filters{display:none!important}.tasks-filters-row{display:none!important;position:fixed;left:0;right:0;bottom:0;z-index:1115;max-height:min(72vh,620px);overflow-y:auto;padding:18px 16px calc(18px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;margin:0!important;border:1px solid var(--border-color)!important;border-radius:22px 22px 0 0!important;background:var(--bg-surface-1);box-shadow:0 -18px 48px #0f172a29;opacity:0;transform:translateY(calc(100% + 24px));pointer-events:none;transition:transform .28s ease,opacity .22s ease}.tasks-filters-row.filters-visible{display:flex!important;opacity:1;transform:translateY(0);pointer-events:auto}.tasks-filters-row .filter-group{width:100%}.tasks-filters-row .search-group{min-width:0!important;width:100%}.agenda-filter-sheet-backdrop{position:fixed;inset:0;z-index:1110;border:none;background:#0f172a61;opacity:0;pointer-events:none;transition:opacity .24s ease}.agenda-filter-sheet-backdrop.visible{opacity:1;pointer-events:auto}.agenda-filter-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.agenda-filter-sheet-header-actions{display:inline-flex;align-items:center;gap:10px}.agenda-filter-sheet-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.agenda-filter-sheet-title h4{margin:4px 0 0;font-size:1rem;color:var(--text-primary)}.agenda-filter-sheet-close{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-surface-2);color:var(--text-primary)}.agenda-filter-sheet-refresh{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-surface-2);color:var(--text-primary)}.agenda-filter-sheet-section{margin-bottom:16px;padding:14px;border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);border-radius:18px;background:color-mix(in srgb,var(--bg-surface-2) 72%,white)}.agenda-filter-sheet-section-head h5{margin:0;font-size:.92rem;color:var(--text-primary)}.agenda-filter-sheet-section-head p{margin:4px 0 0;font-size:.8rem;line-height:1.45;color:var(--text-secondary)}.agenda-filter-sheet-section-body{display:flex;flex-direction:column;gap:12px;margin-top:12px}.agenda-filter-sheet-section-body .filter-group{margin:0}.agenda-filter-sheet-section-body .filter-group label{margin-bottom:6px}.agenda-filter-quick-list{display:flex;flex-wrap:wrap;gap:10px}.agenda-filter-quick-btn{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-1);color:var(--text-primary);font-size:.84rem;font-weight:600}.agenda-filter-quick-btn.is-active{color:var(--brand-fg, var(--primary-color));border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-surface-1))}.agenda-filter-sheet-actions{position:sticky;bottom:calc(-18px - var(--safe-bottom, env(safe-area-inset-bottom, 0px)));display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:12px;padding-bottom:var(--safe-bottom, env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg-surface-1) 30%)}.agenda-filter-sheet-actions .btn-secondary,.agenda-filter-sheet-actions .btn-primary{min-height:48px;justify-content:center}.agenda-filter-toggle{display:none!important}.agenda-filter-toggle:active{background:var(--bg-surface-1)}.agenda-filter-toggle .filter-badge{background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;padding:2px 7px;min-width:18px;text-align:center}body.agenda-filter-sheet-open{overflow:hidden}}@media(max-width:768px){.agenda-scope-bar-filters{display:none!important}}@media(min-width:769px){.agenda-filter-sheet-backdrop,.agenda-filter-sheet-header,.agenda-filter-sheet-actions,.agenda-filter-toggle,.agenda-filter-sheet-quick,.agenda-filter-sheet-category{display:none!important}.tasks-filters-row{display:none!important;margin:0!important;padding:0!important;max-height:0!important;overflow:hidden!important}}.task-card-swipe-wrapper{position:relative;overflow:hidden;border-radius:var(--border-radius)}.task-card-swipe-wrapper .swipe-action-bg{position:absolute;top:0;bottom:0;width:100%;display:flex;align-items:center;padding:0 20px;font-size:1.3rem;font-weight:700;color:#fff;opacity:0;transition:opacity .15s;pointer-events:none}.task-card-swipe-wrapper .swipe-action-left{right:0;justify-content:flex-end;background:linear-gradient(90deg,transparent,#ef4444 60%)}.task-card-swipe-wrapper .swipe-action-right{left:0;justify-content:flex-start;background:linear-gradient(-90deg,transparent,#10b981 60%)}.task-card-swipe-wrapper.swiping .swipe-action-bg{opacity:1}.task-card-swipe-wrapper .task-card{position:relative;z-index:1;transition:transform .15s ease-out}.kanban-card-swipe-wrapper{position:relative;overflow:hidden;border-radius:6px;margin-bottom:8px}.kanban-card-swipe-wrapper .swipe-action-bg{position:absolute;top:0;bottom:0;width:100%;display:flex;align-items:center;padding:0 16px;font-size:1.1rem;font-weight:600;color:#fff;opacity:0;transition:opacity .15s;pointer-events:none}.kanban-card-swipe-wrapper .swipe-action-right{left:0;justify-content:flex-start;background:linear-gradient(-90deg,transparent,#10b981 60%)}.kanban-card-swipe-wrapper .swipe-action-left{right:0;justify-content:flex-end;background:linear-gradient(90deg,transparent,#3b82f6 60%)}.kanban-card-swipe-wrapper.swiping .swipe-action-bg{opacity:1}.kanban-card-swipe-wrapper .kanban-card{position:relative;z-index:1;transition:transform .15s ease-out;margin-bottom:0}.agenda-fab{display:none;position:fixed;bottom:24px;right:16px;z-index:1120;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;box-shadow:0 4px 14px #00000040;font-size:1.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .25s;align-items:center;justify-content:center}.agenda-fab:active{transform:scale(.92);box-shadow:0 2px 8px #0003}.agenda-fab.fab-hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.agenda-fab.fab-footer-clear{opacity:0;pointer-events:none;transform:translateY(28px)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-fab{display:flex;bottom:calc(80px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}.tasks-tab-header .btn-primary[data-call=toggleTasksCreateForm]{display:none!important}}@media(max-width:768px){.tasks-tab-header .btn-primary[data-call=toggleTasksCreateForm]{display:none!important}}.agenda-offline-banner{display:none;padding:8px 14px;background:#fef3c7;color:#92400e;border-radius:var(--border-radius);font-size:.82rem;font-weight:600;text-align:center;margin-bottom:12px;align-items:center;justify-content:center;gap:6px}.agenda-offline-banner.visible{display:flex}[data-theme=dark] .agenda-offline-banner{background:#fef3c71f;color:#fbbf24}@media(max-width:768px)and (hover:none)and (pointer:coarse){#company-tasks-section .table-wrapper{overflow-x:visible}#company-tasks-table{display:none!important}.company-tasks-card-list{display:flex!important;flex-direction:column;gap:10px}.company-task-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:var(--border-radius);border-left:4px solid var(--text-secondary);cursor:pointer;transition:box-shadow .2s}.company-task-card:active{box-shadow:0 0 0 2px var(--primary-color)}.company-task-card.priority-critical{border-left-color:var(--error-solid, #b91c1c)}.company-task-card.priority-high{border-left-color:var(--safety-bg, #e85d04)}.company-task-card.priority-medium{border-left-color:var(--warning-solid, #a16207)}.company-task-card.priority-low{border-left-color:#6b7280}.company-task-card-content{flex:1;min-width:0}.company-task-card-title{font-size:.92rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-task-card-meta{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.company-task-card-status{padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap;flex-shrink:0}.company-task-card-status.done{background:var(--success-bg, rgba(34,197,94,.12));color:var(--success-text, #166534)}.company-task-card-status.pending{background:var(--warning-bg, rgba(234,179,8,.12));color:var(--warning-text, #854d0e)}.company-task-card-status.inprogress{background:var(--info-bg, rgba(59,130,246,.12));color:var(--info-text, #1d4ed8)}.company-task-card-status.overdue{background:var(--error-bg, rgba(239,68,68,.12));color:var(--error-text, #991b1b)}}@media(min-width:769px){.company-tasks-card-list{display:none!important}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.mention-dropdown,.mention-suggestions{position:fixed!important;inset:auto 0 0!important;max-height:45vh!important;border-radius:12px 12px 0 0!important;box-shadow:0 -6px 20px #0003!important;z-index:2000!important;margin:0!important}.mention-dropdown-item{min-height:48px!important;padding:12px 16px!important}}.agenda-scroll-sentinel{grid-column:1 / -1;height:60px;display:flex;align-items:center;justify-content:center}.agenda-scroll-sentinel .loading-dots{display:flex;gap:4px}.agenda-scroll-sentinel .loading-dots span{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:dotPulse 1.2s infinite}.agenda-scroll-sentinel .loading-dots span:nth-child(2){animation-delay:.2s}.agenda-scroll-sentinel .loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.tasks-tab-pagination{display:none!important}}.agenda-skeleton-card{background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px;border-left:4px solid var(--border-color)}.skeleton-line{height:14px;background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-surface-1) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-line.w60{width:60%}.skeleton-line.w40{width:40%}.skeleton-line.w80{width:80%}.skeleton-line.w30{width:30%}.skeleton-line:last-child{margin-bottom:0}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.task-card,.kanban-card{transition:transform .2s,box-shadow .2s,opacity .3s,background .3s}.task-card.completing,.kanban-card.completing{opacity:.5;transform:scale(.97)}@media(max-width:768px)and (hover:none)and (pointer:coarse){.agenda-pull-refresh{text-align:center;padding:10px;color:var(--text-secondary);font-size:.8rem;opacity:0;transition:opacity .2s}.agenda-pull-refresh.visible{opacity:1}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.tasks-tab-header{flex-wrap:wrap;gap:8px}.tasks-tab-header h3{font-size:1.1rem}.agenda-view-toggle .view-toggle-btn{padding:6px 12px;font-size:.8rem;gap:4px}.agenda-view-toggle .view-toggle-btn i{font-size:.9rem}.batch-action-bar{flex-wrap:wrap;padding:8px 12px;gap:8px}.batch-action-bar select{width:100%}.tasks-tab-pagination .btn-secondary{min-height:44px;min-width:44px;padding:10px 16px}}html.agenda-mobile-preview body:before{content:"Agenda Mobile Preview";position:fixed;top:12px;right:12px;z-index:1200;padding:6px 10px;border-radius:999px;background:#0f172ac7;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}html.agenda-mobile-preview #tasks-tab{max-width:min(100%,var(--agenda-mobile-preview-width, 390px));margin-left:auto;margin-right:auto;padding-bottom:calc(104px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}html.agenda-mobile-preview .app-footer{margin-top:18px;padding-top:14px}html.agenda-mobile-preview #main-app.dashboard-container{grid-template-columns:1fr!important;padding-bottom:calc(76px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}html.agenda-mobile-preview .app-sidebar{display:none!important}html.agenda-mobile-preview .app-header{grid-column:1;padding:0 16px}html.agenda-mobile-preview .tasks-tab-title-block{min-width:0;flex:1}html.agenda-mobile-preview .tasks-tab-title-block h3{display:flex;align-items:center;gap:8px;font-size:1.5rem;color:var(--brand-fg, var(--primary-color))}html.agenda-mobile-preview .tasks-tab-subtitle{display:none}html.agenda-mobile-preview .tasks-tab-header{flex-wrap:wrap;align-items:flex-start!important;gap:12px!important;margin-bottom:14px!important}html.agenda-mobile-preview .tasks-tab-actions,html.agenda-mobile-preview .agenda-mobile-toolbar,html.agenda-mobile-preview .agenda-mobile-toolbar-actions,html.agenda-mobile-preview .agenda-focus-list,html.agenda-mobile-preview .agenda-focus-section,html.agenda-mobile-preview .agenda-focus-cards,html.agenda-mobile-preview .agenda-detail-pane,html.agenda-mobile-preview .agenda-filter-sheet-section-body,html.agenda-mobile-preview .agenda-filter-quick-list,html.agenda-mobile-preview .kanban-card-quick-actions,html.agenda-mobile-preview .tasks-create-card .agenda-quick-fields{display:flex}html.agenda-mobile-preview .agenda-mobile-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:6px}html.agenda-mobile-preview .tasks-tab-actions{width:100%}html.agenda-mobile-preview .tasks-stats-bar,html.agenda-mobile-preview .tasks-tab-header .btn-primary[data-call=toggleTasksCreateForm],html.agenda-mobile-preview #task-list-header{display:none!important}html.agenda-mobile-preview .agenda-view-toggle:not(.agenda-scope-toggle),html.agenda-mobile-preview #agenda-kanban-board{display:none!important}html.agenda-mobile-preview .agenda-mobile-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}html.agenda-mobile-preview .agenda-scope-context{display:block!important;margin-bottom:12px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface-2) 94%,white),var(--bg-surface-1));color:var(--text-secondary);font-size:.83rem;line-height:1.45}html.agenda-mobile-preview #tasks-card-list{display:block!important}html.agenda-mobile-preview .agenda-scope-toggle{width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:8px;padding:0;margin-bottom:8px;background:transparent;border-radius:0}html.agenda-mobile-preview .agenda-scope-toggle::-webkit-scrollbar{display:none}html.agenda-mobile-preview .agenda-scope-toggle .view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:10px;min-height:40px;padding:9px 14px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-surface-1);font-size:.84rem;font-weight:600;line-height:1.1;white-space:nowrap;color:var(--text-secondary)}html.agenda-mobile-preview .agenda-scope-toggle .view-toggle-btn.active{border-color:transparent;background:color-mix(in srgb,var(--primary-color) 92%,white);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--primary-color) 24%,transparent)}html.agenda-mobile-preview .agenda-scope-count-badge{display:none!important}html.agenda-mobile-preview .agenda-summary-card{min-height:82px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#fffffff2,color-mix(in srgb,var(--bg-surface-2) 96%,white));box-shadow:0 8px 18px #0f172a0a}html.agenda-mobile-preview .agenda-summary-label{font-size:.78rem}html.agenda-mobile-preview .agenda-summary-value{font-size:2rem}html.agenda-mobile-preview .agenda-summary-urgent{border-color:#f9731659;background:linear-gradient(180deg,#ffedd5f2,#fffffff5)}html.agenda-mobile-preview .agenda-summary-today{border-color:#60a5fa59;background:linear-gradient(180deg,#eff6fff5,#fffffff5)}html.agenda-mobile-preview .agenda-summary-done{border-color:#6ee7b780;background:linear-gradient(180deg,#ecfdf5f5,#fffffff5)}html.agenda-mobile-preview .agenda-mobile-list-heading{padding:2px 2px 0}html.agenda-mobile-preview .agenda-mobile-list-heading h4{margin:0;font-size:1.7rem;line-height:1.15;color:var(--text-primary)}html.agenda-mobile-preview .agenda-mobile-simple-list{display:flex;flex-direction:column;gap:14px}html.agenda-mobile-preview .agenda-simple-card-stack{display:flex;flex-direction:column;gap:12px}html.agenda-mobile-preview .agenda-simple-card{position:relative;display:flex;align-items:stretch;gap:10px;padding:0;border-radius:16px;border:2px solid rgba(148,163,184,.26);background:linear-gradient(180deg,#fffffff5,#f8fafcf5);box-shadow:0 10px 22px #0f172a0d;overflow:hidden}html.agenda-mobile-preview .agenda-simple-card-body{flex:1;min-width:0;padding:16px 18px}html.agenda-mobile-preview .agenda-simple-card-title{margin:0;font-size:1.05rem;line-height:1.35;color:var(--text-primary)}html.agenda-mobile-preview .agenda-simple-card-description{margin:6px 0 0;font-size:.86rem;line-height:1.45;color:var(--text-secondary)}html.agenda-mobile-preview .agenda-simple-card.tone-attention{border-color:#fb923c8c;background:linear-gradient(180deg,#ffedd5fa,#fff9f5f5)}html.agenda-mobile-preview .agenda-simple-card.tone-progress{border-color:#facc1594;background:linear-gradient(180deg,#fef9c3f5,#fffffff5)}html.agenda-mobile-preview .agenda-simple-card.tone-done{border-color:#a3e63594;background:linear-gradient(180deg,#ecfdf5f5,#f8fff4f5)}html.agenda-mobile-preview .agenda-simple-card.tone-planned{border-color:#7dd3fc6b;background:linear-gradient(180deg,#f0f9fff2,#fffffff5)}html.agenda-mobile-preview .agenda-simple-select{display:flex;align-items:center;padding-left:14px}html.agenda-mobile-preview .agenda-summary-card.is-loading{opacity:.7}html.agenda-mobile-preview .agenda-summary-card.is-loading .agenda-summary-value{font-size:.95rem;letter-spacing:.06em;color:var(--text-secondary)}html.agenda-mobile-preview .agenda-mobile-overflow{display:block!important;margin-left:auto;position:relative}html.agenda-mobile-preview .agenda-mobile-overflow summary{list-style:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer}html.agenda-mobile-preview .agenda-mobile-overflow summary::-webkit-details-marker{display:none}html.agenda-mobile-preview .bottom-nav{display:block!important}html.agenda-mobile-preview .bottom-nav-item[data-tab=user-tab],html.agenda-mobile-preview .bottom-nav-item[data-tab=tasks-tab]{display:flex!important}html.agenda-mobile-preview .bottom-nav-item[data-tab=mobile-notifikasi],html.agenda-mobile-preview .bottom-nav-item[data-tab=company-tab]{display:none!important}html.agenda-mobile-preview .agenda-mobile-overflow-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);z-index:1100}html.agenda-mobile-preview .agenda-mobile-overflow-menu .btn{width:100%;justify-content:flex-start;min-height:44px}html.agenda-mobile-preview .agenda-mobile-search-shell,html.agenda-mobile-preview .agenda-filter-toggle,html.agenda-mobile-preview .agenda-mobile-batch-btn,html.agenda-mobile-preview .agenda-mobile-refresh-btn{min-height:44px;border-radius:16px!important}html.agenda-mobile-preview .agenda-mobile-search-shell input{width:100%;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:16px!important;line-height:1.35;min-width:0}html.agenda-mobile-preview .agenda-filter-toggle{display:none!important}html.agenda-mobile-preview .agenda-active-filters{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}html.agenda-mobile-preview .agenda-focus-list,html.agenda-mobile-preview .agenda-focus-section,html.agenda-mobile-preview .agenda-focus-cards,html.agenda-mobile-preview .agenda-detail-pane,html.agenda-mobile-preview .agenda-filter-sheet-section-body,html.agenda-mobile-preview .tasks-create-card .agenda-quick-fields{flex-direction:column}html.agenda-mobile-preview .agenda-focus-list{gap:16px}html.agenda-mobile-preview .agenda-focus-section{gap:10px}html.agenda-mobile-preview .agenda-focus-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-surface-1);box-shadow:var(--shadow-sm)}html.agenda-mobile-preview .agenda-focus-card-head,html.agenda-mobile-preview .agenda-focus-title-row,html.agenda-mobile-preview .agenda-focus-footer,html.agenda-mobile-preview .agenda-focus-card-badges,html.agenda-mobile-preview .agenda-focus-meta,html.agenda-mobile-preview .agenda-detail-overview-actions,html.agenda-mobile-preview .agenda-filter-sheet-header,html.agenda-mobile-preview .agenda-filter-sheet-header-actions,html.agenda-mobile-preview .agenda-detail-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}html.agenda-mobile-preview .agenda-focus-card-badges,html.agenda-mobile-preview .agenda-focus-meta{flex-wrap:wrap}html.agenda-mobile-preview .agenda-simple-card-meta{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:nowrap;font-size:.75rem;color:var(--text-secondary);overflow:hidden}html.agenda-mobile-preview .agenda-simple-card-project,html.agenda-mobile-preview .agenda-simple-card-pic{display:inline-flex;align-items:center;gap:3px;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.agenda-mobile-preview .agenda-simple-card .agenda-focus-deadline{display:inline-flex;flex-shrink:0;margin-left:auto;margin-top:0;min-height:18px;font-size:.68rem;padding:1px 7px;line-height:1.4;border-radius:10px}html.agenda-mobile-preview .agenda-focus-status,html.agenda-mobile-preview .agenda-focus-deadline,html.agenda-mobile-preview .agenda-focus-priority,html.agenda-mobile-preview .agenda-focus-meta-item,html.agenda-mobile-preview .agenda-filter-chip,html.agenda-mobile-preview .agenda-filter-clear-all,html.agenda-mobile-preview .agenda-filter-quick-btn,html.agenda-mobile-preview .kanban-page-position{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-2)}html.agenda-mobile-preview .agenda-batch-mode .agenda-focus-select{display:inline-flex}html.agenda-mobile-preview .agenda-detail-overview,html.agenda-mobile-preview .agenda-detail-tabs{display:block}html.agenda-mobile-preview .agenda-detail-overview{display:flex;flex-direction:column;gap:16px;margin-bottom:12px;padding:14px;border:1px solid var(--border-color);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 6%,var(--bg-surface-2)),var(--bg-surface-1))}html.agenda-mobile-preview .agenda-detail-overview-copy,html.agenda-mobile-preview .agenda-detail-overview-content{display:flex;flex-direction:column;gap:12px}html.agenda-mobile-preview .agenda-detail-overview-content .detail-card{margin:0;border-radius:18px;background:var(--bg-surface-2)}html.agenda-mobile-preview .agenda-detail-overview-content textarea{min-height:160px}html.agenda-mobile-preview .agenda-detail-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}html.agenda-mobile-preview .agenda-detail-overview-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:16px;background:var(--bg-surface-1);border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent)}html.agenda-mobile-preview .agenda-detail-overview-item span{font-size:.75rem;color:var(--text-secondary)}html.agenda-mobile-preview .agenda-detail-overview-item strong{font-size:.9rem;color:var(--text-primary);line-height:1.35}html.agenda-mobile-preview .agenda-detail-overview-item-wide{grid-column:1 / -1}html.agenda-mobile-preview .agenda-detail-overview-item-deadline strong{font-size:1rem}html.agenda-mobile-preview .agenda-detail-overview-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:stretch}html.agenda-mobile-preview .agenda-detail-overview-btn,html.agenda-mobile-preview .agenda-detail-overview-icon{min-height:48px;border-radius:16px!important;justify-content:center}html.agenda-mobile-preview .agenda-detail-overview-icon{width:48px;padding:0!important}html.agenda-mobile-preview .agenda-detail-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}html.agenda-mobile-preview .agenda-detail-pane{display:none}html.agenda-mobile-preview .agenda-detail-pane.is-active{display:flex}html.agenda-mobile-preview .agenda-detail-sheet-backdrop{position:absolute;inset:0;z-index:8;border:none;background:#0f172a61;opacity:0;pointer-events:none}html.agenda-mobile-preview .agenda-detail-sheet-backdrop.is-open{opacity:1;pointer-events:auto}html.agenda-mobile-preview .agenda-detail-sheet{position:absolute;left:0;right:0;bottom:0;z-index:9;display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(16px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));border-radius:22px 22px 0 0;background:var(--bg-surface-1);box-shadow:0 -18px 42px #0f172a38;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}html.agenda-mobile-preview .agenda-detail-sheet.is-open{transform:translateY(0);opacity:1;pointer-events:auto}html.agenda-mobile-preview .agenda-kanban-board[style*="display: none"]{display:none!important;min-height:0!important;padding-bottom:0!important}html.agenda-mobile-preview .agenda-kanban-board:not([style*="display: none"]){display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain;gap:16px!important;padding-bottom:8px!important;min-height:0!important;scrollbar-width:none}html.agenda-mobile-preview .agenda-kanban-board .kanban-column{width:100%!important;min-width:100%!important;max-width:100%!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden!important;scroll-snap-align:center!important;flex-shrink:0!important;border-radius:24px!important;box-shadow:0 18px 36px #0f172a14;border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent)!important;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface-1))!important}html.agenda-mobile-preview .agenda-kanban-board .kanban-column-header{position:sticky;top:0;z-index:2;gap:10px;margin-bottom:0!important;padding:14px 16px 12px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface-2) 94%,white),var(--bg-surface-1))}html.agenda-mobile-preview .agenda-kanban-board .kanban-cards{flex:0 1 auto;min-height:0;max-height:clamp(180px,32vh,260px);overflow-y:auto;padding:12px 14px 16px;-webkit-overflow-scrolling:touch}html.agenda-mobile-surface #tasks-stats-bar,html.agenda-mobile-preview #tasks-stats-bar{display:none!important}html.agenda-mobile-surface .tasks-filter-bar,html.agenda-mobile-surface .agenda-view-toggle.agenda-scope-toggle,html.agenda-mobile-preview .agenda-view-toggle.agenda-scope-toggle{margin-bottom:12px!important}html.agenda-mobile-surface .agenda-focus-list>.agenda-focus-section:only-child,html.agenda-mobile-preview .agenda-focus-list>.agenda-focus-section:only-child{gap:0!important}html.agenda-mobile-surface .agenda-focus-list>.agenda-focus-section:only-child .agenda-focus-section-header,html.agenda-mobile-preview .agenda-focus-list>.agenda-focus-section:only-child .agenda-focus-section-header{display:none!important}html.agenda-mobile-preview .agenda-kanban-board .kanban-collapse-btn,html.agenda-mobile-preview .kanban-dot-indicator[style*="display: none"]{display:none!important}html.agenda-mobile-preview .kanban-dot-indicator:not([style*="display: none"]){display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0 0}html.agenda-mobile-preview .kanban-dot.active{width:22px;border-radius:4px;background:var(--primary-color)}html.agenda-mobile-preview .tasks-create-card .agenda-detail-fields{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .3s;opacity:0}html.agenda-mobile-preview .tasks-create-card .agenda-detail-fields.expanded{max-height:2000px;opacity:1}html.agenda-mobile-preview .agenda-expand-btn,html.agenda-mobile-preview .agenda-fab{display:flex!important}html.agenda-mobile-preview .agenda-fab{bottom:calc(80px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}html.agenda-mobile-preview .tasks-filters-row{display:none!important;position:fixed;left:0;right:0;bottom:0;z-index:1115;max-height:min(72vh,620px);overflow-y:auto;padding:18px 16px calc(18px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;margin:0!important;border:1px solid var(--border-color)!important;border-radius:22px 22px 0 0!important;background:var(--bg-surface-1);box-shadow:0 -18px 48px #0f172a29;opacity:0;transform:translateY(calc(100% + 24px));pointer-events:none}html.agenda-mobile-preview .tasks-filters-row.filters-visible{display:flex!important;opacity:1;transform:translateY(0);pointer-events:auto}html.agenda-mobile-preview .agenda-filter-sheet-backdrop{position:fixed;inset:0;z-index:1110;border:none;background:#0f172a61;opacity:0;pointer-events:none}html.agenda-mobile-preview .agenda-filter-sheet-backdrop.visible{opacity:1;pointer-events:auto}html.agenda-mobile-preview body.agenda-filter-sheet-open{overflow:hidden}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:6px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-actions{width:100%}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-stats-bar,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-header .btn-primary[data-call=toggleTasksCreateForm],:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #task-list-header,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-view-toggle:not(.agenda-scope-toggle),:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-kanban-board,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .kanban-dot-indicator{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-card-list{display:block!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle{width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:8px;padding:0;margin-bottom:8px;background:transparent;border-radius:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle::-webkit-scrollbar{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle .view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:10px;min-height:40px;padding:9px 14px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-surface-1);font-size:.84rem;font-weight:600;line-height:1.1;white-space:nowrap;color:var(--text-secondary)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle .view-toggle-btn.active{border-color:transparent;background:color-mix(in srgb,var(--primary-color) 92%,white);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--primary-color) 24%,transparent)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-list-heading{padding:2px 2px 0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-list-heading h4{margin:0;font-size:1.7rem;line-height:1.15;color:var(--text-primary)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-simple-list{display:flex;flex-direction:column;gap:14px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card-stack{display:flex;flex-direction:column;gap:12px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card{position:relative;display:flex;align-items:stretch;gap:10px;padding:0;border-radius:16px;border:2px solid rgba(148,163,184,.26);background:linear-gradient(180deg,#fffffff5,#f8fafcf5);box-shadow:0 10px 22px #0f172a0d;overflow:hidden}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card-body{flex:1;min-width:0;padding:16px 18px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card-title{margin:0;font-size:1.05rem;line-height:1.35;color:var(--text-primary)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card-description{margin:6px 0 0;font-size:.86rem;line-height:1.45;color:var(--text-secondary)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card.tone-attention{border-color:#fb923c8c;background:linear-gradient(180deg,#ffedd5fa,#fff9f5f5)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card.tone-progress{border-color:#facc1594;background:linear-gradient(180deg,#fef9c3f5,#fffffff5)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card.tone-done{border-color:#a3e63594;background:linear-gradient(180deg,#ecfdf5f5,#f8fff4f5)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card.tone-planned{border-color:#7dd3fc6b;background:linear-gradient(180deg,#f0f9fff2,#fffffff5)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-select{display:flex;align-items:center;padding-left:14px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card-meta{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:nowrap;font-size:.75rem;color:var(--text-secondary);overflow:hidden}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card-project,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card-pic{display:inline-flex;align-items:center;gap:3px;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-simple-card .agenda-focus-deadline{display:inline-flex;flex-shrink:0;margin-left:auto;margin-top:0;min-height:18px;font-size:.68rem;padding:1px 7px;line-height:1.4;border-radius:10px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-filter-toggle,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-batch-btn,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-refresh-btn{min-height:44px;border-radius:16px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell input{width:100%;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:16px!important;line-height:1.35;min-width:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-active-filters{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-focus-list,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-focus-section,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-focus-cards,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-pane,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-filter-sheet-section-body,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-create-card .agenda-quick-fields{flex-direction:column}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-tabs{display:block}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview{display:flex;flex-direction:column;gap:16px;margin-bottom:12px;padding:14px;border:1px solid var(--border-color);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 6%,var(--bg-surface-2)),var(--bg-surface-1))}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-copy,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-content{display:flex;flex-direction:column;gap:12px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-content .detail-card{margin:0;border-radius:18px;background:var(--bg-surface-2)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-content textarea{min-height:160px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:16px;background:var(--bg-surface-1);border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-item span{font-size:.75rem;color:var(--text-secondary)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-item strong{font-size:.9rem;color:var(--text-primary);line-height:1.35}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-item-wide{grid-column:1 / -1}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-item-deadline strong{font-size:1rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:stretch}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-btn,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-icon{min-height:48px;border-radius:16px!important;justify-content:center}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-overview-icon{width:48px;padding:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-pane{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-pane.is-active{display:flex}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-sheet-backdrop{position:absolute;inset:0;z-index:8;border:none;background:#0f172a61;opacity:0;pointer-events:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-sheet-backdrop.is-open{opacity:1;pointer-events:auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-sheet{position:absolute;left:0;right:0;bottom:0;z-index:9;display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(16px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));border-radius:22px 22px 0 0;background:var(--bg-surface-1);box-shadow:0 -18px 42px #0f172a38;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-sheet.is-open{transform:translateY(0);opacity:1;pointer-events:auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-create-card .agenda-detail-fields{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .3s;opacity:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-create-card .agenda-detail-fields.expanded{max-height:2000px;opacity:1}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-expand-btn,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-fab{display:flex!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-fab{bottom:calc(80px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-filters-row{display:none!important;position:fixed;left:0;right:0;bottom:0;z-index:1115;max-height:min(72vh,620px);overflow-y:auto;padding:18px 16px calc(18px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;margin:0!important;border:1px solid var(--border-color)!important;border-radius:22px 22px 0 0!important;background:var(--bg-surface-1);box-shadow:0 -18px 48px #0f172a29;opacity:0;transform:translateY(calc(100% + 24px));pointer-events:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-filters-row.filters-visible{display:flex!important;opacity:1;transform:translateY(0);pointer-events:auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-filter-sheet-backdrop{position:fixed;inset:0;z-index:1110;border:none;background:#0f172a61;opacity:0;pointer-events:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-filter-sheet-backdrop.visible{opacity:1;pointer-events:auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) body.agenda-filter-sheet-open{overflow:hidden}@media(max-width:768px)and (hover:none)and (pointer:coarse){#agenda-mobile-summary,#agenda-scope-context,#agenda-mobile-select-btn,.agenda-filter-toggle,.agenda-mobile-overflow{display:none!important}}html.agenda-mobile-preview #agenda-mobile-summary,html.agenda-mobile-preview #agenda-scope-context,html.agenda-mobile-preview #agenda-mobile-select-btn,html.agenda-mobile-preview .agenda-filter-toggle,html.agenda-mobile-preview .agenda-mobile-overflow{display:none!important}@media(max-width:768px)and (hover:none)and (pointer:coarse){#agenda-detail-modal .modal-header{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));color:#fff;border-bottom:none}#agenda-detail-modal .modal-header .modal-title-input{color:#fff;background:transparent;border-color:transparent;font-weight:700;font-size:15px;caret-color:#fff}#agenda-detail-modal .modal-header .modal-title-input::placeholder{color:#ffffffa6}#agenda-detail-modal .modal-header .btn-close,#agenda-detail-modal .modal-header .btn-icon-sm{color:#fff;opacity:.9}#agenda-detail-modal .modal-header .btn-close:hover,#agenda-detail-modal .modal-header .btn-icon-sm:hover{background:#fff3;opacity:1}#tasks-tab-detail-body{background:#f8fafc!important;padding:0!important}.agenda-detail-flat{display:flex;flex-direction:column;padding:0 16px}.adf-section{padding:14px 0;border-bottom:1px solid #e2e8f0}.adf-section:last-of-type{border-bottom:none}.adf-section-title{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.adf-section textarea#tasks-tab-detail-description-input{width:100%;border:none!important;outline:none;background:transparent!important;padding:0!important;resize:none;font-size:13.5px!important;line-height:1.55!important;color:#334155!important;min-height:0!important;height:auto;box-shadow:none!important;overflow:hidden}.adf-section textarea#tasks-tab-detail-description-input::placeholder{color:#94a3b8}.adf-section .detail-fields-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;border:none!important;border-radius:0!important;padding:0!important;background:transparent!important}.adf-section .detail-fields-grid .detail-field-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:5px 9px}.adf-section .detail-fields-grid .detail-field-label{display:flex;align-items:center;gap:3px;font-size:9px;color:#64748b;font-weight:600;margin-bottom:1px;letter-spacing:.2px}.adf-section .detail-fields-grid .detail-field-label i{font-size:10px}.adf-section .detail-fields-grid .detail-field-select,.adf-section .detail-fields-grid .detail-field-input{border:none!important;outline:none;background:transparent!important;padding:0!important;font-size:12px!important;font-weight:700;color:#1e293b;width:100%;box-shadow:none!important;min-height:0!important;height:auto!important;line-height:1.3}.adf-proyek-row{grid-column:1 / -1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 11px;font-size:12.5px;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px}.adf-proyek-row i{color:#64748b}.adf-section #checklist-section{border:none!important;background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}.adf-section #checklist-section .detail-card-header{padding:0;margin-bottom:8px;font-size:13px;font-weight:600;border:none;background:none}.adf-section #checklist-section .detail-card-body{padding:0}.adf-section details#activity-log-section{border:none;background:none;padding:0;margin:0}.adf-section details#activity-log-section>summary{display:none}.adf-section details#activity-log-section .advanced-content{display:block!important;max-height:none!important}.adf-section details#activity-log-section #tasks-tab-detail-activity-log{max-height:none;overflow:visible;font-size:12px;color:#64748b;line-height:1.5}.adf-section .detail-card{border:none!important;background:none!important;padding:12px 0 0!important;box-shadow:none!important;border-radius:0!important;margin-top:12px;border-top:1px dashed #e2e8f0!important}.adf-section .detail-card .detail-card-header{display:none}.adf-section .detail-card .detail-card-body{padding:0!important}.adf-section .detail-card textarea{border-radius:20px!important;border:1px solid #e2e8f0!important;padding:9px 14px!important;font-size:12.5px!important;min-height:0!important;height:auto!important;background:#fff!important}.adf-section .task-participants-list{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:5px!important;margin:0}.adf-section .task-participants-list .participant-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;padding:3px 8px!important;border-radius:10px!important;background:#f1f5f9!important;border:none!important;font-size:0!important;color:transparent!important;white-space:nowrap;overflow:hidden;min-width:0;flex-shrink:0}.adf-section .task-participants-list .participant-badge img{width:20px!important;height:20px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0;display:block}.adf-section .task-participants-list .participant-badge:after{content:attr(title);font-size:12px;color:#475569;font-weight:500;white-space:nowrap}.agenda-modal .modal-footer{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;padding:12px 14px!important;background:#fff!important;border-top:1px solid #e2e8f0!important;gap:8px!important;grid-template-columns:unset!important}.agenda-modal .modal-footer .modal-footer-spacer{display:none!important}.agenda-modal .modal-footer #tasks-tab-save-btn{flex:1 1 100%!important;order:3!important}.agenda-modal .modal-footer .btn-secondary{flex:1 1 auto!important;order:2!important}.agenda-modal .modal-footer #tasks-tab-delete-btn{background:#fee2e2!important;color:#b91c1c!important;border:none!important;border-radius:8px!important;padding:8px 11px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;flex-shrink:0!important;order:1!important}.agenda-modal .modal-footer #tasks-tab-mark-done-btn{background:#dcfce7!important;color:#166534!important;border:none!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;flex-shrink:0!important;order:1!important}.agenda-modal .modal-footer .btn-secondary{background:#f1f5f9!important;color:#475569!important;border:none!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:700!important;flex:1 1 auto!important;order:2!important}.agenda-modal .modal-footer #tasks-tab-save-btn{background:linear-gradient(to right,var(--primary-color),var(--primary-hover))!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:10px 13px!important;font-size:12px!important;font-weight:700!important;box-shadow:0 3px 8px rgba(var(--brand-color-rgb, 13, 59, 102),.35)!important;flex:1 1 100%!important;order:3!important;justify-content:center!important}#tasks-tab-delete-btn[style*=inline-flex],#tasks-tab-mark-done-btn[style*=inline-flex]{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-height:40px}}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));color:#fff;border-bottom:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header .modal-title-input{color:#fff;background:transparent;border-color:transparent;font-weight:700;font-size:15px;caret-color:#fff}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header .modal-title-input::placeholder{color:#ffffffa6}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header .btn-close,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header .btn-icon-sm{color:#fff;opacity:.9}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-detail-body{background:#f8fafc!important;padding:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-flat{display:flex;flex-direction:column;padding:0 16px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section{padding:14px 0;border-bottom:1px solid #e2e8f0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section:last-of-type{border-bottom:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section-title{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section textarea#tasks-tab-detail-description-input{width:100%;border:none!important;outline:none;background:transparent!important;padding:0!important;resize:none;font-size:13.5px!important;line-height:1.55!important;color:#334155!important;min-height:0!important;height:auto;box-shadow:none!important;overflow:hidden}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-fields-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;border:none!important;border-radius:0!important;padding:0!important;background:transparent!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-fields-grid .detail-field-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:5px 9px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-fields-grid .detail-field-label{display:flex;align-items:center;gap:3px;font-size:9px;color:#64748b;font-weight:600;margin-bottom:1px;letter-spacing:.2px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-fields-grid .detail-field-select,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-fields-grid .detail-field-input{border:none!important;outline:none;background:transparent!important;padding:0!important;font-size:12px!important;font-weight:700;color:#1e293b;width:100%;box-shadow:none!important;min-height:0!important;height:auto!important;line-height:1.3}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-proyek-row{grid-column:1 / -1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 11px;font-size:12.5px;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section #checklist-section{border:none!important;background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section #checklist-section .detail-card-header{padding:0;margin-bottom:8px;font-size:13px;font-weight:600;border:none;background:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section #checklist-section .detail-card-body{padding:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section details#activity-log-section{border:none;background:none;padding:0;margin:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section details#activity-log-section>summary{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section details#activity-log-section .advanced-content{display:block!important;max-height:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section details#activity-log-section #tasks-tab-detail-activity-log{max-height:none;overflow:visible;font-size:12px;color:#64748b;line-height:1.5}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-card{border:none!important;background:none!important;padding:12px 0 0!important;box-shadow:none!important;border-radius:0!important;margin-top:12px;border-top:1px dashed #e2e8f0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-card .detail-card-header{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-card .detail-card-body{padding:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .detail-card textarea{border-radius:20px!important;border:1px solid #e2e8f0!important;padding:9px 14px!important;font-size:12.5px!important;min-height:0!important;height:auto!important;background:#fff!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .task-participants-list{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:5px!important;margin:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .task-participants-list .participant-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;padding:3px 8px!important;border-radius:10px!important;background:#f1f5f9!important;border:none!important;font-size:0!important;color:transparent!important;white-space:nowrap;overflow:hidden;min-width:0;flex-shrink:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .task-participants-list .participant-badge img{width:20px!important;height:20px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0;display:block}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .adf-section .task-participants-list .participant-badge:after{content:attr(title);font-size:12px;color:#475569;font-weight:500;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-modal .modal-footer,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;padding:12px 14px!important;background:#fff!important;border-top:1px solid #e2e8f0!important;gap:8px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-modal .modal-footer .modal-footer-spacer{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-delete-btn{background:#fee2e2!important;color:#b91c1c!important;border:none!important;border-radius:8px!important;padding:8px 11px!important;font-size:12px!important;font-weight:700!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-mark-done-btn{background:#dcfce7!important;color:#166534!important;border:none!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:700!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-modal .modal-footer .btn-secondary{background:#f1f5f9!important;color:#475569!important;border:none!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:700!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-save-btn{background:linear-gradient(to right,var(--primary-color),var(--primary-hover))!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:8px 13px!important;font-size:12px!important;font-weight:700!important;box-shadow:0 3px 8px rgba(var(--brand-color-rgb, 13, 59, 102),.35)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-save-btn{flex:1 1 100%!important;order:3!important;justify-content:center!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-modal .modal-footer .btn-secondary{flex:1 1 auto!important;order:2!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-delete-btn[style*=inline-flex],:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-mark-done-btn[style*=inline-flex]{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-height:40px;flex-shrink:0!important;white-space:nowrap!important;order:1!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab{background:#f3f6f4}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-header{align-items:center!important;gap:8px!important;margin:0 0 10px!important;padding:14px 4px 4px;background:#fff;border-radius:0 0 20px 20px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-title-block{align-self:flex-start}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-title-block h3{margin:0;color:var(--brand-fg, var(--primary-color));font-size:1.1rem;line-height:1.2;font-weight:700;letter-spacing:-.3px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-title-block h3 i{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-actions{width:auto;margin-left:auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-overflow summary{width:42px;height:42px;border:0;background:transparent;color:#18231d;border-radius:12px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-header .btn-primary[data-call=toggleTasksCreateForm]{display:none!important;position:fixed;right:18px;bottom:calc(80px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));z-index:880;width:58px;min-width:58px;height:58px;min-height:58px;padding:0!important;border:0!important;border-radius:18px!important;background:var(--primary-color)!important;color:#fff!important;box-shadow:0 18px 32px rgba(var(--brand-color-rgb, 23, 99, 198),.35);font-size:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-header .btn-primary[data-call=toggleTasksCreateForm] i{margin:0;font-size:1.65rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-filter-bar{display:flex;flex-direction:column;margin-bottom:10px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-summary{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 12px;order:1}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell{min-height:48px;padding:0 16px;border:0;border-radius:999px!important;background:#eef0ed;color:#75847b}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell i{color:#2d6ea3;font-size:1.05rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell input::placeholder{color:#75847b}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-batch-btn{min-width:48px;width:48px;min-height:48px;padding:0!important;border:0!important;border-radius:16px!important;background:#eef0ed;color:#18231d}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-batch-btn span{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle{gap:10px;margin-bottom:12px;order:2}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle .view-toggle-btn{min-height:36px;padding:0 16px;border:0;border-radius:999px;background:#ebeeeb;color:#5d6f66;font-size:.88rem;font-weight:700;box-shadow:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle .view-toggle-btn.active{background:color-mix(in srgb,var(--primary-color) 15%,#ffffff);color:var(--brand-fg, var(--primary-color));box-shadow:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-context,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-team-quick-filters{order:3;margin-bottom:10px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-active-filters{order:4}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-filters-row{order:5}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-focus-state,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-focus-state-empty,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-focus-state-compact{flex-direction:row;align-items:center;min-height:0;padding:12px 14px;gap:12px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-inbox{display:flex;flex-direction:column;gap:10px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-inbox-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-inbox-summary strong{font-size:.96rem;color:#18231d;font-weight:800}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-inbox-summary span{color:#15764a;font-size:.82rem;font-weight:700;text-align:right}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-list{overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 10px 26px #18231d0f}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:15px 16px;border-bottom:1px solid #dde5df;background:#fff;cursor:pointer}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row:last-child{border-bottom:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-select{grid-row:1;align-self:center;display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-batch-mode .agenda-inbox-select{display:inline-flex}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-batch-mode .agenda-inbox-row{grid-template-columns:auto 52px minmax(0,1fr)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-batch-mode .agenda-inbox-row.has-action{grid-template-columns:auto 38px minmax(0,1fr) auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;color:#fff;font-size:.92rem;font-weight:800;flex:0 0 auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar.tone-amber{background:linear-gradient(135deg,#c18338,#7b4b1f)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar.tone-green{background:linear-gradient(135deg,#2d9d6a,#1d6e4a)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar.tone-brown{background:linear-gradient(135deg,#b48c55,#705631)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar.tone-rose{background:linear-gradient(135deg,#9d5664,#65303c)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar.tone-blue{background:linear-gradient(135deg,#3c7ba6,#244d68)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-main{min-width:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-topline,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-message-line{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-title{min-width:0;margin:0;color:#18231d;font-size:1.1rem;line-height:1.18;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-deadline{flex:0 0 auto;padding-top:2px;color:#6f7f76;font-size:.8rem;line-height:1.2;font-weight:800;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-deadline.is-fresh{color:var(--brand-fg, var(--primary-color))}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-deadline.is-alert{color:#c15445}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-snippet{min-width:0;margin:6px 0 0;color:#5f6c65;font-size:.92rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-snippet strong{color:var(--brand-fg, var(--primary-color));font-weight:800}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-unread{flex:0 0 auto;width:24px;min-width:24px;height:24px;border-radius:999px;margin-top:4px;display:grid;place-items:center;background:var(--primary-color);color:#fff;font-size:.72rem;font-weight:800}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-chip{min-height:24px;max-width:100%;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;background:#eef2ef;color:#5f6c65;font-size:.72rem;line-height:1;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-chip.is-alert{background:#fdeae5;color:#c15445}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-chip.is-ok{background:#ddf6e8;color:#15764a}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-chip.is-info{background:#e8f0f7;color:#2d6ea3}@media(max-width:360px){:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:13px 12px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar{width:46px;height:46px;font-size:.84rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-title{font-size:1rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-snippet{font-size:.86rem}}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-modal-content{width:100%!important;max-width:100%!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;border-radius:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header{flex-shrink:0;padding:11px 13px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header .modal-title-input{min-width:0;font-size:15px!important;line-height:1.25;padding:5px 0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal #tasks-tab-detail-body{flex:1 1 auto;min-height:0;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:#eef2f1!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-compact-bar{padding:9px 10px;gap:7px;background:#fff}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-compact-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-compact-item{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;row-gap:1px;padding:8px 9px;border-radius:9px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-compact-item i{grid-row:1 / 3;font-size:.95rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-compact-item span{font-size:.62rem;line-height:1}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-compact-item strong{font-size:.78rem;line-height:1.15}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-expand-btn{min-width:42px;width:42px;padding:0;border-radius:9px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-expand-btn span{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-full-panel{max-height:46dvh;background:#f8fafc}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-full-panel-inner{padding:12px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-detail-fields-layout,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .detail-two-col{grid-template-columns:1fr!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .detail-sidebar-col{order:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-chat-panel{flex:1 1 auto;min-height:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-chat-header{padding:8px 12px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-chat-heading{font-size:.84rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .task-comments-list{padding:12px;gap:8px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-item{max-width:84%;padding:9px 11px;border-radius:15px 15px 15px 5px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-item.is-own{border-radius:15px 15px 5px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-author,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-time,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-edited-label{font-size:.68rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-content{font-size:.88rem;line-height:1.45}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-input-section{padding:8px 10px;gap:7px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-input-section textarea{min-width:0;min-height:42px;padding:10px 13px!important;font-size:16px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .btn-send{width:42px;min-width:42px;min-height:42px;padding:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .btn-send span{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer{flex-shrink:0}.pic-searchable-wrap{position:relative}.pic-search-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-surface-1);color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.pic-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 20%,transparent)}.pic-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:9999;background:var(--bg-surface-1);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 8px 24px #00000026;overflow:hidden;max-height:308px;overflow-y:auto}.pic-search-item{padding:10px 14px;font-size:.88rem;color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pic-search-item:last-child{border-bottom:none}.pic-search-item:hover,.pic-search-item:focus{background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-surface-2))}.pic-search-no-result{padding:12px 14px;font-size:.85rem;color:var(--text-secondary);text-align:center}@keyframes agenda-row-overdue-pulse{0%,to{background:#fff8f7}50%{background:#fdeae5}}@keyframes agenda-row-today-glow{0%,to{box-shadow:inset 3px 0 0 var(--primary-color)}50%{box-shadow:inset 5px 0 0 var(--primary-color),0 0 10px rgba(var(--brand-color-rgb, 23, 99, 198),.12)}}@keyframes agenda-row-soon-shimmer{0%,to{background:#fff}50%{background:#fffbf2}}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.deadline-overdue{border-left:4px solid #c15445;animation:agenda-row-overdue-pulse 2s ease-in-out infinite}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.deadline-today{animation:agenda-row-today-glow 2.5s ease-in-out infinite}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.deadline-soon{border-left:4px solid #e8a020;animation:agenda-row-soon-shimmer 3s ease-in-out infinite}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.deadline-week{border-left:3px solid #e8d4a0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.status-done{animation:none!important;border-left:none!important;opacity:.7}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab{background:#f4f6f3;padding-bottom:calc(72px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-header{min-height:0;margin:0 0 8px!important;padding:0 2px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-title-block{align-self:center}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-title-block h3{color:#248fa3;font-size:1.03rem;line-height:1.15;font-weight:800}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-actions{width:auto!important;min-width:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-tab-header .btn-primary[data-call=toggleTasksCreateForm]{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .tasks-filter-bar{gap:8px;margin-bottom:8px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle{gap:8px;margin-bottom:4px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-toggle .view-toggle-btn{min-height:32px;padding:0 13px;font-size:.82rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-toolbar{margin:0 0 4px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell{min-height:40px;padding:0 14px;border-radius:18px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-batch-btn{min-width:40px;width:40px;min-height:40px;border-radius:14px!important}@media(max-width:768px){#agenda-scope-context,.agenda-scope-context,#agenda-mobile-select-btn,.agenda-mobile-toolbar-actions,.agenda-filter-toggle{display:none!important}.agenda-mobile-toolbar{grid-template-columns:minmax(0,1fr)!important;width:100%;margin:0 0 8px!important}.agenda-mobile-search-shell{width:100%;min-height:46px;box-sizing:border-box;gap:10px;padding:0 14px!important;border-radius:18px!important}.agenda-mobile-search-shell input,.agenda-mobile-search-shell input::placeholder{font-size:15px!important}}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-scope-context,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-scope-context,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-mobile-select-btn,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-toolbar-actions,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-filter-toggle{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-toolbar{grid-template-columns:minmax(0,1fr)!important;width:100%;margin:0 0 8px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell{width:100%;min-height:46px;box-sizing:border-box;gap:10px;padding:0 14px!important;border-radius:18px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell input,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-search-shell input::placeholder{font-size:15px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-inbox{gap:6px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-inbox-summary{padding:0 2px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-inbox-summary strong{font-size:.9rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-mobile-inbox-summary span{font-size:.76rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-list{border:1px solid #dce4df;border-radius:12px;box-shadow:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:72px;padding:10px 12px;animation:none!important;background:#fff}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.has-action{grid-template-columns:38px minmax(0,1fr) auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-action-wrap{align-self:center}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:0 10px;border:0;border-radius:12px;background:var(--primary-color, #1763c6);color:#fff;font-size:.72rem;font-weight:800;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-action i{font-size:.85rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.deadline-overdue{background:#fff8f8;border-left:3px solid #d65045}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.deadline-soon,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row.deadline-week{border-left-width:3px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar{width:38px;height:38px;align-self:center;font-size:.72rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-topline,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-message-line{gap:8px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-title{font-size:.96rem;line-height:1.15}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-deadline{padding-top:1px;font-size:.72rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-snippet{margin-top:3px;font-size:.82rem;line-height:1.25}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-meta{flex-wrap:nowrap;gap:5px;margin-top:5px;overflow:hidden}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-chip{min-height:19px;padding:0 7px;font-size:.64rem;font-weight:800;flex:0 1 auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-chip:last-child{flex:1 1 auto}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-fab{display:flex!important;right:16px;bottom:calc(80px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));width:50px;height:50px;border-radius:18px;box-shadow:0 12px 26px rgba(var(--brand-color-rgb, 23, 99, 198),.28)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-fab i{font-size:1.35rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .app-footer{margin-top:12px;padding-top:12px}@media(max-width:360px){:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-row{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:9px 10px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) .agenda-inbox-avatar{width:34px;height:34px;font-size:.66rem}}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) body:has(#agenda-detail-modal.active) .agenda-fab{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal{z-index:1300}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-modal-content{width:100%!important;max-width:100%!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;border-radius:0!important;box-shadow:none!important;background:var(--bg-surface-1)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header{min-height:56px;padding:0 16px!important;flex-shrink:0;border:0!important;background:var(--primary-color, var(--brand-color))!important;color:#fff}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-title-input{min-width:0;padding:0!important;margin:0 8px 0 0!important;border:0!important;color:#fff!important;font-size:1.08rem!important;line-height:1.2;font-weight:800}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-title-input::placeholder{color:#ffffffb8}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header-actions{display:flex;align-items:center;gap:8px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header .btn-icon-sm{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .btn-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff!important;font-size:1.7rem!important;font-weight:700;line-height:1}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal #tasks-tab-detail-body{flex:1 1 auto;min-height:0;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:0!important;background:var(--bg-surface-1)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-bar{min-height:44px;padding:0 14px!important;align-items:center;gap:8px;flex-shrink:0;border:0!important;background:#fff!important;box-shadow:0 1px #0f172a14}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-main{display:flex!important;align-items:center;gap:12px;min-width:0;border:0!important;background:transparent!important;padding:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-item{display:inline-flex!important;align-items:center;gap:4px;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#0f172a}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-item i{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-item span{color:#111827;font-size:.76rem;line-height:1;font-weight:800;text-transform:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-item strong{min-width:0;color:#0b56c5;font-size:.78rem;line-height:1;font-weight:500;max-width:116px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-deadline strong{color:#e11d48}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-expand-btn{width:36px;min-width:36px;height:36px;min-height:36px;margin-left:auto;padding:0!important;border:0!important;background:transparent!important;color:#111827;box-shadow:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-expand-btn span{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-expand-btn i{font-size:1.2rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-full-panel{flex:0 0 auto;max-height:min(48dvh,430px);overflow-y:auto;border:0!important;border-bottom:1px solid #d7ded9!important;background:#f8fafc!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-full-panel-inner{padding:12px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-chat-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface-1)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-chat-header{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .task-comments-list{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;margin:0!important;padding:16px 16px 12px!important;gap:10px;background:var(--bg-surface-1)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-item{width:fit-content;max-width:78%;padding:10px 13px!important;border:0!important;border-radius:16px 16px 16px 4px!important;background:#fff!important;box-shadow:0 1px 1px #0f172a14!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-item.is-own{margin-left:auto;border-radius:16px 16px 4px!important;background:color-mix(in srgb,var(--brand-color) 18%,var(--bg-surface-2))!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-header{margin-bottom:4px}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-author,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-time,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-edited-label{color:#64748b;font-size:.68rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-content{color:#0f172a;font-size:.95rem;line-height:1.45}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-actions{display:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .no-comments,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .text-error{margin:auto;color:#64748b;font-size:.9rem;text-align:center}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-input-section{flex:0 0 auto;display:grid!important;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px!important;padding:10px 16px calc(10px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;border-top:1px solid rgba(15,23,42,.08);background:#fff!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-input-section textarea{min-width:0;width:100%;min-height:44px!important;max-height:112px;padding:12px 16px!important;border:0!important;border-radius:999px!important;background:#f3f4f6!important;color:#0f172a!important;font-size:16px!important;line-height:1.3;resize:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .btn-send{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;border:0!important;border-radius:999px!important;background:var(--brand-color)!important;color:#fff!important;box-shadow:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .btn-send span{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel #tasks-tab-comment-error{grid-column:1 / -1;margin:0;font-size:.76rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer{flex:0 0 auto;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;padding:10px 16px!important;border-top:1px solid #e5e7eb!important;background:#fff!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer .modal-footer-spacer,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-delete-btn{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer .btn{flex:1 1 0!important;min-width:0!important;min-height:44px!important;justify-content:center!important;padding:0 10px!important;border:0!important;border-radius:10px!important;font-size:.9rem!important;font-weight:800!important;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-mark-done-btn{order:1!important;background:var(--brand-color)!important;color:#fff!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-save-btn{order:2!important;flex:1 1 0!important;background:var(--brand-color)!important;color:#fff!important;box-shadow:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer .btn-secondary{order:3!important;background:#6b7280!important;color:#fff!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-modal-content{background:var(--bg-surface-1)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-header{background:var(--primary-color, var(--brand-color))!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal #tasks-tab-detail-body,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-chat-panel,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .task-comments-list{background:var(--bg-surface-1)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-bar{min-height:48px;padding:7px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 36px;border-bottom:1px solid var(--border-color)!important;background:var(--bg-surface-2)!important;box-shadow:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;overflow:hidden}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-item{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:5px;min-height:32px;padding:0!important;overflow:hidden}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-item span{color:var(--text-primary);font-size:.76rem;line-height:1;font-weight:800}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-item strong{max-width:none;overflow:hidden;color:var(--brand-fg, var(--brand-color));font-size:.76rem;line-height:1.05;font-weight:600;text-overflow:ellipsis;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-deadline strong{color:var(--error-text, var(--error-color, #ef4444))}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-expand-btn{width:36px;min-width:36px;height:36px;min-height:36px;align-self:center;color:var(--text-primary)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-full-panel{max-height:min(45dvh,390px);border-bottom:1px solid var(--border-color)!important;background:var(--bg-surface-1)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-full-panel-inner{padding:10px 12px 12px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-description-card{margin:0 0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-description-card .detail-card-header{min-height:0;padding:0 0 5px!important;color:var(--text-primary);font-size:.9rem;line-height:1.15;font-weight:800}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-description-card .detail-card-header i,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-description-card .detail-card-footer{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-description-card .detail-card-body{padding:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-description-card #tasks-tab-detail-description-input{width:100%;min-height:66px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text-primary)!important;font-size:.92rem!important;line-height:1.35;overflow:hidden!important;resize:none}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-description-card #tasks-tab-detail-description-input:focus{outline:none!important;box-shadow:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-fields-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-field-item{min-width:0;gap:5px;padding:9px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-2)}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-field-label{min-width:0;color:var(--text-secondary);font-size:.68rem;letter-spacing:0;text-transform:none;white-space:nowrap}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-field-select,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-field-input{min-width:0;min-height:36px;padding:7px 8px!important;border-radius:8px;background-color:var(--bg-surface-1);font-size:.82rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal #tasks-tab-detail-participants{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-fields-layout,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-two-col{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-main-col,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-sidebar-col{display:flex!important;flex-direction:column;gap:10px!important;min-width:0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-sidebar-col{order:-1!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-card,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .advanced-section{margin:0!important;border:1px solid var(--border-color)!important;border-radius:10px!important;background:var(--bg-surface-2)!important;box-shadow:none!important;overflow:hidden}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-card-header,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .advanced-section summary{min-height:38px;padding:10px 12px!important;color:var(--text-primary);font-size:.84rem;line-height:1.1;font-weight:800}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-card-header i,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .advanced-section summary i{color:var(--brand-fg, var(--brand-color))}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-card-body{padding:8px 12px 12px!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-info-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(118px,auto);align-items:center;gap:10px;padding:9px 0}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-info-label,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-info-value{min-width:0;font-size:.8rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .form-control-sm{width:100%;max-width:none;min-height:36px;text-align:left}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-item{background:var(--bg-surface-2)!important;box-shadow:0 1px 2px #0f172a14!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-item.is-own{background:color-mix(in srgb,var(--brand-color) 18%,var(--bg-surface-2))!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-input-section{border-top-color:var(--border-color)!important;background:var(--bg-surface-2)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .comment-input-section textarea{background:var(--bg-surface-1)!important;color:var(--text-primary)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-chat-panel .btn-send,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-mark-done-btn,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-save-btn{background:var(--brand-color)!important;color:var(--text-on-brand, #ffffff)!important}@keyframes agenda-row-overdue-pulse-dark{0%,to{background:color-mix(in srgb,var(--error-bg) 28%,var(--bg-surface-2))}50%{background:color-mix(in srgb,var(--error-bg) 42%,var(--bg-surface-2))}}@keyframes agenda-row-soon-shimmer-dark{0%,to{background:var(--bg-surface-2)}50%{background:color-mix(in srgb,var(--warning-bg) 32%,var(--bg-surface-2))}}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #tasks-tab{background:var(--bg-surface-1)!important;color:var(--text-primary)}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-scope-context{background:var(--bg-surface-2)!important;color:var(--text-secondary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-overflow summary,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-search-shell,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-batch-btn,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-scope-toggle .view-toggle-btn{background:var(--bg-surface-2)!important;color:var(--text-secondary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-search-shell i,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-search-shell input,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-batch-btn i,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-overflow summary i{color:var(--text-primary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-search-shell input::placeholder{color:var(--text-muted)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-scope-toggle .view-toggle-btn.active{background:color-mix(in srgb,var(--brand-color) 36%,var(--bg-surface-3))!important;color:var(--text-primary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-status.status-todo,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-priority.tone-low{color:var(--text-secondary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-status.status-in_progress{color:var(--info-text)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-status.status-done{color:var(--success-text)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-deadline.tone-overdue,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-priority.tone-critical{color:var(--error-text)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-deadline.tone-today,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-priority.tone-high{color:var(--safety-fg)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-deadline.tone-soon,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-deadline.tone-week,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-focus-priority.tone-medium{color:var(--warning-text)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-inbox-summary strong,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-title{color:var(--text-primary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-mobile-inbox-summary span{color:var(--success-text)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-list,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-row{background:var(--bg-surface-2)!important;border-color:var(--border-color)!important;box-shadow:none!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-deadline,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-snippet,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-chip{color:var(--text-secondary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-snippet strong,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-deadline.is-fresh,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-chip.is-info{color:var(--info-text)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-deadline.is-alert,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-chip.is-alert{color:var(--error-text)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-chip.is-ok{color:var(--success-text)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-chip{background:var(--bg-surface-3)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-chip.is-alert{background:var(--error-bg)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-chip.is-ok{background:var(--success-bg)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-chip.is-info{background:var(--info-bg)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-row.deadline-overdue{animation-name:agenda-row-overdue-pulse-dark}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) .agenda-inbox-row.deadline-soon{animation-name:agenda-row-soon-shimmer-dark}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #agenda-chat-panel .comment-author,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #agenda-chat-panel .comment-time,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #agenda-chat-panel .comment-edited-label,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #agenda-chat-panel .no-comments,html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #agenda-chat-panel .text-error{color:var(--text-secondary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #agenda-chat-panel .comment-content{color:var(--text-primary)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #agenda-detail-modal .modal-footer{background:var(--bg-surface-2)!important;border-top-color:var(--border-color)!important}html[data-theme=dark]:is(.agenda-mobile-surface,.agenda-mobile-preview) #agenda-detail-modal .modal-footer .btn-secondary{background:var(--bg-surface-3)!important;color:var(--text-primary)!important}@media(max-width:380px){:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-main,:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .detail-fields-grid{grid-template-columns:1fr}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .agenda-detail-compact-bar{grid-template-columns:minmax(0,1fr) 36px;min-height:78px;align-items:start}}@media(max-width:768px){:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer,#agenda-detail-modal .modal-footer{flex:0 0 auto;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:stretch!important;gap:8px!important;padding:10px 14px calc(10px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;background:var(--bg-surface-1, #ffffff)!important;border-top:1px solid var(--border-color, #e5e7eb)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer .modal-footer-spacer,#agenda-detail-modal .modal-footer .modal-footer-spacer{display:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer .btn,#agenda-detail-modal .modal-footer .btn{min-width:0!important;min-height:44px!important;padding:0 10px!important;border-radius:12px!important;border:1px solid transparent!important;justify-content:center!important;gap:6px!important;font-size:.82rem!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important;box-shadow:none!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer .btn i,#agenda-detail-modal .modal-footer .btn i{flex:0 0 auto;font-size:1rem}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-delete-btn[style*=inline-flex],:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-mark-done-btn[style*=inline-flex],#tasks-tab-delete-btn[style*=inline-flex],#tasks-tab-mark-done-btn[style*=inline-flex],:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer .btn-secondary,#agenda-detail-modal .modal-footer .btn-secondary{flex:1 1 0!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-delete-btn[style*=inline-flex],#tasks-tab-delete-btn[style*=inline-flex]{order:1!important;display:inline-flex!important;background:var(--error-bg, #fee2e2)!important;color:var(--error-text, #991b1b)!important;border-color:color-mix(in srgb,var(--error-text, #991b1b) 12%,transparent)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-mark-done-btn[style*=inline-flex],#tasks-tab-mark-done-btn[style*=inline-flex]{order:2!important;display:inline-flex!important;background:var(--success-bg, #dcfce7)!important;color:var(--success-text, #166534)!important;border-color:color-mix(in srgb,var(--success-text, #166534) 12%,transparent)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #agenda-detail-modal .modal-footer .btn-secondary,#agenda-detail-modal .modal-footer .btn-secondary{order:3!important;background:var(--bg-surface-3, #f1f5f9)!important;color:var(--text-primary, #334155)!important;border-color:var(--border-color, #e2e8f0)!important}:is(html.agenda-mobile-surface,html.agenda-mobile-preview) #tasks-tab-save-btn,#tasks-tab-save-btn{order:4!important;flex:1 0 100%!important;min-height:46px!important;background:var(--brand-color, var(--primary-color, #0d9488))!important;color:#fff!important;border-color:transparent!important}}.hero-welcome-kicker{display:none}body.device-mobile{--apk-bg: #f3f5f3;--apk-panel: #ffffff;--apk-panel-soft: #f8faf9;--apk-ink: #122b3d;--apk-muted: #65788a;--apk-line: #dfe7e6;--apk-brand: #0d3b66;--apk-brand-deep: #082f49;--apk-accent: #e85d04;--apk-accent-soft: #fff0e5;--apk-green: #117864;--apk-green-soft: #e6f5f0;--apk-blue-soft: #e8f1f7;--apk-shadow-sm: 0 6px 18px rgba(18, 43, 61, .07);--apk-shadow-md: 0 16px 38px rgba(18, 43, 61, .13);--apk-radius-sm: 14px;--apk-radius: 20px;--apk-radius-lg: 28px;--page-pad-bottom-mobile: calc(112px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));background:var(--apk-bg);color:var(--apk-ink)}body.device-mobile.persona-blue-collar{--apk-persona: var(--apk-accent);--apk-persona-soft: var(--apk-accent-soft)}body.device-mobile.persona-white-collar{--apk-persona: #176b87;--apk-persona-soft: #e6f3f6}body.device-mobile[data-theme=dark]{--apk-bg: #0e1923;--apk-panel: #162532;--apk-panel-soft: #1a2c3a;--apk-ink: #f4f8fa;--apk-muted: #a6b7c3;--apk-line: rgba(207, 226, 235, .14);--apk-brand: #5ca6cc;--apk-brand-deep: #123f5b;--apk-accent: #ff7a30;--apk-accent-soft: rgba(255, 122, 48, .15);--apk-green: #55c4a8;--apk-green-soft: rgba(85, 196, 168, .14);--apk-blue-soft: rgba(92, 166, 204, .14);--apk-shadow-sm: 0 8px 22px rgba(0, 0, 0, .2);--apk-shadow-md: 0 18px 42px rgba(0, 0, 0, .32)}body.device-mobile #main-app{background:var(--apk-bg);color:var(--apk-ink);padding-top:0}body.device-mobile #main-app .app-container{background:radial-gradient(circle at 100% 0,rgba(232,93,4,.06),transparent 260px),var(--apk-bg);color:var(--apk-ink)}body.device-mobile.window-compact #main-app .app-container{padding:14px 14px var(--page-pad-bottom-mobile)!important}body.device-mobile #main-app .tab-content{width:100%;max-width:680px;margin-inline:auto}body.device-mobile #main-app h1,body.device-mobile #main-app h2,body.device-mobile #main-app h3,body.device-mobile #main-app h4,body.device-mobile #main-app p{text-align:left}body.device-mobile #main-app .app-header{min-height:calc(54px + var(--safe-top, env(safe-area-inset-top, 0px)));height:auto!important;padding:var(--safe-top, env(safe-area-inset-top, 0px)) 14px 0!important;border:0;border-bottom:1px solid rgba(18,43,61,.08);background:#ffffffe6;box-shadow:0 7px 24px #122b3d0d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}body.device-mobile[data-theme=dark] #main-app .app-header{background:#0e1923e6;border-bottom-color:var(--apk-line)}body.device-mobile #main-app .header-left{width:100%;gap:10px}body.device-mobile #main-app .header-brand{order:1;min-width:0;gap:10px}body.device-mobile #main-app .header-app-logo{width:36px;height:36px;padding:6px;border-radius:12px;background:var(--apk-blue-soft);box-shadow:inset 0 0 0 1px #0d3b6614}body.device-mobile #main-app .brand-info h2,body.device-mobile #main-app #app-brand-name{margin:0;color:var(--apk-ink);font-size:1rem;font-weight:850;letter-spacing:.04em}body.device-mobile #main-app .mobile-menu-btn{order:2;width:40px;height:40px;margin-left:auto;border:1px solid var(--apk-line);border-radius:14px;background:var(--apk-panel);color:var(--apk-ink);box-shadow:var(--apk-shadow-sm)}body.device-mobile #main-app .mobile-menu-btn .p-icon{width:23px;height:23px;font-size:23px!important;transform:scale(1.08)}body.device-mobile #main-app .mobile-menu-btn:active{transform:scale(.94);background:var(--apk-panel-soft)}body.device-mobile #main-app .header-company-badge{min-width:0;max-width:150px;padding:5px 8px;border:0;border-radius:999px;background:var(--apk-panel-soft);color:var(--apk-muted)}body.device-mobile #mobile-home-clock:not([hidden]){display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:78px;margin:0 0 14px!important;padding:12px 14px;gap:12px;border:0;border-radius:22px;background:linear-gradient(135deg,#f16b22,#e65300);color:#fff;box-shadow:0 14px 30px #e85d0445;text-align:left;overflow:hidden;position:relative}body.device-mobile #mobile-home-clock:not([hidden]):after{content:"";position:absolute;width:90px;height:90px;top:-48px;right:38px;border-radius:50%;background:#ffffff1c;pointer-events:none}body.device-mobile #mobile-home-clock.is-clocked-in{background:linear-gradient(135deg,#143e5a,#0b2c42);box-shadow:0 14px 30px #082f4942}body.device-mobile .mobile-home-clock-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;border-radius:17px;background:#ffffff2e;border:1px solid rgba(255,255,255,.2)}body.device-mobile .mobile-home-clock-icon .p-icon{width:25px;height:25px;color:#fff}body.device-mobile .mobile-home-clock-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}body.device-mobile .mobile-home-clock-copy strong{color:#fff;font-size:1.05rem;font-weight:800;line-height:1.2}body.device-mobile .mobile-home-clock-copy small{color:#ffffffc7;font-size:.76rem;font-weight:500}body.device-mobile .mobile-home-clock-arrow{position:relative;z-index:1;font-size:1.15rem}body.device-mobile #user-tab .level-welcome{margin:0 0 14px!important;padding:20px!important;border:0!important;border-radius:var(--apk-radius-lg)!important;background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.18),transparent 82px),linear-gradient(145deg,#123e5c,#0a2d43)!important;box-shadow:var(--apk-shadow-md)!important;color:#fff;overflow:hidden;isolation:isolate}body.device-mobile.persona-blue-collar #user-tab .level-welcome{background:radial-gradient(circle at 88% 14%,rgba(255,255,255,.16),transparent 82px),linear-gradient(145deg,#16445d,#0b3046 62%,#572c17 145%)!important}body.device-mobile .level-welcome:before{top:auto;right:-42px;bottom:-62px;width:154px;height:154px;background:#e85d0433}body.device-mobile .level-welcome:after{top:-44px;left:-54px;bottom:auto;width:120px;height:120px;background:#ffffff0f}body.device-mobile .hero-welcome-inner{align-items:center;gap:14px}body.device-mobile .hero-welcome-kicker{display:block;margin-bottom:7px;color:#ffffff9e;font-size:.66rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}body.device-mobile .level-welcome-title{margin:0 0 6px;color:#fff!important;font-size:clamp(1.28rem,5vw,1.55rem)!important;font-weight:820!important;letter-spacing:-.025em;line-height:1.12}body.device-mobile .level-welcome-text{max-width:30ch;color:#ffffffbf!important;font-size:.82rem!important;line-height:1.5}body.device-mobile .hero-welcome-avatar{width:52px;height:52px;min-width:52px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:#ffffff21;box-shadow:0 8px 22px #00000029}body.device-mobile .hero-welcome-stat{width:100%;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}body.device-mobile .hero-welcome-stat>div{display:flex;align-items:baseline;gap:9px}body.device-mobile .hero-stat-value{color:#fff!important;font-size:1.45rem;font-weight:850}body.device-mobile .hero-stat-label{color:#ffffffa3!important;font-size:.74rem}body.device-mobile .mobile-stat-grid{gap:10px;padding:0;margin:0 0 12px}body.device-mobile .mobile-stat-card{--stat-tone: var(--apk-brand);--stat-tone-soft: var(--apk-blue-soft);min-height:126px;padding:14px;gap:7px;border:1px solid rgba(18,43,61,.06);border-radius:var(--apk-radius);background:var(--apk-panel);box-shadow:var(--apk-shadow-sm)}body.device-mobile .mobile-stat-card:before{content:"";position:absolute;top:0;left:14px;width:38px;height:3px;border-radius:0 0 999px 999px;background:var(--stat-tone)}body.device-mobile .mobile-stat-card.tone-attendance{--stat-tone: var(--apk-accent);--stat-tone-soft: var(--apk-accent-soft)}body.device-mobile .mobile-stat-card.tone-wage,body.device-mobile .mobile-stat-card.tone-team{--stat-tone: var(--apk-green);--stat-tone-soft: var(--apk-green-soft)}body.device-mobile .mobile-stat-card.tone-agenda{--stat-tone: #3e72a3;--stat-tone-soft: var(--apk-blue-soft)}body.device-mobile .mobile-stat-icon{width:40px;height:40px;border-radius:14px;background:var(--stat-tone-soft)!important;color:var(--stat-tone)}body.device-mobile .mobile-stat-icon i{font-size:1.2rem}body.device-mobile .mobile-stat-label{margin-top:auto;color:var(--apk-muted);font-size:.73rem;font-weight:650}body.device-mobile .mobile-stat-value{color:var(--apk-ink);font-size:1.35rem;font-weight:850;letter-spacing:-.025em}body.device-mobile .mobile-stat-card.is-clickable:after{content:"↗";position:absolute;top:16px;right:14px;color:var(--apk-muted);font-size:.85rem;opacity:.7}body.device-mobile .mobile-stat-card:only-child{grid-column:1 / -1;min-height:106px}body.device-mobile .mobile-dashboard-container{gap:12px;padding:0}body.device-mobile .mobile-card,body.device-mobile .user-dashboard-card{border:1px solid rgba(18,43,61,.07);border-radius:var(--apk-radius);background:var(--apk-panel);box-shadow:var(--apk-shadow-sm)}body.device-mobile .mobile-card{padding:16px}body.device-mobile .mobile-card-header{gap:10px;margin-bottom:14px}body.device-mobile .mobile-card-title{color:var(--apk-ink);font-weight:780}body.device-mobile .mobile-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;background:var(--apk-blue-soft);font-size:1.1rem}body.device-mobile .bc-section-page{padding:0 0 14px}body.device-mobile .bc-section-page-title{margin:2px 0 14px;padding:0 2px;color:var(--apk-ink);font-size:1.35rem;font-weight:820;letter-spacing:-.025em}body.device-mobile .bc-section-page-title i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-right:4px;border-radius:13px;background:var(--apk-persona-soft);color:var(--apk-persona)}body.device-mobile #absen-cuti-switcher{position:sticky;z-index:30;top:8px;width:100%;margin:0 0 12px;padding:4px;gap:4px;border:1px solid var(--apk-line);border-radius:18px;background:#e8eeeef0;box-shadow:0 8px 20px #122b3d14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body.device-mobile[data-theme=dark] #absen-cuti-switcher{background:#142633f0}body.device-mobile .absen-cuti-tab{min-height:48px;border:0;border-radius:14px;color:var(--apk-muted);font-size:.86rem;font-weight:720}body.device-mobile .absen-cuti-tab.active{border:0;background:var(--apk-panel);color:var(--apk-persona);box-shadow:0 4px 14px #122b3d1a}body.device-mobile #user-attendance-section-wrapper{padding-bottom:calc(28px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));scroll-padding-bottom:calc(104px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}body.device-mobile .bc-absen-main{margin:0 0 12px;padding:12px;border:1px solid rgba(18,43,61,.07);border-radius:var(--apk-radius-lg);background:var(--apk-panel);box-shadow:var(--apk-shadow-sm);text-align:left}body.device-mobile .bc-absen-status{margin:0 0 14px;padding:22px 16px 18px;border-radius:22px;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.15),transparent 74px),linear-gradient(145deg,#123e5c,#092d43);color:#fff;text-align:center;overflow:hidden}body.device-mobile .bc-absen-date{color:#ffffffa8;font-size:.78rem;font-weight:650;letter-spacing:.02em}body.device-mobile .bc-absen-clock{margin:5px 0 12px;color:#fff;font-family:ui-monospace,SFMono-Regular,Roboto Mono,monospace;font-size:clamp(2.35rem,12vw,3.35rem);font-weight:800;letter-spacing:-.025em;line-height:1}body.device-mobile .bc-absen-indicator{display:inline-flex;width:auto;min-height:32px;padding:6px 11px;gap:7px;border-radius:999px;background:#ffffff1c;color:#ffffffdb;font-size:.76rem;font-weight:700}body.device-mobile .bc-project-select-wrapper{margin:0 2px 12px}body.device-mobile .bc-select-label{margin-bottom:6px;color:var(--apk-muted);font-size:.75rem;font-weight:760}body.device-mobile .bc-select,body.device-mobile .bc-wfa-activity-form .form-control{min-height:50px;border:1px solid var(--apk-line);border-radius:14px;background:var(--apk-panel-soft);color:var(--apk-ink);box-shadow:none}body.device-mobile .bc-shift-info-banner,body.device-mobile .bc-face-enroll-reminder,body.device-mobile .bc-wfa-activity-form{margin:0 2px 12px!important;border-radius:15px!important}body.device-mobile .bc-absen-btn{min-height:66px;padding:12px 16px;flex-direction:row;gap:10px;border:0;border-radius:19px;box-shadow:none}body.device-mobile .bc-absen-btn-icon{font-size:1.35rem}body.device-mobile .bc-absen-btn-text{font-size:1rem;font-weight:800}body.device-mobile .bc-absen-checkin{background:linear-gradient(135deg,#f16b22,#df5200);box-shadow:0 12px 26px #e85d043d}body.device-mobile .bc-absen-checkout{background:linear-gradient(135deg,#143e5a,#082f49);box-shadow:0 12px 26px #082f4938}body.device-mobile .bc-leave-quick-actions{gap:10px;margin:0 0 12px}body.device-mobile .bc-leave-quick-btn{min-height:58px;border:1px solid var(--apk-line);border-radius:18px;background:var(--apk-panel);color:var(--apk-ink);box-shadow:var(--apk-shadow-sm)}body.device-mobile .bc-leave-quick-btn i{color:var(--apk-persona)}body.device-mobile .bc-absen-summary,body.device-mobile .bc-absen-history{margin:0 0 12px;padding:16px;border:1px solid rgba(18,43,61,.07);border-radius:var(--apk-radius);background:var(--apk-panel);box-shadow:var(--apk-shadow-sm)}body.device-mobile .bc-section-title{color:var(--apk-ink);font-size:.98rem;font-weight:790}body.device-mobile .bc-summary-grid{gap:8px}body.device-mobile .bc-summary-item{min-height:72px;padding:10px 8px;border:0;border-radius:16px;background:var(--apk-panel-soft)}body.device-mobile .bc-summary-value{font-size:1.35rem;font-weight:850}body.device-mobile .bc-summary-label{color:var(--apk-muted);font-size:.68rem;font-weight:650}body.device-mobile .bc-history-item{border-color:var(--apk-line)}body.device-mobile .bc-refresh-btn{border:1px solid var(--apk-line);background:var(--apk-panel-soft);color:var(--apk-ink)}body.device-mobile #user-gaji-section-wrapper .gaji-card-container{margin-bottom:12px}body.device-mobile .mobile-card-wage-running{padding:20px;border:0;border-radius:var(--apk-radius-lg);background:radial-gradient(circle at 92% 12%,rgba(255,255,255,.14),transparent 86px),linear-gradient(145deg,#0e6657,#0b4a46 52%,#10384c);color:#fff;box-shadow:0 18px 38px #0b4a4638}body.device-mobile .mobile-card-wage-running .mobile-card-title,body.device-mobile .mobile-card-wage-running .wage-amount-big,body.device-mobile .mobile-card-wage-running .wage-detail-calc{color:#fff}body.device-mobile .mobile-card-wage-running .mobile-card-icon{background:#ffffff24}body.device-mobile .mobile-card-wage-running .salary-mask-toggle{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff1a;color:#ffffffd9}body.device-mobile .mobile-card-wage-running .wage-amount-big{margin:12px 0 6px;font-size:clamp(2rem,10vw,2.7rem);letter-spacing:-.045em}body.device-mobile .mobile-card-wage-running .wage-since-label,body.device-mobile .mobile-card-wage-running .wage-last-pay{color:#ffffffa3;border-color:#ffffff24}body.device-mobile .mobile-card-wage-running .wage-day-label{color:#ffffffa3}body.device-mobile .mobile-card-payment .bc-pay-row{margin-bottom:8px;padding:12px;border:1px solid var(--apk-line);border-radius:16px;background:var(--apk-panel-soft)}body.device-mobile .gaji-total-paid{border-radius:14px;background:var(--apk-green-soft);color:var(--apk-green)}body.device-mobile #user-leave-section-wrapper{padding-bottom:18px}body.device-mobile .user-leave-sub-nav{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;gap:8px;margin:0 0 12px;padding:2px 0 8px;scrollbar-width:none}body.device-mobile .user-leave-sub-nav::-webkit-scrollbar,body.device-mobile .leave-balance-grid::-webkit-scrollbar{display:none}body.device-mobile .user-leave-sub-nav .sub-nav-btn-secondary{min-height:44px;padding:0 15px;border:1px solid var(--apk-line);border-radius:999px;background:var(--apk-panel);color:var(--apk-muted);font-size:.78rem;font-weight:720}body.device-mobile .user-leave-sub-nav .sub-nav-btn-secondary.active{border-color:var(--apk-persona);background:var(--apk-persona-soft);color:var(--apk-persona);box-shadow:none}body.device-mobile #user-leave-section-wrapper .user-dashboard-card{padding:16px}body.device-mobile #user-leave-section-wrapper .user-card-header{align-items:flex-start;gap:10px}body.device-mobile #user-leave-section-wrapper .user-card-header h4{color:var(--apk-ink);font-size:1rem;font-weight:790}body.device-mobile .leave-balance-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(218px,76vw);grid-template-columns:none;gap:10px;padding:2px 2px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}body.device-mobile .leave-balance-card{min-height:148px;padding:16px;border:1px solid var(--apk-line);border-radius:18px;background:linear-gradient(145deg,var(--apk-panel-soft),var(--apk-panel));box-shadow:none;scroll-snap-align:start;text-align:left}body.device-mobile .leave-balance-type{color:var(--apk-muted);font-size:.75rem;font-weight:750}body.device-mobile .leave-balance-numbers{justify-content:flex-start;margin:12px 0}body.device-mobile .leave-balance-remaining{color:var(--apk-ink);font-size:2.1rem;font-weight:850}body.device-mobile .leave-balance-bar{height:7px;border-radius:999px;background:var(--apk-line)}body.device-mobile .leave-balance-bar-fill{border-radius:999px;background:linear-gradient(90deg,var(--apk-persona),var(--apk-green))}body.device-mobile #user-leave-section-wrapper .toolbar-group{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px}body.device-mobile #user-leave-section-wrapper .toolbar-group .btn-primary,body.device-mobile #user-leave-section-wrapper .toolbar-group .btn-secondary{min-height:46px;justify-content:center;border-radius:14px}body.device-mobile .leave-request-card,body.device-mobile .approval-card{border:1px solid var(--apk-line);border-radius:17px;background:var(--apk-panel-soft)}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal).modal-dialog{width:100%;max-width:100%;max-height:94dvh;inset:auto 0 0;margin:0;padding:0;border:0;background:transparent}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal).modal-dialog::backdrop{background:#04121c8f;backdrop-filter:blur(3px)}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal) .modal-content{width:100%;max-width:none!important;max-height:92dvh;padding:0 18px calc(18px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));overflow-y:auto;border:0;border-radius:28px 28px 0 0;background:var(--apk-panel);color:var(--apk-ink);box-shadow:0 -20px 50px #04121c38}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal) .modal-header{position:sticky;z-index:2;top:0;margin:0 -18px 16px;padding:16px 18px 12px;border-bottom:1px solid var(--apk-line);background:var(--apk-panel)}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal) .modal-header:before{content:"";position:absolute;top:7px;left:50%;width:42px;height:4px;border-radius:999px;background:var(--apk-line);transform:translate(-50%)}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal) .modal-header h3{margin-top:7px;color:var(--apk-ink);font-size:1.1rem}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal) .modal-close-btn{width:40px;height:40px;border:0;border-radius:13px;background:var(--apk-panel-soft);color:var(--apk-ink)}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal) .form-control{min-height:50px;border:1px solid var(--apk-line);border-radius:14px;background:var(--apk-panel-soft);color:var(--apk-ink)}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal) .modal-footer{gap:9px;padding:14px 0 0}body.device-mobile :is(#user-leave-modal,#user-izin-modal,#user-reimb-modal) .modal-footer>button{min-height:50px;border-radius:15px}body.device-mobile.mobile-drawer-account-only #app-sidebar{left:-100vw;width:min(88vw,340px);padding:0;border-right:0;border-radius:0 28px 28px 0;background:var(--apk-panel);color:var(--apk-ink);box-shadow:none;overflow:hidden}body.device-mobile.mobile-drawer-account-only #app-sidebar.active{left:0;box-shadow:18px 0 54px #04121c4d}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-header{padding:calc(24px + var(--safe-top, env(safe-area-inset-top, 0px))) 20px 22px;border:0;background:radial-gradient(circle at 92% 0,rgba(232,93,4,.32),transparent 100px),linear-gradient(145deg,#123e5c,#082f49)}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-brand-info h2{color:#fff}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-app-logo{border-radius:14px;background:#ffffff24}body.device-mobile.mobile-drawer-account-only #app-sidebar .version-badge{border-color:#ffffff26;background:#ffffff1a;color:#ffffffc7}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-user-menu{display:grid!important;gap:8px;padding:18px 14px 10px}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-user-menu-item{min-height:54px;margin:0;padding:0 15px;gap:12px;border:1px solid var(--apk-line);border-radius:16px;background:var(--apk-panel-soft);color:var(--apk-ink);font-size:.86rem;font-weight:690}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-user-menu-item i{color:var(--apk-persona)}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-user-menu-danger{border-color:#b91c1c1f;background:#b91c1c0f;color:#b4232c}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-footer{margin-top:auto;padding:12px 14px calc(16px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));border-top:1px solid var(--apk-line);background:var(--apk-panel)}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-user-info{min-height:58px;padding:9px 10px;border-radius:17px;background:var(--apk-panel-soft)}body.device-mobile.mobile-drawer-account-only #app-sidebar .sidebar-user-name{color:var(--apk-ink)}body.device-mobile .sidebar-overlay.active{background:#04121c85;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}body.device-mobile #tasks-tab{padding-top:2px;padding-bottom:calc(56px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}body.device-mobile #tasks-tab .tasks-tab-header,body.device-mobile #tasks-tab .tasks-stats-bar,body.device-mobile #tasks-tab .agenda-mobile-summary,body.device-mobile #tasks-tab .agenda-scope-bar-filters,body.device-mobile #tasks-tab .tasks-filters-row,body.device-mobile #tasks-tab .agenda-view-toggle:not(.agenda-scope-toggle),body.device-mobile #tasks-tab #agenda-kanban-board,body.device-mobile #tasks-tab #task-list-header,body.device-mobile #tasks-tab .agenda-mobile-overflow,body.device-mobile #tasks-tab .tasks-tab-header .btn-primary[data-call=toggleTasksCreateForm]{display:none!important}body.device-mobile #tasks-tab .tasks-filter-bar{display:flex;flex-direction:column;gap:8px;margin:0 0 8px!important;padding:0;border:0;background:transparent;box-shadow:none}body.device-mobile #tasks-tab .agenda-scope-bar{display:block;margin:0!important;padding:0!important;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body.device-mobile #tasks-tab .agenda-scope-toggle{display:flex!important;width:100%;margin:0!important;padding:0!important;gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;background:transparent}body.device-mobile #tasks-tab .agenda-scope-toggle::-webkit-scrollbar{display:none}body.device-mobile #tasks-tab .agenda-scope-toggle .view-toggle-btn{min-height:32px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:#e8eef0!important;color:#5d6f66!important;font-size:.78rem!important;font-weight:700!important;box-shadow:none!important}body.device-mobile #tasks-tab .agenda-scope-toggle .view-toggle-btn.active{background:color-mix(in srgb,var(--apk-persona, #176b87) 16%,#ffffff)!important;color:var(--apk-brand, #0d3b66)!important}body.device-mobile #tasks-tab .agenda-mobile-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;margin:0 0 8px!important;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body.device-mobile #tasks-tab .agenda-mobile-search-shell{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:40px;height:40px;padding:0 12px;border:1px solid var(--apk-line);border-radius:12px!important;background:var(--apk-panel);box-shadow:none}body.device-mobile #tasks-tab .agenda-mobile-search-shell input,body.device-mobile #tasks-tab .agenda-mobile-search-shell input::placeholder{font-size:14px!important}body.device-mobile #tasks-tab .tasks-list-view{margin-top:4px;border:0;border-radius:0;overflow:visible;background:transparent}body.device-mobile #tasks-tab .agenda-focus-state-empty,body.device-mobile #tasks-tab .agenda-focus-state-error,body.device-mobile #tasks-tab .agenda-focus-state-compact{flex-direction:row;align-items:center;min-height:0;margin:0;padding:10px 12px;gap:10px;border:1px solid var(--apk-line);border-radius:12px;background:var(--apk-panel);box-shadow:none}body.device-mobile #tasks-tab .agenda-focus-state-icon{width:32px;height:32px;border-radius:10px;font-size:1rem}body.device-mobile #tasks-tab .agenda-focus-state-copy h4{font-size:.88rem;font-weight:750}body.device-mobile #tasks-tab .agenda-focus-state-copy p{margin-top:2px;font-size:.75rem;line-height:1.35}body.device-mobile #tasks-tab .agenda-inbox-row{min-height:64px;padding:8px 10px}body.device-mobile #tasks-tab .agenda-inbox-row.has-action{grid-template-columns:36px minmax(0,1fr) auto}body.device-mobile #tasks-tab .agenda-inbox-action-wrap{align-self:center}body.device-mobile #tasks-tab .agenda-inbox-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:0 10px;opacity:1;visibility:visible;border:0;border-radius:10px;background:var(--apk-brand, #0d3b66);color:#fff;font-size:.7rem;font-weight:800;white-space:nowrap}body.device-mobile #tasks-tab .agenda-inbox-list{padding-bottom:56px}body.device-mobile #tasks-tab .agenda-fab{right:14px;bottom:calc(86px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;width:48px;height:48px;background:linear-gradient(135deg,var(--apk-accent),#c94b00);box-shadow:0 10px 20px #e85d0442}body.device-mobile .no-company-panel{padding:22px;border:1px solid rgba(18,43,61,.06);border-radius:var(--apk-radius-lg);background:radial-gradient(circle at 100% 0,rgba(232,93,4,.1),transparent 160px),var(--apk-panel);box-shadow:var(--apk-shadow-md)}body.device-mobile .no-company-panel h2{color:var(--apk-ink);font-size:1.45rem;letter-spacing:-.03em}body.device-mobile .no-company-membership{gap:11px;margin:18px -6px;padding:14px;border:1px solid var(--apk-line);border-radius:22px;background:var(--apk-panel-soft)}body.device-mobile .membership-section-icon,body.device-mobile .membership-pending-icon,body.device-mobile .membership-company-logo{width:46px;height:46px;flex-basis:46px;border-radius:15px;background:var(--apk-blue-soft);color:var(--apk-brand)}body.device-mobile .membership-invite-card,body.device-mobile .membership-pending-card,body.device-mobile .membership-join-form{padding:14px;border:1px solid rgba(18,43,61,.07);border-radius:18px;background:var(--apk-panel);box-shadow:var(--apk-shadow-sm)}body.device-mobile .membership-pending-card{grid-template-columns:46px minmax(0,1fr)}body.device-mobile .membership-state-pill{min-height:26px;padding-inline:9px}body.device-mobile .membership-state-pill--invite{background:var(--apk-accent-soft);color:var(--apk-accent)}body.device-mobile .membership-state-pill--pending{background:var(--apk-blue-soft);color:var(--apk-brand)}body.device-mobile .membership-code-input-wrap input{min-height:52px;border-color:var(--apk-line);border-radius:15px;background:var(--apk-panel-soft);color:var(--apk-ink)}body.device-mobile .membership-code-row .btn-primary,body.device-mobile .membership-card-actions .btn-primary,body.device-mobile .membership-card-actions .btn-secondary{min-height:52px;border-radius:15px}body.device-mobile .membership-code-row .btn-primary,body.device-mobile .membership-card-actions .btn-primary{border-color:var(--apk-accent);background:linear-gradient(135deg,#f16b22,#e65300);color:#fff}body.device-mobile .membership-card-actions .btn-secondary{border-color:var(--apk-line);background:var(--apk-panel-soft);color:var(--apk-ink)}body.device-mobile .membership-rejected-note{border-radius:15px}body.device-mobile .no-company-status{border:0;border-radius:999px;background:var(--apk-blue-soft);color:var(--apk-brand)}body.device-mobile .no-company-check-item{border-radius:14px;background:var(--apk-panel-soft)}body.device-mobile .no-company-actions{display:grid;grid-template-columns:1fr;gap:9px}body.device-mobile .no-company-actions>button{min-height:52px;border-radius:16px}body.device-mobile.window-compact #bottom-nav{left:12px;right:12px;bottom:calc(8px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));width:auto;min-height:70px;height:70px;padding:0;border:1px solid rgba(18,43,61,.1);border-radius:24px;background:#fffffff0;box-shadow:0 18px 42px #122b3d33;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}body.device-mobile.window-compact[data-theme=dark] #bottom-nav{background:#162532f0;border-color:var(--apk-line)}body.device-mobile.window-compact .bottom-nav-container{height:70px;padding:0 8px;gap:3px}body.device-mobile.window-compact .bottom-nav-item{min-height:58px;height:62px;max-width:112px;margin:0;padding:7px 4px 6px;gap:3px;border-radius:18px;color:var(--apk-muted)}body.device-mobile.window-compact .bottom-nav-item.active{background:var(--apk-persona-soft);color:var(--apk-persona)}body.device-mobile.window-compact .bottom-nav-item .p-icon{width:24px;height:24px;font-size:24px}body.device-mobile.window-compact .bottom-nav-item span:not(.nav-badge){color:currentColor;font-size:.68rem;font-weight:760;letter-spacing:0}body.device-mobile.window-compact .bottom-nav-item:active{transform:scale(.94)}html.keyboard-open body.device-mobile.window-compact #bottom-nav{bottom:calc(8px + var(--keyboard-inset, 0px));height:70px;padding-bottom:0}body.device-mobile.persona-blue-collar #user-section-switcher,body.device-mobile.persona-blue-collar #desktop-profile-dashboard,body.device-mobile.persona-blue-collar #radar-chart-card,body.device-mobile.persona-blue-collar #desktop-assessor-feedback-card,body.device-mobile.persona-blue-collar #bc-quick-stats,body.device-mobile.persona-blue-collar #user-overview-section>.bc-insights-section,body.device-mobile.persona-blue-collar #user-gaji-section-wrapper .bc-section-page-title{display:none!important}body.device-mobile.persona-blue-collar #user-tab .level-welcome{margin:0 0 8px!important;padding:12px 12px 10px!important;border-radius:16px!important}body.device-mobile.persona-blue-collar .hero-welcome-kicker{display:none}body.device-mobile.persona-blue-collar .hero-welcome-inner{gap:10px}body.device-mobile.persona-blue-collar .level-welcome-title{margin:0 0 4px;font-size:1.05rem!important;line-height:1.2}body.device-mobile.persona-blue-collar .level-welcome-text{max-width:none;font-size:.74rem!important;line-height:1.35}body.device-mobile.persona-blue-collar .hero-welcome-avatar{width:36px;height:36px;min-width:36px;border-radius:12px}body.device-mobile.persona-blue-collar .hero-welcome-stat{margin-top:8px;padding-top:8px}body.device-mobile.persona-blue-collar .hero-stat-value{font-size:1.15rem}body.device-mobile.persona-blue-collar #mobile-home-clock:not([hidden]){min-height:56px;margin:0 0 8px!important;padding:10px 12px;gap:10px;border-radius:16px}body.device-mobile.persona-blue-collar .mobile-home-clock-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px}body.device-mobile.persona-blue-collar .mobile-home-clock-copy strong{font-size:.95rem}body.device-mobile.persona-blue-collar .mobile-stat-grid{gap:8px;margin:0}body.device-mobile.persona-blue-collar .mobile-stat-card{min-height:88px;padding:10px;gap:4px;border-radius:14px}body.device-mobile.persona-blue-collar .mobile-stat-icon{width:28px;height:28px;border-radius:8px}body.device-mobile.persona-blue-collar .mobile-stat-value{font-size:1.15rem}body.device-mobile.persona-blue-collar #bc-mobile-dashboard{gap:8px;padding-bottom:8px}body.device-mobile.persona-blue-collar #absen-cuti-switcher{top:4px;margin:0 0 8px;padding:3px;border-radius:14px}body.device-mobile.persona-blue-collar .absen-cuti-tab{min-height:36px;border-radius:11px;font-size:.8rem}body.device-mobile.persona-blue-collar #user-attendance-section-wrapper{padding-bottom:calc(86px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)));scroll-padding-bottom:calc(86px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}body.device-mobile.persona-blue-collar .bc-absen-main{padding:10px;border-radius:18px}body.device-mobile.persona-blue-collar .bc-absen-status{margin:0 0 10px;padding:14px 12px 12px;border-radius:16px}body.device-mobile.persona-blue-collar .bc-absen-clock{margin:4px 0 8px;font-size:clamp(1.7rem,8vw,2rem)}body.device-mobile.persona-blue-collar .bc-absen-btn{min-height:48px;padding:8px 12px;border-radius:14px}body.device-mobile.persona-blue-collar .bc-absen-summary,body.device-mobile.persona-blue-collar .bc-absen-history{padding:12px}body.device-mobile.persona-blue-collar #user-gaji-section-wrapper .bc-section-page{padding-top:0;padding-bottom:calc(86px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))}body.device-mobile.persona-blue-collar .mobile-card-wage-running{padding:14px}body.device-mobile.persona-blue-collar .mobile-card-wage-running .wage-amount-big{margin:8px 0 4px;font-size:clamp(1.55rem,8vw,2rem)}body.device-mobile :is(.mobile-stat-card.is-clickable,.mobile-home-clock,.bc-leave-quick-btn,.bottom-nav-item,.sidebar-user-menu-item):active{transform:scale(.97)}body.device-mobile :is(.mobile-stat-card.is-clickable,.mobile-home-clock,.bc-leave-quick-btn,.bottom-nav-item,.sidebar-user-menu-item,.absen-cuti-tab):focus-visible{outline:3px solid rgba(232,93,4,.5);outline-offset:2px;box-shadow:none}@media(max-width:360px){body.device-mobile.window-compact #main-app .app-container{padding-inline:10px!important}body.device-mobile.window-compact #bottom-nav{left:8px;right:8px}body.device-mobile #user-tab .level-welcome{padding:17px!important}body.device-mobile .hero-welcome-avatar{width:46px;height:46px;min-width:46px;border-radius:15px}body.device-mobile .mobile-stat-card{min-height:116px;padding:12px}}@media(prefers-reduced-motion:no-preference){body.device-mobile .mobile-stat-card,body.device-mobile .mobile-card,body.device-mobile .bc-absen-main{animation:apk-card-enter .28s ease both}body.device-mobile .mobile-stat-card:nth-child(2){animation-delay:55ms}body.device-mobile #app-sidebar,body.device-mobile .bottom-nav-item,body.device-mobile .mobile-home-clock{transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease,left .26s cubic-bezier(.2,.75,.25,1)}}@keyframes apk-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){body.device-mobile *,body.device-mobile *:before,body.device-mobile *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cr-internal-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border-color);margin-bottom:16px;flex-wrap:wrap}.cr-tab-btn{padding:8px 18px;font-size:13px;font-weight:500;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--text-secondary);border-radius:0;transition:color .15s,border-color .15s}.cr-tab-btn:hover{color:var(--text-primary)}.cr-tab-btn.cr-tab-active{color:var(--brand-fg, var(--brand-color));border-bottom-color:var(--brand-color)}.cr-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.cr-lens-group{display:flex;gap:4px;flex-wrap:wrap;flex:1}.cr-lens-btn{padding:6px 14px;font-size:12px;font-weight:600;border:1px solid var(--border-color);border-radius:20px;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .15s;white-space:nowrap}.cr-lens-btn:hover{background:var(--bg-surface-1);color:var(--text-primary)}.cr-lens-btn.cr-lens-active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.cr-period-select{padding:6px 10px;font-size:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-primary);min-width:120px}.cr-export-btn{padding:6px 14px;font-size:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px}.cr-export-btn:hover{background:var(--bg-surface-1);color:var(--text-primary)}.cr-status-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.cr-status-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card);font-size:12px;color:var(--text-secondary)}.cr-status-chip strong{color:var(--text-primary);font-size:13px}.cr-matrix-table th,.cr-matrix-table td{white-space:nowrap}.cr-coverage-cell{display:inline-flex;align-items:baseline;gap:6px}.cr-coverage-cell span{font-weight:700}.cr-coverage-cell small{color:var(--text-secondary);font-size:11px}.cr-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:700}.cr-status-excellent{background:#2ecc7126;color:#1e8449;border-color:#2ecc7159}.cr-status-solid{background:#3498db24;color:#2471a3;border-color:#3498db52}.cr-status-development{background:#f39c1226;color:#b7770d;border-color:#f39c1259}.cr-status-risk{background:#e74c3c24;color:#a93226;border-color:#e74c3c52}.cr-status-data{background:var(--bg-surface-1);color:var(--text-secondary);border-color:var(--border-color)}.cr-trend-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:700}.cr-trend-up{background:#2ecc7126;color:#1e8449;border-color:#2ecc7159}.cr-trend-stable{background:#3498db24;color:#2471a3;border-color:#3498db52}.cr-trend-down{background:#e74c3c24;color:#a93226;border-color:#e74c3c52}.cr-trend-data{background:var(--bg-surface-1);color:var(--text-secondary);border-color:var(--border-color)}.cr-action-alert-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.cr-action-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);padding:10px}.cr-action-alert>i{font-size:18px}.cr-action-alert.danger{border-left:4px solid #e74c3c}.cr-action-alert.warning{border-left:4px solid #f39c12}.cr-action-alert.info{border-left:4px solid #3498db}.cr-action-alert.danger>i{color:#e74c3c}.cr-action-alert.warning>i{color:#f39c12}.cr-action-alert.info>i{color:#3498db}.cr-action-alert-body{min-width:0}.cr-action-alert-body strong,.cr-action-alert-body span,.cr-action-alert-body p{display:block;overflow:hidden;text-overflow:ellipsis}.cr-action-alert-body strong{font-size:13px;color:var(--text-primary);white-space:nowrap}.cr-action-alert-body span{color:var(--text-secondary);font-size:11px;white-space:nowrap;margin-top:2px}.cr-action-alert-body p{color:var(--text-primary);font-size:12px;line-height:1.35;margin:4px 0 0}.cr-action-alert-btn{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-main);color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:700;padding:5px 8px;white-space:nowrap}.cr-action-alert-btn:hover{background:var(--bg-surface-1)}@media(max-width:560px){.cr-action-alert{grid-template-columns:auto minmax(0,1fr)}.cr-action-alert-btn{grid-column:2;justify-self:start}}.cr-quadrant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.cr-quadrant-panel{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);min-width:0;overflow:hidden}.cr-quadrant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-color)}.cr-quadrant-head h5{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;color:var(--text-primary)}.cr-quadrant-head span{display:block;margin-top:2px;color:var(--text-secondary);font-size:11px}.cr-quadrant-head strong{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;border-radius:999px;background:var(--bg-surface-1);color:var(--text-primary);font-size:13px}.cr-quadrant-panel.talent_pool .cr-quadrant-head{border-top:3px solid #2ecc71}.cr-quadrant-panel.monitor .cr-quadrant-head{border-top:3px solid #3498db}.cr-quadrant-panel.developing .cr-quadrant-head{border-top:3px solid #f39c12}.cr-quadrant-panel.intervention .cr-quadrant-head{border-top:3px solid #e74c3c}.cr-quadrant-list{display:flex;flex-direction:column;gap:8px;padding:10px}.cr-quadrant-list-wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cr-quadrant-employee{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-main);color:var(--text-primary);padding:9px 10px;cursor:pointer;text-align:left}.cr-quadrant-employee:hover{background:var(--bg-surface-1)}.cr-qe-main{min-width:0}.cr-qe-main strong,.cr-qe-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-qe-main strong{font-size:13px}.cr-qe-main small{margin-top:2px;color:var(--text-secondary);font-size:11px}.cr-qe-metrics{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto;max-width:52%}.cr-qe-coverage{font-size:11px;font-weight:700}.cr-quadrant-empty{padding:14px;color:var(--text-secondary);font-size:12px;text-align:center}@media(max-width:760px){.cr-quadrant-grid{grid-template-columns:1fr}.cr-quadrant-employee{align-items:flex-start;flex-direction:column}.cr-qe-metrics{max-width:100%;justify-content:flex-start}}.cr-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.cr-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;text-align:center}.cr-kpi-card.cr-kpi-clickable{cursor:pointer;transition:box-shadow .15s}.cr-kpi-card.cr-kpi-clickable:hover{box-shadow:0 2px 10px #0000001f}.cr-kpi-value{font-size:1.8rem;font-weight:700;line-height:1.1;margin-bottom:4px}.cr-kpi-value.cr-kpi-big{font-size:2.4rem}.cr-kpi-label{font-size:11px;color:var(--text-secondary)}.cr-kpi-hint{font-size:10px;opacity:.7}.cr-score-kelebihan{color:#2ecc71}.cr-score-cukup{color:#f39c12}.cr-score-perlu{color:#e74c3c}.cr-score-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;background:var(--bg-surface-1)}.cr-score-badge.cr-score-kelebihan{background:#2ecc7126;color:#27ae60}.cr-score-badge.cr-score-cukup{background:#f39c1226;color:#e67e22}.cr-score-badge.cr-score-perlu{background:#e74c3c26;color:#c0392b}.cr-heatmap-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:8px}.cr-heatmap{border-collapse:collapse;font-size:12px;min-width:320px}.cr-hm-corner{background:var(--bg-card);font-weight:600;padding:6px 10px;white-space:nowrap;position:sticky;left:0;z-index:1;border:1px solid var(--border-color)}.cr-hm-dept{background:var(--bg-card);font-weight:600;font-size:11px;padding:6px 8px;text-align:center;border:1px solid var(--border-color);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-hm-cat{font-size:11px;padding:6px 10px;border:1px solid var(--border-color);white-space:nowrap;background:var(--bg-card);position:sticky;left:0;font-weight:500}.cr-hm-cell{padding:6px 8px;text-align:center;font-size:12px;font-weight:600;border:1px solid var(--border-color);transition:filter .15s;min-width:48px}.cr-hm-cell:hover{filter:brightness(1.12)}.cr-hm-green{background:#d5f5e3;color:#1e8449}.cr-hm-yellow{background:#fef9e7;color:#b7770d}.cr-hm-red{background:#fce8e6;color:#a93226}.cr-hm-nodata{background:var(--bg-surface-1);color:var(--text-secondary);font-weight:400}[data-theme=dark] .cr-hm-green{background:#1a4d2e;color:#6fcf97}[data-theme=dark] .cr-hm-yellow{background:#4a3000;color:#f6d072}[data-theme=dark] .cr-hm-red{background:#4a1212;color:#f0846e}.cr-heatmap-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;font-size:11px}.cr-legend-item{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-weight:500}.cr-legend-item.cr-hm-green{background:#d5f5e3;color:#1e8449}.cr-legend-item.cr-hm-yellow{background:#fef9e7;color:#b7770d}.cr-legend-item.cr-hm-red{background:#fce8e6;color:#a93226}.cr-legend-item.cr-hm-nodata{background:var(--bg-surface-1);color:var(--text-secondary)}.cr-cat-list{display:flex;flex-direction:column;gap:6px}.cr-cat-row{display:flex;align-items:center;gap:8px}.cr-cat-name{font-size:12px;min-width:130px;color:var(--text-primary)}.cr-cat-score{font-size:12px;font-weight:700;min-width:38px;text-align:right}.cr-cat-count{font-size:11px;color:var(--text-secondary);min-width:50px}.cr-cat-bar-wrap{flex:1;background:var(--bg-surface-1);border-radius:4px;height:8px;overflow:hidden;min-width:60px}.cr-cat-bar{height:100%;border-radius:4px;transition:width .4s}.cr-bar-kelebihan{background:#2ecc71}.cr-bar-cukup{background:#f39c12}.cr-bar-perlu{background:#e74c3c}.cr-mini-bar-wrap{width:80px;height:6px;background:var(--bg-surface-1);border-radius:3px;overflow:hidden}.cr-mini-bar{height:100%;border-radius:3px}.cr-mini-bar.cr-score-kelebihan{background:#2ecc71}.cr-mini-bar.cr-score-cukup{background:#f39c12}.cr-mini-bar.cr-score-perlu{background:#e74c3c}.cr-section{margin-bottom:20px}.cr-section-title{font-size:14px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:6px;color:var(--text-primary)}.cr-section-subtitle{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--text-secondary)}.cr-two-col{display:flex;gap:16px;flex-wrap:wrap}.cr-two-col>*{flex:1;min-width:200px}.cr-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--bg-surface-1);color:var(--text-secondary)}.cr-badge-ok{background:#2ecc7126;color:#27ae60}.cr-badge-warn{background:#f39c1226;color:#e67e22}.cr-badge-strength{background:#2ecc7126;color:#27ae60}.cr-type-badge{display:inline-block;padding:1px 6px;border-radius:6px;font-size:10px;background:var(--bg-surface-1);color:var(--text-secondary)}.cr-gap-table tr.cr-gap-met td,.cr-table tr.cr-gap-met td{background:#2ecc710d}.cr-gap-table tr.cr-gap-below td,.cr-table tr.cr-gap-below td,.cr-table tr.cr-gap-nodata td{background:#f39c120d}.cr-gap-table tr.cr-gap-critical td,.cr-table tr.cr-gap-critical td{background:#e74c3c0f}.cr-neg-gap{color:#e74c3c;font-weight:700}.cr-pos-gap{color:#2ecc71;font-weight:700}.cr-gap-coverage{display:inline-flex;align-items:baseline;gap:5px}.cr-gap-coverage span{font-weight:700}.cr-gap-coverage small{color:var(--text-secondary);font-size:11px}.cr-gap-count{display:inline-flex;min-width:24px;height:20px;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:700}.cr-gap-count.warn{background:#f39c1226;color:#b7770d}.cr-gap-count.risk{background:#e74c3c24;color:#a93226}.cr-notice{padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px}.cr-notice i{font-size:1.1rem;flex-shrink:0;margin-top:1px}.cr-notice-warn{background:#f39c121f;border:1px solid rgba(243,156,18,.4);color:var(--text-primary)}.cr-notice-ok{background:#2ecc711a;border:1px solid rgba(46,204,113,.35);color:var(--text-primary)}.cr-emp-picker{padding:20px 0}.cr-emp-header{display:flex;align-items:center}.cr-insight-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;margin-bottom:4px}.cr-insight-strength{background:#2ecc710f}.cr-insight-improve{background:#e74c3c0f}.cr-insight-cat{font-size:12px;min-width:100px;color:var(--text-primary)}.cr-insight-score{font-size:12px;font-weight:700;min-width:34px;text-align:right}.cr-rank{font-weight:700;color:var(--text-secondary);text-align:center;width:32px}.cr-back-btn{margin-bottom:4px;font-size:12px;padding:5px 12px}.cr-empty{font-size:13px;color:var(--text-secondary);padding:8px 0}.cr-na{color:var(--text-secondary);font-size:12px}.cr-hint{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.cr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary);gap:12px;text-align:center}.cr-error-state{padding:16px;background:#e74c3c14;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#c0392b;font-size:13px;display:flex;align-items:center;gap:8px}.cr-loading{display:flex;align-items:center;gap:10px;padding:40px 24px;color:var(--text-secondary);font-size:14px;justify-content:center}.cr-spinner{width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--brand-color);border-radius:50%;animation:cr-spin .7s linear infinite;flex-shrink:0}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-table{font-size:13px}.cr-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.4px}.cr-table tbody tr:hover td{background:var(--bg-surface-1)}@media(max-width:600px)and (hover:none)and (pointer:coarse){.cr-lens-group{gap:6px}.cr-lens-btn{padding:5px 10px;font-size:11px}.cr-kpi-grid{grid-template-columns:1fr 1fr}.cr-heatmap{font-size:10px}.cr-hm-dept{max-width:60px;font-size:10px}.cr-two-col{flex-direction:column}.cr-cat-name{min-width:90px}}@media(min-width:769px){#main-app.dashboard-container{--desktop-content-max: 1600px;--page-pad-x: 16px;--page-pad-y: 16px;--page-pad-bottom: 24px;--section-gap: 16px;--card-pad: 16px;--card-radius: 8px}#main-app .app-container{max-width:var(--desktop-content-max);width:100%}#main-app .user-dashboard-card,#main-app .desktop-profile-hero,#main-app .desktop-profile-metric,#main-app .desktop-profile-panel{border-radius:var(--card-radius, 8px)!important}#main-app .user-dashboard-card{padding:var(--card-pad, 16px)!important}#main-app .user-dashboard-card:hover,#main-app .card:hover,#main-app .settings-card:hover{box-shadow:none!important;border-color:color-mix(in srgb,var(--sidebar-accent, var(--brand-color)) 28%,var(--border-color))!important}}@media(min-width:1280px){#main-app.dashboard-container{--page-pad-x: 20px;--page-pad-y: 20px;--section-gap: 18px}}@media(min-width:1025px){#user-section-switcher,#assessor-section-switcher,#company-section-switcher,.user-section-switcher,.assessor-section-switcher,.company-section-switcher{display:none!important}}@media(min-width:769px){body.device-desktop #user-section-switcher,body.device-desktop #assessor-section-switcher,body.device-desktop #company-section-switcher,body.device-desktop .user-section-switcher,body.device-desktop .assessor-section-switcher,body.device-desktop .company-section-switcher{display:none!important}body.device-desktop.persona-white-collar #user-sub-nav:not([style*="display: none"]):not([style*="display:none"]),body.device-desktop.persona-blue-collar #user-sub-nav:not([style*="display: none"]):not([style*="display:none"]){display:flex!important}}@media(min-width:769px){#main-app .header-left{flex:0 1 auto!important;max-width:200px!important}#main-app .sub-nav-container{flex:1 1 auto!important;min-width:0!important}#main-app .sub-nav{scrollbar-width:thin!important;scrollbar-color:rgba(var(--sidebar-accent-rgb, 232, 93, 4),.35) transparent!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%)}#main-app .sub-nav-btn{max-width:240px!important}#main-app .hc-hub-leaf-group,#main-app .sub-nav-secondary,#main-app #hc-employees-sub-nav,#main-app #hc-attendance-sub-nav,#main-app #hc-leave-sub-nav,#main-app #project-detail-tabs,#main-app #approval-filter-pills,#main-app #user-hr-sub-nav{overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap}#main-app .hc-hub-leaf-group{flex-wrap:wrap;max-width:100%}}@media(min-width:769px){#main-app input:focus:not(:focus-visible),#main-app select:focus:not(:focus-visible),#main-app textarea:focus:not(:focus-visible),#main-app button:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}#main-app input:focus-visible,#main-app select:focus-visible,#main-app textarea:focus-visible{outline:none!important;border-color:var(--sidebar-accent, var(--brand-color))!important;box-shadow:0 0 0 3px rgba(var(--sidebar-accent-rgb, 232, 93, 4),.16)!important}#main-app .view-toggle-btn:focus-visible,#main-app .filter-pill:focus-visible,#main-app .desktop-profile-metric:focus-visible,#main-app .stat-card-clickable:focus-visible,#main-app .sub-nav-btn:focus-visible,#main-app .sub-nav-btn-secondary:focus-visible,#main-app .quick-action-btn:focus-visible,#main-app .sidebar-nav-item:focus-visible{outline:3px solid var(--accent-color, var(--safety-color));outline-offset:2px}}@media(min-width:769px){#main-app .table-wrapper,#main-app .history-table-wrap{overflow:auto;max-width:100%}#main-app .data-table thead th,#main-app .compact-table thead th{position:sticky;top:0;z-index:2;background:var(--bg-surface-3, var(--bg-card))!important;box-shadow:inset 0 -1px 0 var(--border-color)}#main-app .data-table tbody tr:hover td,#main-app .compact-table tbody tr:hover td{background:var(--bg-hover)!important}#main-app .card .table-wrapper,#main-app .user-dashboard-card .table-wrapper,#main-app .settings-card .table-wrapper{border:0}}@media(min-width:769px){#main-app .stat-card,#main-app .metric-card-stat,#main-app .desktop-profile-metric{min-height:92px}#main-app .stat-label,#main-app .metric-card-label,#main-app .desktop-profile-metric-label,#main-app .tasks-stat-item .stat-label{font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}#main-app .section-header,#main-app .section-header-row,#main-app .hc-entity-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:var(--section-gap, 16px)}#main-app .section-header h2,#main-app .section-header h4,#main-app .section-title{margin:0;color:var(--text-primary);font-size:1.125rem;line-height:1.25;font-weight:800}#main-app .section-subtitle,#main-app .helper-text{margin:4px 0 0;color:var(--text-secondary)}#main-app .toolbar-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}#hc-dashboard-section .card>h3{margin:0;padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:.9375rem;line-height:1.25;font-weight:700;color:var(--text-primary)}#hc-dashboard-section .card>h3+*{padding:16px}}@media(min-width:769px){body.device-desktop #user-overview-section>.desktop-profile-dashboard{display:grid!important}#main-app #user-tab #user-overview-section{padding:0}#main-app .desktop-profile-agenda-board{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(min-width:769px){body.device-desktop #user-attendance-section-wrapper.user-section.active:not([style*="display: none"]):not([style*="display:none"]){display:grid!important;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;align-items:stretch}body.device-desktop #user-attendance-section-wrapper .bc-absen-main{grid-column:1;grid-row:1 / span 2;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}body.device-desktop #user-attendance-section-wrapper .bc-leave-action{grid-column:1;grid-row:3}body.device-desktop #user-attendance-section-wrapper .bc-absen-summary{grid-column:2;grid-row:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px}body.device-desktop #user-attendance-section-wrapper .bc-absen-history{grid-column:2;grid-row:2;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px}body.device-desktop #user-attendance-section-wrapper .bc-absen-btn{display:none!important}body.device-desktop #user-attendance-section-wrapper .bc-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}body.device-desktop #absen-cuti-switcher{display:none!important}}@media(min-width:769px){body.device-desktop #tasks-tab .agenda-mobile-summary,body.device-desktop #tasks-tab .agenda-mobile-toolbar,body.device-desktop #tasks-tab .agenda-mobile-overflow{display:none!important}body.device-desktop #agenda-kanban-board,body.device-desktop .agenda-kanban-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow-x:auto;scrollbar-width:thin}body.device-desktop .kanban-column-header{box-shadow:0 1px 0 var(--border-color)}body.device-desktop #tasks-tab .agenda-focus-state-empty,body.device-desktop #tasks-tab .agenda-focus-state-compact{min-height:0;padding:16px;flex-direction:row;align-items:center}body.device-desktop #tasks-tab .tr-actions{opacity:1;visibility:visible}body.device-desktop #tasks-tab .tr-action-btn{width:auto;min-width:84px;height:32px;padding:0 10px;opacity:1;visibility:visible}body.device-desktop #tasks-tab .tr-action-btn span{display:inline}}@media(min-width:769px){body.device-desktop #approval-tab .approval-card-actions,body.device-desktop #kotak-pane-persetujuan .approval-card-actions{opacity:1;visibility:visible}body.device-desktop #approval-tab .approval-action-btn,body.device-desktop #kotak-pane-persetujuan .approval-action-btn{width:auto;min-width:84px;height:32px;padding:0 10px;opacity:1;visibility:visible}body.device-desktop #approval-tab .approval-action-btn span,body.device-desktop #kotak-pane-persetujuan .approval-action-btn span{display:inline}body.device-desktop #approval-tab .approval-action-btn.btn-success:hover,body.device-desktop #approval-tab .approval-action-btn.btn-success:focus-visible,body.device-desktop #kotak-pane-persetujuan .approval-action-btn.btn-success:hover,body.device-desktop #kotak-pane-persetujuan .approval-action-btn.btn-success:focus-visible{background:var(--success-color, #27ae60);color:#fff}body.device-desktop #approval-tab .approval-action-btn.btn-danger:hover,body.device-desktop #approval-tab .approval-action-btn.btn-danger:focus-visible,body.device-desktop #kotak-pane-persetujuan .approval-action-btn.btn-danger:hover,body.device-desktop #kotak-pane-persetujuan .approval-action-btn.btn-danger:focus-visible{background:var(--danger-color, #e74c3c);color:#fff}#assessor-assessment-section .assessor-form-row{grid-template-columns:minmax(180px,1.1fr) minmax(160px,1fr) auto;align-items:end}#company-settings-section .company-settings-jump{position:sticky;top:0;z-index:8;background:color-mix(in srgb,var(--bg-surface-1) 92%,transparent);backdrop-filter:blur(8px)}body.device-desktop #project-list{position:static;max-height:none}body.device-desktop #project-detail-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}#user-jobs-section .user-jobs-filter-grid,#user-jobs-section-wrapper .user-jobs-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end}}.empty-state.empty-state-success>i.ph{color:var(--success-solid, #15803d);opacity:.85}#notification-list p{color:var(--text-muted)}#assessor-center-empty.empty-state{text-align:center}@media(min-width:769px)and (max-width:1024px){#auth-container .auth-marketing h1{font-size:2.5rem;line-height:1.15}#auth-container .auth-shell{gap:32px}#auth-container .auth-preview-flow{grid-template-columns:1fr 1fr}}[data-theme=dark] #auth-container{--auth-ink: #f8fafc;--auth-text: #cbd5e1;--auth-muted: #94a3b8;--auth-line: rgba(148, 163, 184, .22);--auth-card-border: rgba(232, 93, 4, .28);background:radial-gradient(circle at 10% 16%,rgba(var(--brand-color-rgb),.22),transparent 30%),radial-gradient(circle at 88% 84%,rgba(var(--auth-warm-rgb),.16),transparent 34%),linear-gradient(135deg,#0f172a,#111827 48%,#1e293b)}[data-theme=dark] #auth-container .auth-card{background:#111827f0;box-shadow:0 24px 70px #0000006b}[data-theme=dark] #auth-container .auth-header h2,[data-theme=dark] #auth-container .auth-view h3{color:var(--auth-ink)}[data-theme=dark] #auth-container .form-group label,[data-theme=dark] #auth-container .auth-public-footer{color:var(--auth-muted)}[data-theme=dark] #auth-container .form-group input,[data-theme=dark] #auth-container .input-icon input{background:#0f172a;color:#f8fafc;border-color:#94a3b847}[data-theme=dark] #auth-container .toggle-password-btn:focus-visible{outline:3px solid var(--accent-color, var(--safety-color));outline-offset:2px}@media(min-width:1280px){#main-app .settings-card-body,#main-app .assessor-form-row,#main-app .floating-form-grid,#main-app #hc-bpjs-settings-form,#main-app #hc-tax-section form,#main-app .form-section-card,#main-app #settingsBasicInfoForm{max-width:min(100%,var(--form-readable-max, 1100px))}}@media(min-width:769px){#main-app .hc-section>.section-header h2,#main-app .company-section>.section-header h2,#main-app .tab-content>.section-header h2{font-size:1.25rem!important;font-weight:800!important}#main-app .user-card-header h4,#main-app .settings-card-header h5,#main-app .detail-card-header,#main-app .card>h3,#main-app .hc-entity-page-header h5,#main-app .recruitment-panel h5{margin:0;color:var(--text-primary);font-size:.9375rem;line-height:1.25;font-weight:700}#main-app .card>h3,#main-app .settings-card-header,#main-app .user-card-header{padding-bottom:10px;border-bottom:1px solid var(--border-color)}}.filter-bar-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px}.card-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:140px}.filter-field-grow{flex:1 1 180px}.filter-field>label,.filter-field .form-label{font-size:12px;font-weight:700;color:var(--text-secondary)}.inline-check{display:flex;align-items:center;gap:10px;cursor:pointer}.toolbar-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}#main-app .table-loading-row td{position:relative;padding:18px 12px!important;color:transparent!important}#main-app .table-loading-row td:before{content:"";display:block;width:min(280px,46%);height:10px;margin:0 auto 8px;border-radius:999px;background:linear-gradient(90deg,#94a3b82e 25%,#94a3b86b,#94a3b82e 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}#main-app .table-loading-row td:after{content:"Memuat";display:block;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}#main-app .company-cockpit-row.muted,#main-app .tasks-loading,#main-app .job-cards-empty:has(.ph-spin){min-height:44px}@media(prefers-reduced-motion:reduce){#main-app .table-loading-row td:before,#main-app td.loading-spinner:before{animation:none}}#main-app td.loading-spinner{position:relative;padding:18px 12px!important;color:transparent!important}#main-app td.loading-spinner:before{content:"";display:block;width:min(280px,46%);height:10px;margin:0 auto 8px;border-radius:999px;background:linear-gradient(90deg,#94a3b82e 25%,#94a3b86b,#94a3b82e 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}#main-app td.loading-spinner:after{content:"Memuat";display:block;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}#main-app .bc-loading{min-height:72px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}@media(min-width:769px){dialog.modal-dialog[open]:not(.map-picker-modal),dialog.modal[open]:not(.map-picker-modal){max-height:min(86vh,880px);width:min(90vw,640px)}dialog.modal-dialog.modal-lg[open]:not(.map-picker-modal){width:min(90vw,900px)}dialog.modal-dialog[open]:not(.map-picker-modal) .modal-content,dialog.modal[open]:not(.map-picker-modal) .modal-content{max-height:min(86vh,880px);overflow:auto;scrollbar-width:thin}dialog.modal-dialog .modal-header,dialog.modal .modal-header,.agenda-modal .modal-header,.modal-overlay .modal-header{position:sticky;top:0;z-index:3;background:var(--bg-card)}dialog.modal-dialog .modal-footer,dialog.modal .modal-footer,dialog.modal-dialog .modal-actions,dialog.modal .modal-actions,.agenda-modal .modal-footer{position:sticky;bottom:0;z-index:3;background:var(--bg-card);padding-top:12px}dialog.modal-dialog .modal-close:focus-visible,dialog.modal .modal-close:focus-visible,dialog.modal-dialog .btn:focus-visible,dialog.modal .btn:focus-visible,dialog.app-dialog .btn:focus-visible,.agenda-modal .btn:focus-visible,.agenda-modal .btn-close:focus-visible{outline:3px solid var(--accent-color, var(--safety-color));outline-offset:2px}dialog.app-dialog[open]{max-height:min(80vh,560px)}dialog.app-dialog[open] .app-dialog-body{max-height:min(48vh,320px);overflow:auto;scrollbar-width:thin}.agenda-modal-content{max-height:min(86vh,880px)}}@media(min-width:769px){#main-app .super-section .section-header h4,#main-app #super-overview .recent-activity-card h4,#main-app #super-overview .chart-card h4{margin:0;color:var(--text-primary);font-size:1.125rem;line-height:1.25;font-weight:800}#main-app .super-section .user-filter-bar,#main-app .super-section .filter-bar,#main-app .super-section .competency-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}#main-app .super-section .user-filter-bar .form-control,#main-app .super-section .filter-bar .form-control,#main-app .super-section .filter-bar input,#main-app .super-section .filter-bar select,#main-app .super-section .competency-filter input,#main-app .super-section .competency-filter select,#main-app .super-section .search-input-field{width:auto!important;flex:0 1 200px}#main-app .super-section .search-input-field,#main-app .super-section .user-filter-bar .search-box{flex:1 1 220px;min-width:180px}#main-app .super-ops-panel{padding:16px}#main-app .super-health-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#main-app .super-health-card:focus-visible,#main-app .super-section .stat-card:focus-visible{outline:3px solid var(--accent-color, var(--safety-color));outline-offset:2px}}@media(min-width:769px){#main-app .notification-dropdown{width:min(400px,calc(100vw - 32px));max-height:min(70vh,560px);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 16px 40px #0f172a29}#main-app .notification-list{max-height:calc(min(70vh,560px) - 72px);overflow-y:auto;scrollbar-width:thin}#main-app .notification-item:hover,#main-app .notification-dropdown .notification-item:hover{background:var(--bg-hover)}#main-app .profile-dropdown{min-width:280px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 16px 40px #0f172a29}#main-app .profile-dropdown-trigger:focus-visible,#main-app .notification-toggle:focus-visible,#main-app .notification-header button:focus-visible,#main-app .profile-dropdown-edit:focus-visible{outline:3px solid var(--accent-color, var(--safety-color));outline-offset:2px}}#notification-list p,#notification-list .notification-empty p,#notification-list .notification-loading{color:var(--text-muted);text-align:center;padding:20px}@media(min-width:769px){#main-app .filter-bar-inline>.form-control,#main-app .filter-bar-inline>.form-select,#main-app .filter-bar-inline>.search-input-field,#main-app .filter-bar-inline>select,#main-app .filter-bar-inline>input,#main-app .filter-field>.form-control,#main-app .filter-field>.form-select,#main-app .filter-field>.search-input-field,#main-app .filter-field>select,#main-app .filter-field>input{width:auto!important;flex:0 1 200px}#main-app .filter-field-grow,#main-app .filter-bar-inline>.search-input-field{flex:1 1 220px;min-width:180px}#main-app .filter-field-grow>.form-control,#main-app .filter-field-grow>.search-input-field,#main-app .filter-field-grow>input{width:100%!important}#hc-contracts-section .filter-bar-inline{align-items:flex-end}}#main-app .data-table tbody tr:not(.table-loading-row) td.table-message,#main-app .data-table tbody tr:not(.table-loading-row) td.text-danger,#main-app .compact-table tbody tr:not(.table-loading-row) td.table-message{color:var(--text-muted)!important;padding:28px 16px!important;text-align:center}#main-app .data-table tbody tr:not(.table-loading-row) td.table-message:before,#main-app .data-table tbody tr:not(.table-loading-row) td.table-message:after,#main-app .data-table tbody tr:not(.table-loading-row) td.text-danger:before,#main-app .data-table tbody tr:not(.table-loading-row) td.text-danger:after,#main-app td.loading-spinner.table-message:before,#main-app td.loading-spinner.table-message:after{content:none!important;display:none!important;animation:none!important}@media(min-width:769px){#main-app .data-table tbody tr:not(.table-loading-row):hover td,#main-app .compact-table tbody tr:not(.table-loading-row):hover td{background:var(--bg-hover)!important}body.device-desktop .kanban-card,body.device-desktop .agenda-card{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card)}body.device-desktop .kanban-card:hover,body.device-desktop .agenda-card:hover{border-color:color-mix(in srgb,var(--sidebar-accent, var(--brand-color)) 28%,var(--border-color))}#main-app .notification-item{color:var(--text-primary);border-bottom:1px solid var(--border-color)}#main-app .notification-item.unread{background:color-mix(in srgb,var(--sidebar-accent, var(--brand-color)) 8%,var(--bg-card))}#main-app .profile-dropdown-item .profile-value{color:var(--text-primary)}}[data-theme=dark] #main-app .data-table thead th,[data-theme=dark] #main-app .compact-table thead th{background:var(--bg-surface-3, var(--bg-card))!important}[data-theme=dark] #main-app .notification-dropdown,[data-theme=dark] #main-app .profile-dropdown{box-shadow:0 16px 40px #00000073}.list-loading{min-height:72px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.875rem;text-align:center;padding:20px}.welcome-checklist{display:flex;flex-direction:column;gap:10px}.welcome-check-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary);border-radius:8px;cursor:pointer}.welcome-check-item>.ph-caret-right{margin-left:auto;opacity:.5}.welcome-check-item>i:first-child{font-size:1.5em}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border-color);border-radius:16px;font-size:12px;cursor:pointer}.chip-list-box{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--border-color);border-radius:8px;min-height:36px;background:var(--bg-secondary, #fafafa)}.pagination-row{display:flex;justify-content:center;gap:8px;margin-top:12px}.form-group-end{display:flex;align-items:flex-end}.form-row-wrap{flex-wrap:wrap}.form-group-grow{flex:1 1 220px;min-width:220px}.project-form-footer{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.modal-footer-flush{padding:0}.modal-footer-center{justify-content:center}.applicant-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detail-card-header-row{display:flex;align-items:center;gap:8px}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.scroll-panel{max-height:150px;overflow-y:auto}.scroll-panel-sm{max-height:120px;overflow-y:auto}.u-mt-6{margin-top:6px}.u-mt-12{margin-top:12px}.u-mt-18{margin-top:18px}.u-mb-12{margin-bottom:12px}