*{box-sizing:border-box}:root{--desktop-ui-scale:1}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f3f6fb;color:#14213d}button,input,select,textarea{font:inherit}button{cursor:pointer}@media(min-width:1280px){:root{--desktop-ui-scale:.85}body{zoom:var(--desktop-ui-scale)}}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1d4ed8)}.login-card{width:min(420px,92vw);background:#fff;padding:28px;border-radius:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px #0003}.login-card h1{margin:0}.login-card p,.login-hint{color:#64748b}.login-card input,.login-card button{padding:12px 14px;border-radius:12px;border:1px solid #dbe3f0}.login-card button{border:none;background:#2563eb;color:#fff}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;align-items:stretch}.app-shell-separated{gap:0;align-items:stretch;min-height:100vh;background:linear-gradient(90deg,#0f172a 0 280px,#eaf0f8 280px 100%)}.sidebar{background:transparent;color:#fff;padding:24px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh;min-height:100vh;align-self:start;overflow:hidden;border-right:1px solid rgba(255,255,255,.06)}.sidebar-shell{display:flex;flex-direction:column;gap:18px;height:100%;min-height:0;flex:1}.sidebar-top{display:flex;flex-direction:column;gap:18px;min-height:0;flex:1}.sidebar-brand h1,.sidebar h1{font-size:24px;margin:0 0 8px}.sidebar p{margin:0;color:#cbd5e1;line-height:1.5}.app-credit{font-size:12px!important;color:#93c5fd!important;letter-spacing:.2px;margin-bottom:8px!important}.app-credit.dark{color:#475569!important;margin-top:-6px!important;margin-bottom:4px!important}.menu{display:flex;flex-direction:column;gap:16px;overflow:auto;padding-right:4px;min-height:0;flex:1}.menu button,.ghost{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111c35;color:#fff;text-align:left}.menu button.active{background:#2563eb}.sidebar-card{background:#111c35;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:18px;display:flex;flex-direction:column;gap:10px}.sidebar-card-inline{margin-top:2px}.sidebar-card-filter{min-height:0}.sidebar-card-account{box-shadow:inset 0 1px #ffffff0a}.sidebar-card h3{margin:0 0 4px;font-size:16px}.sidebar-card input,.sidebar-card select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #334155;background:#0b1224;color:#fff}.main-content{padding:24px;min-width:0}.main-content-shell{background:#f7faff;border:1px solid #dbe3f0;border-radius:28px;padding:24px;min-height:calc(100vh - 48px);box-shadow:inset 0 1px #ffffffbf}.mobile-topbar,.mobile-nav-sheet,.mobile-nav-backdrop,.mobile-nav-drawer{display:none}.mobile-nav-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.mobile-nav-head strong{display:block;color:#0f172a;font-size:16px}.mobile-nav-head span{display:block;color:#64748b;font-size:13px;margin-top:4px}.mobile-nav-close{border:none;background:#e2e8f0;color:#0f172a;padding:8px 10px;border-radius:12px}.mobile-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.mobile-nav-grid button{border:none;background:#e2e8f0;color:#14213d;padding:12px 14px;border-radius:12px;text-align:center}.mobile-nav-grid button.active{background:#2563eb;color:#fff}.mobile-menu-toggle,.mobile-logout-btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:12px}.mobile-logout-btn{background:#dc2626}.mobile-logout-drawer{margin-top:8px;width:100%}.mobile-user-chip{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dbe3f0;color:#334155;font-weight:600}.mobile-filter-card{margin-top:14px;display:flex;flex-direction:column;gap:10px}.mobile-filter-card h3{margin:0 0 4px;font-size:16px}.mobile-filter-card input,.mobile-filter-card select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #dbe3f0;background:#fff;color:#14213d}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.hero h2{margin:0 0 6px;font-size:28px}.hero p{margin:0;color:#475569}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-actions button{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:12px}.hero-actions button.secondary{background:#0f766e}.date-chip{background:#fff;padding:10px 14px;border-radius:999px;border:1px solid #dbe3f0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}.personal-grid{margin-bottom:0}.stat-card span{color:#64748b;font-size:14px}.stat-card strong{font-size:30px}.stat-card.danger strong{color:#dc2626}.stat-card.success strong{color:#0f766e}.content-grid{display:grid;grid-template-columns:1.5fr .9fr;gap:20px}.content-grid.bottom{margin-top:20px;grid-template-columns:1fr 1fr}.task-page-layout{align-items:start}.chart-grid{display:grid;gap:20px;margin-top:20px}.chart-grid.two-cols{grid-template-columns:1fr 1fr}.chart-grid.three-cols{grid-template-columns:1.15fr 1.15fr .7fr}.panel{background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 30px #0f172a0f}.panel.large{min-height:540px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.panel-header h3{margin:0}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setting-field{display:flex;flex-direction:column;gap:8px}.setting-field label{font-weight:600;color:#334155}.wrap-header{flex-wrap:wrap}.dashboard-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.period-switcher{display:flex;gap:8px;flex-wrap:wrap}.period-switcher button{border:none;padding:9px 14px;border-radius:999px;background:#e2e8f0;color:#334155}.period-switcher button.active{background:#2563eb;color:#fff}.year-select{padding:9px 14px;border-radius:12px;border:1px solid #dbe3f0;background:#fff;color:#14213d;min-width:110px}.section-caption{margin-top:-4px;margin-bottom:12px;color:#64748b;font-size:14px}.personal-section{margin-bottom:20px;background:linear-gradient(180deg,#eff6ff,#fff)}.employee-dashboard-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:20px}.employee-dashboard-summary-card{background:linear-gradient(135deg,#0f172a,#1d4ed8 58%,#38bdf8);border-radius:24px;padding:24px;color:#fff;box-shadow:0 22px 48px #2563eb3d;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.employee-dashboard-summary-card:after{content:"";position:absolute;right:-48px;top:-48px;width:180px;height:180px;border-radius:999px;background:#ffffff1f;filter:blur(8px)}.employee-dashboard-summary-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;position:relative;z-index:1}.employee-dashboard-summary-top h4{margin:6px 0 8px;font-size:30px;line-height:1.15}.employee-dashboard-summary-top p{margin:0;color:#ffffffd1;max-width:520px;line-height:1.55}.employee-dashboard-eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#ffffff24;font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.employee-dashboard-kpi-chip{min-width:170px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(8px)}.employee-dashboard-kpi-chip span,.employee-dashboard-kpi-chip small{color:#ffffffd1}.employee-dashboard-kpi-chip strong{font-size:36px;line-height:1;color:#fff}.employee-dashboard-progress-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:1}.employee-progress-item{padding:14px 16px;border-radius:18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:8px}.employee-progress-item span{font-size:13px;color:#ffffffc7}.employee-progress-item strong{font-size:28px;color:#fff}.employee-progress-item.success{background:#10b9812e}.employee-progress-item.active{background:#ffffff24}.employee-progress-item.late{background:#f871712e}.employee-dashboard-stat-grid,.personal-grid{margin-bottom:0}.stat-card{background:#fff;padding:18px;border-radius:18px;box-shadow:0 10px 30px #0f172a0f;display:flex;flex-direction:column;gap:8px}.employee-dashboard-stat-grid .stat-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;box-shadow:0 16px 30px #2563eb14}.employee-dashboard-stat-grid .stat-card span{font-weight:600;color:#475569}.nested-panel{background:#f8fbff;border:1px solid #dbeafe;box-shadow:none}.chart-panel{overflow:hidden}.employee-dashboard-chart-grid{align-items:stretch}.employee-chart-panel{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;box-shadow:0 16px 34px #2563eb14}.employee-chart-panel .panel-header{align-items:flex-start}.employee-chart-panel .panel-header h3{font-size:17px;color:#0f172a}.chart-panel-note{font-size:12px;color:#64748b;font-weight:600}.employee-chart-panel .recharts-cartesian-grid-horizontal line,.employee-chart-panel .recharts-cartesian-grid-vertical line{stroke:#dbeafe}.employee-chart-panel .recharts-legend-wrapper{padding-top:8px}.employee-chart-panel .recharts-default-tooltip{border-radius:14px!important;border:1px solid #dbeafe!important;box-shadow:0 14px 28px #0f172a1f!important}.employee-chart-pie-shell{position:relative;display:flex;align-items:center;justify-content:center}.employee-chart-pie-shell-polished{padding:8px 0 4px}.employee-chart-line-shell,.employee-chart-pie-shell-polished{position:relative;isolation:isolate}.employee-chart-glow{position:absolute;inset:auto;width:180px;height:180px;border-radius:999px;filter:blur(42px);opacity:.28;z-index:0;pointer-events:none}.employee-chart-glow-blue{top:10px;left:12%;background:#3b82f66b}.employee-chart-glow-green{top:18px;right:12%;background:#10b98157}.employee-chart-line-shell .recharts-responsive-container,.employee-chart-pie-shell-polished .recharts-responsive-container{position:relative;z-index:1}.employee-chart-pie-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;pointer-events:none;padding:14px 18px;border-radius:999px;background:#ffffffc7;box-shadow:0 16px 34px #2563eb1f;backdrop-filter:blur(10px)}.employee-chart-pie-center span{font-size:12px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.25px}.employee-chart-pie-center strong{font-size:34px;color:#0f172a;line-height:1}.employee-chart-pie-center small{font-size:12px;color:#2563eb;font-weight:700}.employee-chart-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.employee-chart-legend-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#ffffffdb;border:1px solid #e2e8f0;box-shadow:0 10px 24px #0f172a0d}.employee-chart-legend-dot{width:12px;height:12px;border-radius:999px;flex:none;margin-top:0}.employee-chart-legend-item strong{display:block;color:#0f172a}.employee-chart-legend-item small{display:block;color:#64748b;margin-top:2px;line-height:1.45}.employee-chart-legend-item b{font-size:18px;color:#0f172a}.employee-trend-highlight-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.employee-trend-highlight-card{padding:14px 16px;border-radius:18px;border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 26px #0f172a0d}.employee-trend-highlight-card span{display:block;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.25px}.employee-trend-highlight-card strong{display:block;margin-top:8px;font-size:30px;line-height:1;color:#0f172a}.employee-trend-highlight-card.primary strong{color:#2563eb}.employee-trend-highlight-card.success strong{color:#0f766e}.dashboard-chart-tooltip{min-width:180px;padding:12px 14px;border-radius:14px;background:#fffffff5;border:1px solid #dbeafe;box-shadow:0 16px 34px #0f172a24;backdrop-filter:blur(12px)}.dashboard-chart-tooltip strong{display:block;color:#0f172a}.dashboard-chart-tooltip-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.dashboard-chart-tooltip-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:#334155}.dashboard-chart-tooltip-dot{width:10px;height:10px;border-radius:999px}.dashboard-split{margin-top:16px}.document-dashboard{display:flex;flex-direction:column;gap:20px}.document-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:16px}.document-filter-grid input,.document-filter-grid select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #dbe3f0;background:#fff}.document-table{table-layout:fixed;min-width:1240px}.document-table th,.document-table td{vertical-align:top;white-space:normal;word-break:break-word;line-height:1.45}.document-cell-main{min-width:260px}.document-cell-wrap{min-width:140px}.table-subtext{margin-top:4px;color:#64748b;font-size:13px;line-height:1.4}.table-link-stack{display:flex;flex-direction:column;gap:6px;max-width:220px}.table-link-stack a{color:#2563eb;text-decoration:none;word-break:break-word}.table-action-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-chip.status-new{background:#dbeafe;color:#1d4ed8}.status-chip.status-progress{background:#fef3c7;color:#92400e}.status-chip.status-submitted{background:#ede9fe;color:#6d28d9}.status-chip.status-revise{background:#fee2e2;color:#b91c1c}.status-chip.status-done{background:#dcfce7;color:#166534}.desktop-only{display:block}.mobile-only{display:none}.mobile-document-list{display:flex;flex-direction:column;gap:12px}.document-mobile-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px}.document-mobile-head{display:flex;flex-direction:column;gap:10px}.document-mobile-head p{margin:4px 0 0;color:#64748b;line-height:1.45}.document-mobile-meta{display:grid;gap:8px}.document-mobile-meta span{color:#334155;line-height:1.45}.mobile-doc-links{max-width:none}.mobile-doc-open{width:100%;justify-content:center}.empty-state{padding:16px;border-radius:14px;background:#f8fafc;color:#64748b;border:1px dashed #cbd5e1}.task-list,.employee-list{display:flex;flex-direction:column;gap:14px;max-height:720px;overflow:auto;padding-right:4px}.day-group{border-radius:18px;padding:14px;border:1px solid #dbe3f0}.day-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.day-group-list{display:flex;flex-direction:column;gap:12px}.day-color-0{background:#eff6ff;border-color:#bfdbfe}.day-color-1{background:#f0fdf4;border-color:#bbf7d0}.day-color-2{background:#fff7ed;border-color:#fed7aa}.day-color-3{background:#faf5ff;border-color:#e9d5ff}.day-color-4{background:#f0fdfa;border-color:#99f6e4}.day-color-5{background:#fefce8;border-color:#fde68a}.task-card{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fcfdff}.task-card-focus{box-shadow:0 0 0 3px #2563eb38,0 18px 40px #2563eb1f;border-color:#60a5fa}.task-head{display:flex;justify-content:space-between;gap:12px}.task-head h4{margin:0 0 6px;font-size:18px}.task-head p{margin:0;color:#64748b;line-height:1.45}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;height:fit-content}.badge.high{background:#fee2e2;color:#b91c1c}.badge.medium{background:#fef3c7;color:#92400e}.badge.low{background:#dcfce7;color:#166534}.task-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;color:#334155;font-size:14px}.progress-bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:12px}.progress-bar>div{height:100%;background:linear-gradient(90deg,#2563eb,#22c55e)}.progress-bar>div.late{background:linear-gradient(90deg,#f59e0b,#dc2626)}.task-actions,.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%}.check-item{display:flex;gap:8px;align-items:center}.employee-select{display:grid;gap:10px}.employee-select.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.employee-select.card{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.employee-chip{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #dbe3f0;border-radius:14px;background:#f8fafc;cursor:pointer}.compact-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-create-panel .employee-select.card.create-employee-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.task-create-panel .employee-select.card.create-employee-grid .compact-employee-chip,.compact-employee-chip{padding:9px 10px;border-radius:12px;min-height:72px;justify-content:center;box-shadow:none}.compact-employee-chip span{font-size:14px;line-height:1.25}.compact-employee-chip small{font-size:11px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.employee-chip input{margin:0 0 4px}.employee-chip span{font-weight:600}.employee-chip small{color:#64748b}.task-actions select,.task-actions input,.task-actions button,.task-form input,.task-form select,.task-form textarea,.modal input,.modal select,.modal textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #dbe3f0;background:#fff}.task-actions select,.task-actions input{width:auto}.task-actions select{min-width:140px}.task-actions input{max-width:78px}.task-actions button,.task-form button,.modal-actions button,.row-actions button,.upload-btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.task-actions button,.upload-btn,.row-actions button{width:auto;padding:6px 12px;border-radius:10px;font-size:13px;line-height:1.2;min-height:34px}.task-actions button.danger,.row-actions button.danger{background:#dc2626}.secondary-action{background:#7c3aed!important}.task-form{display:flex;flex-direction:column;gap:10px}.task-form textarea,.modal textarea{min-height:88px;resize:vertical}.upload-box{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed #93c5fd;border-radius:14px;background:#eff6ff;color:#1d4ed8;cursor:pointer}.upload-box span{font-size:14px;color:#1e3a8a}.task-upload-box{cursor:default}.task-upload-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.task-upload-head strong{color:#1d4ed8}.selected-file-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.selected-file-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:12px;background:#fff}.selected-file-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.selected-file-meta strong{color:#0f172a;word-break:break-word;white-space:normal}.selected-file-meta span{color:#64748b;font-size:12px}.selected-file-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.selected-file-actions .danger{border:none;background:#dc2626;color:#fff;padding:6px 12px;border-radius:10px;min-height:34px}.mini-list{display:flex;flex-direction:column;gap:12px}.mini-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.mini-row.column{align-items:flex-start;flex-direction:column;gap:4px}.mini-row.card{align-items:flex-start}.mini-row.highlight{border-color:#f59e0b;background:#fff7ed}.employee-main{display:flex;flex-direction:column;gap:4px}.file-section{margin:10px 0}.file-section strong{display:block;margin-bottom:6px}.file-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.file-list a{color:#2563eb;text-decoration:none;font-size:14px}.file-action-row{justify-content:flex-start}.feedback-timeline{display:flex;flex-direction:column;gap:10px;margin-top:10px}.feedback-item{padding:12px;border:1px solid #dbe3f0;border-radius:14px;background:#f8fafc}.feedback-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.feedback-meta{display:flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:13px;margin-bottom:6px}.feedback-note{white-space:pre-wrap;color:#1e293b;line-height:1.45}.metric-stack{display:flex;flex-direction:column;gap:14px}.metric-item{padding:16px;border-radius:18px;border:1px solid #dbeafe;background:#f8fbff;display:flex;flex-direction:column;gap:8px}.metric-item span{font-size:14px;color:#64748b}.metric-item strong{font-size:28px}.metric-item.blue strong{color:#2563eb}.metric-item.green strong{color:#0f766e}.metric-item.amber strong{color:#d97706}.modal-backdrop{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.modal,.modal-sheet{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;color:#0f172a;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 80px #0f172a59;border:1px solid rgba(148,163,184,.25)}.compact-modal{width:min(560px,100%)}.modal-sheet .panel-header,.modal .panel-header{margin-bottom:4px}.modal-sheet p,.modal p{color:#334155}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff;padding-top:8px}.modal-actions button:first-child{background:#94a3b8}.table-wrap{margin-top:18px;overflow:auto;border:1px solid #dbeafe;border-radius:18px;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain}.table-wrap table{transform-origin:top left}@media(max-width:1200px){.chart-grid.three-cols,.chart-grid.two-cols{grid-template-columns:1fr}}@media(max-width:1100px){.app-shell,.app-shell-separated{grid-template-columns:1fr;height:100dvh;overflow:hidden;background:#f3f6fb}.sidebar{display:none}.main-content{height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:0}.main-content-shell{min-height:auto;border:none;border-radius:0;box-shadow:none;background:transparent;padding:0}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin-bottom:0;position:sticky;top:0;left:0;right:0;z-index:35;padding:14px;background:#f3f6fbf5;backdrop-filter:blur(10px);border-bottom:1px solid rgba(219,227,240,.95)}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:#0f172a73;z-index:40}.mobile-nav-sheet.mobile-nav-drawer{display:block;position:fixed;top:0;left:0;height:100vh;width:min(86vw,340px);margin:0;border-radius:0 20px 20px 0;z-index:41;overflow-y:auto;box-shadow:0 24px 80px #0f172a4d}.stats-grid,.compact-mobile-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.content-grid.bottom,.dashboard-split,.mobile-single-column{grid-template-columns:1fr}.task-create-panel{order:-1}.task-meta{grid-template-columns:1fr 1fr}}@media(max-width:768px){.main-content{padding:14px}.mobile-topbar{align-items:center;padding:12px 14px}.mobile-menu-toggle{width:auto;min-width:108px;text-align:center}.mobile-user-chip{flex:1;text-align:center;min-width:0}.mobile-nav-grid{grid-template-columns:1fr 1fr}.hero{flex-direction:column;align-items:flex-start;gap:10px}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions button,.hero-actions .date-chip{width:100%;text-align:center}.stats-grid,.compact-mobile-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:24px}.panel{padding:14px;border-radius:16px}.task-head,.row-between,.dashboard-controls{flex-direction:column}.task-actions.mobile-actions{flex-direction:column;align-items:stretch}.task-actions.mobile-actions select,.task-actions.mobile-actions input,.task-actions.mobile-actions button,.task-actions.mobile-actions .upload-btn{width:100%;max-width:none}.period-switcher,.year-select{width:100%}.period-switcher button{flex:1}.task-list,.employee-list{max-height:none}.mini-row{padding:10px 12px}.employee-select.grid,.employee-select.card{grid-template-columns:1fr}.employee-select.card.create-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-employee-chip{min-height:64px;padding:8px 9px}.compact-employee-chip span{font-size:13px}.compact-employee-chip small{font-size:10.5px}.document-filter-grid{grid-template-columns:1fr}.document-table{min-width:960px}.desktop-only{display:none}.mobile-only{display:block}.modal,.modal-sheet{width:100%;max-height:calc(100vh - 20px);padding:16px;border-radius:16px}.day-group{padding:12px}}@media(max-width:640px){.stats-grid,.compact-mobile-grid,.task-meta,.two-cols{grid-template-columns:1fr}.task-actions select,.task-actions input{width:100%;max-width:none}.task-actions button,.upload-btn{width:auto}.row-between{flex-direction:column}.employee-select.card.create-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.document-table{min-width:820px}.file-action-row{flex-direction:column;align-items:flex-start}.table-action-stack,.table-action-stack button,.mobile-doc-open{width:100%}.selected-file-item,.selected-file-actions{flex-direction:column;align-items:stretch}.selected-file-actions .upload-btn,.selected-file-actions .danger{width:100%}}.task-card,.document-task-card{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.task-card:hover,.document-task-card:hover{border-color:#cbd5e1;box-shadow:0 10px 22px #0f172a14}.task-card{cursor:pointer}.task-meta-summary{margin-bottom:0}.task-card-details,.document-task-details{margin-top:10px;padding-top:12px;border-top:1px solid rgba(148,163,184,.16)}.document-task-list{display:flex;flex-direction:column;gap:12px}.document-task-card{cursor:pointer;border-width:1px;border-style:solid;border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 20px #0f172a0d}.document-task-summary{display:flex;justify-content:space-between;gap:12px}.document-task-main-compact{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.document-task-main-compact strong{font-size:16px;line-height:1.35;color:#0f172a}.document-task-main-compact p{margin:0;color:#64748b;line-height:1.45;font-size:13px}.document-task-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.document-task-department{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#eef2ff;border:1px solid #dbe3f0;font-size:11px;font-weight:700;color:#334155}.document-task-inline-info{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#334155;padding:10px 12px;border-radius:12px;background:#ffffffc7;border:1px solid rgba(148,163,184,.12)}.document-task-summary-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:220px}.document-task-summary-side.compact{min-width:190px}.document-link-stack{max-width:260px;width:100%}.document-file-pill{width:100%;border:none;padding:8px 10px;border-radius:10px;background:#fff;color:#334155;text-align:left;box-shadow:inset 0 0 0 1px #94a3b82e;word-break:break-word;font-size:12px}.document-empty-file{display:inline-flex;padding:8px 10px;border-radius:10px;background:#fff;border:1px dashed rgba(148,163,184,.35);color:#94a3b8;font-size:12px}.document-section-group{margin-top:16px;padding-top:16px;border-top:1px dashed #dbe3f0}.document-section-group:first-of-type{margin-top:0;padding-top:0;border-top:0}.document-card-normal{background:#f8fafc;border-color:#e2e8f0}.document-card-warning{background:#fffaf0;border-color:#f6e7b8}.document-card-danger{background:#fff5f5;border-color:#fecaca}.document-card-done{background:#f4fbf6;border-color:#bbf7d0}.document-status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.deadline-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.deadline-normal{background:#eef2f7;color:#475569}.deadline-warning{background:#fff3d6;color:#9a6700}.deadline-danger{background:#fee2e2;color:#b91c1c}.document-meta-polished{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-meta-polished.compact span{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.14);font-size:13px}.document-detail-actions{justify-content:flex-end}@media(max-width:640px){.document-task-summary,.document-task-summary-side,.document-status-stack{flex-direction:column;align-items:flex-start;min-width:0}.document-meta-polished{grid-template-columns:1fr}.document-task-card{padding:12px}.document-task-main-compact strong{font-size:15px}.document-task-inline-info{font-size:12px}}.link-button{padding:0;border:0;background:none;color:#2563eb;font:inherit;text-align:left;cursor:pointer}.link-button:hover{text-decoration:underline;color:#1d4ed8}.scope-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.2px;margin-bottom:8px}.scope-personal{background:#dbeafe;color:#1d4ed8}.scope-room{background:#ccfbf1;color:#0f766e}.personal-section{background:linear-gradient(180deg,#eff6ff,#fff);border:1px solid #bfdbfe}.personal-section .nested-panel,.personal-section .chart-panel,.personal-section .stat-card{background:linear-gradient(180deg,#fff,#f8fbff)}.manager-personal-panel{margin:18px 0;background:linear-gradient(180deg,#eef4ff,#fff);border:1px solid #bfdbfe}.manager-personal-grid .stat-card{background:linear-gradient(180deg,#fff,#f5f9ff);border:1px solid #dbeafe}.leader-scope-banner{margin-bottom:18px;background:linear-gradient(135deg,#ecfeff,#f8fafc);border:1px solid #99f6e4}.room-scope-section .panel,.room-scope-section.panel,.room-report-grid .stat-card,.room-report-board .panel{background:linear-gradient(180deg,#f7fffd,#fff);border:1px solid #cbd5e1}.room-scope-section .panel-header h3{color:#0f766e}@media(max-width:768px){.employee-dashboard-chart-grid{gap:14px;margin-top:14px}.employee-chart-panel{padding:14px;border-radius:18px}.employee-chart-panel .panel-header{flex-direction:column;align-items:flex-start;gap:6px}.employee-chart-panel .panel-header h3{font-size:16px;line-height:1.35}.chart-panel-note{font-size:11px}.employee-chart-pie-shell-polished,.employee-chart-line-shell{padding-top:4px}.employee-chart-glow{width:120px;height:120px;filter:blur(28px);opacity:.22}.employee-chart-pie-center{padding:10px 12px}.employee-chart-pie-center strong{font-size:26px}.employee-chart-pie-center small{font-size:11px}.employee-chart-legend-grid{grid-template-columns:1fr;gap:8px}.employee-chart-legend-item{padding:10px 12px;border-radius:14px}.employee-chart-legend-item b{font-size:16px}.employee-trend-highlight-row{grid-template-columns:1fr;gap:10px}.employee-trend-highlight-card{padding:12px 14px;border-radius:16px}.employee-trend-highlight-card strong{font-size:24px}.employee-chart-line .recharts-legend-wrapper{position:static!important;margin-top:6px}.employee-chart-line .recharts-default-legend{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:flex-start!important;font-size:12px}.employee-chart-line .recharts-cartesian-axis-tick-value{font-size:11px}.employee-chart-line .recharts-xAxis .recharts-cartesian-axis-tick:nth-child(2n){display:none}.dashboard-chart-tooltip{min-width:150px;padding:10px 12px}}@media(max-width:640px){.employee-chart-panel{padding:12px}.employee-chart-pie-shell-polished .recharts-responsive-container,.employee-chart-line-shell .recharts-responsive-container{min-height:unset}.employee-chart-glow{display:none}.employee-chart-pie-center{padding:8px 10px;gap:2px}.employee-chart-pie-center span{font-size:10px}.employee-chart-pie-center strong{font-size:22px}.employee-chart-pie-center small{font-size:10px}.employee-chart-legend-item{grid-template-columns:auto 1fr;align-items:flex-start}.employee-chart-legend-item b{grid-column:2;justify-self:flex-start;font-size:15px;margin-top:2px}.employee-trend-highlight-card span{font-size:11px}.employee-trend-highlight-card strong{font-size:22px}.employee-chart-line .recharts-surface,.employee-chart-pie .recharts-surface{overflow:visible}.employee-chart-line .recharts-cartesian-axis-tick-value,.employee-chart-line .recharts-legend-item-text{font-size:11px}.employee-chart-line .recharts-xAxis .recharts-cartesian-axis-tick:nth-child(odd){display:none}.employee-chart-line .recharts-cartesian-axis-tick,.employee-chart-line .recharts-legend-item{transform:translateY(0)}.employee-chart-line .recharts-curve.recharts-tooltip-cursor{stroke-width:1}.employee-chart-pie-shell-polished{padding-bottom:0}.dashboard-chart-tooltip{min-width:136px;padding:9px 10px}.dashboard-chart-tooltip-item{gap:6px;font-size:12px}}.dynamic-assignee-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}.kpi-admin-panel{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;box-shadow:0 16px 34px #0f172a0f}.kpi-template-panel:before{background:linear-gradient(90deg,#4f46e5,#60a5fa)}.kpi-period-panel:before{background:linear-gradient(90deg,#0f766e,#34d399)}.kpi-review-layout{display:grid;grid-template-columns:360px 1fr;gap:20px;margin-top:20px;align-items:start}.kpi-review-sidebar,.kpi-review-detail-panel{min-height:420px}.kpi-review-sidebar-panel,.kpi-review-detail-shell{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;box-shadow:0 18px 36px #0f172a0f}.kpi-review-sidebar-panel:before{background:linear-gradient(90deg,#2563eb,#38bdf8)}.kpi-review-detail-shell:before{background:linear-gradient(90deg,#0f766e,#2dd4bf)}.kpi-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.kpi-filter-grid select,.kpi-item-editor select,.kpi-template-editor input,.kpi-template-editor select,.kpi-template-editor textarea,.kpi-period-editor input,.kpi-period-editor select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #dbe3f0;background:#fff}.kpi-mini-stats{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.kpi-mini-stats .stat-card{padding:14px;border:1px solid #e0e7ff;background:linear-gradient(180deg,#fff,#f8fbff)}.kpi-mini-stats .stat-card strong{font-size:22px}.kpi-review-list{max-height:720px;overflow:auto;padding-right:4px}.kpi-review-card{width:100%;border:1px solid #dbe3f0;background:linear-gradient(180deg,#fff,#f8fbff);color:#0f172a;border-radius:18px;padding:15px;text-align:left;display:flex;flex-direction:column;gap:7px;box-shadow:0 10px 22px #0f172a0d}.kpi-review-card.active{border-color:#60a5fa;background:linear-gradient(180deg,#eff6ff,#f8fbff);box-shadow:0 0 0 2px #60a5fa2e,0 14px 28px #2563eb1f}.kpi-review-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.kpi-review-detail{display:flex;flex-direction:column;gap:16px}.kpi-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-summary-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,#fff,#f4f9ff);border:1px solid #dbeafe;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 1px #ffffffe6}.kpi-summary-card span{font-size:13px;color:#64748b}.kpi-summary-card strong{font-size:24px;color:#0f172a}.kpi-review-note-box{padding:14px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #dbeafe}.kpi-review-note-box label{font-weight:700;color:#334155}.kpi-group-stack{display:flex;flex-direction:column;gap:16px}.kpi-group-card{padding:16px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #dbeafe;box-shadow:0 12px 28px #0f172a0d}.kpi-item-stack{display:flex;flex-direction:column;gap:12px}.kpi-item-card{padding:15px;border-radius:18px;background:#fff;border:1px solid #dbe3f0;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 22px #0f172a0a}.kpi-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.kpi-item-head strong{display:block;margin-bottom:6px}.kpi-item-head span{color:#64748b;font-size:13px;line-height:1.45}.kpi-item-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi-item-metrics span{padding:11px 12px;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e0e7ff;font-size:13px;color:#334155;line-height:1.45}.kpi-item-editor{display:grid;grid-template-columns:1fr 160px;gap:10px;align-items:center}.kpi-item-editor.single-column{grid-template-columns:1fr}.kpi-auto-score-pill{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#eff6ff,#fff);border:1px solid #bfdbfe;color:#1d4ed8;font-weight:700;min-height:44px}.kpi-auto-score-pill.auto{justify-content:flex-start;padding:12px 14px;background:linear-gradient(180deg,#ecfeff,#fff);border-color:#99f6e4;color:#0f766e}.kpi-item-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-item-notes textarea{min-height:84px}.kpi-item-actions{justify-content:flex-end}.kpi-admin-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:20px}.kpi-template-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}.kpi-template-list{max-height:520px;overflow:auto;padding-right:4px}.kpi-template-card{width:100%;border:1px solid #dbe3f0;background:linear-gradient(180deg,#fff,#f8fbff);color:#0f172a;border-radius:18px;padding:15px;text-align:left;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 22px #0f172a0d}.kpi-template-card.active{border-color:#60a5fa;background:linear-gradient(180deg,#eff6ff,#f8fbff);box-shadow:0 0 0 2px #60a5fa2e,0 14px 28px #2563eb1f}.kpi-template-detail{min-height:240px}.kpi-template-detail-card{padding:4px 0}.kpi-template-detail-card .mini-list{max-height:420px;overflow:auto;padding-right:4px}.kpi-template-editor,.kpi-period-editor{margin-bottom:16px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #dbeafe;box-shadow:inset 0 1px #ffffffeb}.kpi-template-item-form-list{display:flex;flex-direction:column;gap:12px}.kpi-template-item-form{padding:14px;border-radius:18px;background:#fff;border:1px solid #dbe3f0;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 20px #0f172a0a}.kpi-overview-row,.kpi-template-item-row,.kpi-period-row{position:relative;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;box-shadow:0 8px 18px #0f172a0a}.kpi-overview-row:before,.kpi-template-item-row:before,.kpi-period-row:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:999px;background:linear-gradient(180deg,#60a5fa,#2dd4bf)}.kpi-template-card strong,.kpi-review-card strong,.kpi-overview-row strong,.kpi-period-row strong{letter-spacing:.1px}.kpi-template-card{position:relative;overflow:hidden}.kpi-template-tone-staff:before,.kpi-template-tone-deputy:before,.kpi-template-tone-head:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:18px 0 0 18px}.kpi-template-tone-staff:before{background:linear-gradient(180deg,#2563eb,#38bdf8)}.kpi-template-tone-deputy:before{background:linear-gradient(180deg,#7c3aed,#60a5fa)}.kpi-template-tone-head:before{background:linear-gradient(180deg,#0f766e,#34d399)}.kpi-inline-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.kpi-soft-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#eef4ff;color:#31558f;border:1px solid rgba(147,197,253,.35);font-size:12px;font-weight:700}.kpi-soft-badge.success{background:#ecfdf5;color:#0f766e;border-color:#34d39959}.kpi-summary-card:nth-child(1){background:linear-gradient(180deg,#eff6ff,#fff)}.kpi-summary-card:nth-child(2){background:linear-gradient(180deg,#f5f3ff,#fff)}.kpi-summary-card:nth-child(3){background:linear-gradient(180deg,#ecfeff,#fff)}.kpi-summary-card:nth-child(4){background:linear-gradient(180deg,#f0fdf4,#fff)}.kpi-review-card span,.kpi-template-card span,.kpi-period-row span,.kpi-overview-row span{line-height:1.5}.kpi-review-detail .panel-header h3,.kpi-template-detail-card .panel-header h3{letter-spacing:.1px}.kpi-item-card textarea,.kpi-template-editor textarea,.kpi-period-editor textarea{background:#fff}.kpi-template-editor .setting-field label,.kpi-period-editor .setting-field label{color:#334155;font-weight:700}@media(max-width:1200px){.kpi-admin-overview-grid,.kpi-review-layout,.kpi-template-layout{grid-template-columns:1fr}.kpi-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.kpi-review-list,.kpi-template-list{max-height:none}.kpi-filter-grid,.kpi-item-editor,.kpi-item-notes,.kpi-item-metrics,.kpi-summary-grid{grid-template-columns:1fr}.kpi-item-head{flex-direction:column}}@media(max-width:640px){.kpi-mini-stats{grid-template-columns:1fr}.kpi-summary-card strong{font-size:22px}}.dynamic-assignee-grid .employee-chip{padding:14px;border-radius:16px;border:1px solid #dbe3f0;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 24px #0f172a0f;gap:8px;align-items:stretch}.dynamic-assignee-grid .employee-chip>span{font-size:15px;font-weight:700;color:#0f172a;line-height:1.35}.dynamic-assignee-grid .employee-chip>small{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:5px 10px;border-radius:999px;background:#eef4ff;color:#31558f;font-size:12px;line-height:1.35;white-space:normal}.dynamic-assignee-grid .employee-chip .row-actions{margin-top:4px;justify-content:flex-start}.dynamic-assignee-grid .employee-chip .row-actions button{min-height:32px;padding:7px 12px;border-radius:10px}.dynamic-assignee-grid .employee-chip .row-actions .danger{background:#dc2626}@media(max-width:768px){.dynamic-assignee-grid{grid-template-columns:1fr;gap:10px}.dynamic-assignee-grid .employee-chip{padding:12px;border-radius:14px}.dynamic-assignee-grid .employee-chip>span{font-size:14px}.dynamic-assignee-grid .employee-chip .row-actions{flex-direction:column;align-items:stretch}.dynamic-assignee-grid .employee-chip .row-actions button{width:100%}}.employee-grid-polished,.dynamic-assignee-grid,.employee-select.card.create-employee-grid{gap:12px}.employee-grid-polished .employee-chip,.dynamic-assignee-grid .employee-chip,.employee-select.card.create-employee-grid .employee-chip{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:92px;padding:13px 14px;border-radius:16px;border:1px solid #dbe3f0;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 24px #0f172a0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.employee-grid-polished .employee-chip:hover,.dynamic-assignee-grid .employee-chip:hover,.employee-select.card.create-employee-grid .employee-chip:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 12px 28px #2563eb1a}.employee-grid-polished .employee-chip.selected,.dynamic-assignee-grid .employee-chip.selected,.employee-select.card.create-employee-grid .employee-chip.selected{border-color:#60a5fa;background:linear-gradient(180deg,#eff6ff,#f8fbff);box-shadow:0 0 0 2px #60a5fa2e,0 12px 28px #2563eb1a}.employee-grid-polished .employee-chip>span,.dynamic-assignee-grid .employee-chip>span,.employee-select.card.create-employee-grid .employee-chip>span{font-size:14px;font-weight:700;line-height:1.35;color:#0f172a;word-break:break-word}.employee-grid-polished .employee-chip>small,.dynamic-assignee-grid .employee-chip>small,.employee-select.card.create-employee-grid .employee-chip>small{display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;border-radius:999px;background:#eef4ff;color:#31558f;font-size:11.5px;line-height:1.35;white-space:normal;word-break:break-word}.employee-grid-polished .employee-chip input,.dynamic-assignee-grid .employee-chip input,.employee-select.card.create-employee-grid .employee-chip input{margin:0 0 2px}.employee-grid-polished .employee-chip .row-actions,.dynamic-assignee-grid .employee-chip .row-actions,.employee-select.card.create-employee-grid .employee-chip .row-actions{margin-top:auto;width:100%;justify-content:flex-start}.employee-grid-polished .employee-chip .row-actions button,.dynamic-assignee-grid .employee-chip .row-actions button,.employee-select.card.create-employee-grid .employee-chip .row-actions button{min-height:32px;padding:7px 12px;border-radius:10px}.task-create-panel .employee-select.card.create-employee-grid,.employee-select.card.create-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.task-create-panel .employee-select.card.create-employee-grid .compact-employee-chip,.employee-select.card.create-employee-grid .compact-employee-chip{min-height:86px;padding:11px 12px;border-radius:14px;justify-content:flex-start}.task-create-panel .employee-select.card.create-employee-grid .compact-employee-chip>span,.employee-select.card.create-employee-grid .compact-employee-chip>span{font-size:14px}.task-create-panel .employee-select.card.create-employee-grid .compact-employee-chip>small,.employee-select.card.create-employee-grid .compact-employee-chip>small{font-size:11px;-webkit-line-clamp:2}@media(max-width:768px){.employee-grid-polished,.dynamic-assignee-grid,.employee-select.card.create-employee-grid{gap:10px}.employee-grid-polished .employee-chip,.dynamic-assignee-grid .employee-chip,.employee-select.card.create-employee-grid .employee-chip{min-height:84px;padding:11px 12px;border-radius:14px}.employee-grid-polished .employee-chip>span,.dynamic-assignee-grid .employee-chip>span,.employee-select.card.create-employee-grid .employee-chip>span{font-size:13.5px}.employee-grid-polished .employee-chip>small,.dynamic-assignee-grid .employee-chip>small,.employee-select.card.create-employee-grid .employee-chip>small{font-size:10.5px}.dynamic-assignee-grid .employee-chip .row-actions{flex-direction:column;align-items:stretch}.dynamic-assignee-grid .employee-chip .row-actions button{width:100%}}.assignee-summary-box{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:16px;border:1px solid #dbe7f5;background:linear-gradient(180deg,#f8fbff,#fff);box-shadow:inset 0 1px #ffffffd9}.assignee-summary-box strong{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:.2px}.assignee-summary-box span{font-size:13px;line-height:1.5;color:#475569}.whole-department-toggle{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid #d8f3ea;background:linear-gradient(180deg,#f2fffb,#fff);box-shadow:0 8px 20px #0f766e0f;cursor:pointer}.whole-department-toggle input{width:18px;height:18px;margin-top:2px;accent-color:#0f766e;flex:0 0 auto}.whole-department-toggle>div{display:flex;flex-direction:column;gap:5px;min-width:0}.whole-department-toggle strong{font-size:13px;font-weight:800;color:#0f766e}.whole-department-toggle span{font-size:13px;line-height:1.5;color:#4b5563}.whole-department-toggle:hover{border-color:#99f6e4;box-shadow:0 12px 24px #0f766e1a}.whole-department-toggle:has(input:checked){border-color:#2dd4bf;background:linear-gradient(180deg,#ecfeff,#f8fffe)}.mini-row strong{line-height:1.45}@media(max-width:768px){.assignee-summary-box,.whole-department-toggle{padding:11px 12px;border-radius:14px}.assignee-summary-box strong,.whole-department-toggle strong,.assignee-summary-box span,.whole-department-toggle span{font-size:12.5px}}.employee-grid-polished .employee-chip,.dynamic-assignee-grid .employee-chip,.employee-select.card.create-employee-grid .employee-chip{border-color:#d7e4f5;background:linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 10px 24px #0f172a12,inset 0 1px #ffffffeb}.employee-grid-polished .employee-chip:before,.dynamic-assignee-grid .employee-chip:before,.employee-select.card.create-employee-grid .employee-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#60a5fa,#38bdf8,#22c55e);opacity:.9}.employee-grid-polished .employee-chip:hover,.dynamic-assignee-grid .employee-chip:hover,.employee-select.card.create-employee-grid .employee-chip:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 16px 32px #2563eb1f,inset 0 1px #ffffffeb}.employee-grid-polished .employee-chip.selected,.dynamic-assignee-grid .employee-chip.selected,.employee-select.card.create-employee-grid .employee-chip.selected{border-color:#60a5fa;background:linear-gradient(180deg,#eef6ff,#f8fbff);box-shadow:0 0 0 2px #60a5fa2e,0 16px 34px #2563eb24}.employee-grid-polished .employee-chip.selected:before,.dynamic-assignee-grid .employee-chip.selected:before,.employee-select.card.create-employee-grid .employee-chip.selected:before{background:linear-gradient(90deg,#2563eb,#0ea5e9,#14b8a6)}.employee-grid-polished .employee-chip>span,.dynamic-assignee-grid .employee-chip>span,.employee-select.card.create-employee-grid .employee-chip>span{margin-top:2px}.employee-grid-polished .employee-chip>small,.dynamic-assignee-grid .employee-chip>small,.employee-select.card.create-employee-grid .employee-chip>small{background:#dbeafeb8;border:1px solid rgba(147,197,253,.45)}@media(max-width:768px){.employee-grid-polished .employee-chip:before,.dynamic-assignee-grid .employee-chip:before,.employee-select.card.create-employee-grid .employee-chip:before{border-radius:14px 14px 0 0}}.duty-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.duty-option-chip{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:54px;padding:10px 12px;border-radius:14px;border:1px solid #d8e3f2;background:linear-gradient(180deg,#fff,#f7faff);box-shadow:0 8px 20px #0f172a0d}.duty-option-chip:before{display:none}.duty-option-chip input{width:16px;height:16px;margin:0;accent-color:#2563eb;flex:0 0 auto}.duty-option-chip span{font-size:14px;font-weight:600;line-height:1.35;color:#0f172a}.duty-option-chip:hover{transform:translateY(-1px);border-color:#93c5fd;box-shadow:0 12px 24px #2563eb1a}.duty-option-chip:has(input:checked){border-color:#60a5fa;background:linear-gradient(180deg,#eff6ff,#f8fbff);box-shadow:0 0 0 2px #60a5fa29,0 12px 24px #2563eb1a}@media(max-width:768px){.duty-option-grid{grid-template-columns:1fr;gap:8px}.duty-option-chip{min-height:50px;padding:9px 11px;border-radius:12px}.duty-option-chip span{font-size:13.5px}}.task-card{position:relative;background:linear-gradient(180deg,#fcfdff,#fff);box-shadow:0 8px 20px #0f172a0d;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease}.task-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:16px 0 0 16px;background:#cbd5e1}.task-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0f172a14}.task-card.task-deadline-normal{border-color:#dbe3f0;background:linear-gradient(180deg,#fcfdff,#fff)}.task-card.task-deadline-normal:before{background:linear-gradient(180deg,#93c5fd,#60a5fa)}.task-card.task-deadline-warning{border-color:#f6d88f;background:linear-gradient(180deg,#fffdf3,#fff9e8);box-shadow:0 10px 24px #f59e0b1f}.task-card.task-deadline-warning:before{background:linear-gradient(180deg,#f59e0b,#facc15)}.task-card.task-deadline-warning .task-head h4,.task-card.task-deadline-warning .task-meta strong{color:#92400e}.task-card.task-deadline-danger{border-color:#f5b4b4;background:linear-gradient(180deg,#fff7f7,#fff0f0);box-shadow:0 10px 24px #dc26261f}.task-card.task-deadline-danger:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.task-card.task-deadline-danger .task-head h4,.task-card.task-deadline-danger .task-meta strong{color:#991b1b}.task-card.task-deadline-warning .badge.medium,.task-card.task-deadline-danger .badge.medium,.task-card.task-deadline-danger .badge.high{box-shadow:inset 0 0 0 1px #ffffff59}.task-group{margin-top:16px;padding:16px;border-radius:20px;border:1px solid #dbe3f0;background:linear-gradient(180deg,#f8fbff,#fff)}.task-group:first-of-type{margin-top:0}.task-group .panel-header{margin-bottom:12px}.task-group .panel-header h3{display:inline-flex;align-items:center;gap:8px;margin:0}.task-group .panel-header h3:before{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.2px}.task-group>.panel-header>div>span,.task-group>.panel-header>span{color:#64748b;font-size:13px;line-height:1.45}.task-group .task-list{padding-right:2px}.task-group .empty-state{background:#ffffffb8}.task-group:not(.submitted-group):not(.completed-group){border-color:#bfdbfe;background:linear-gradient(180deg,#f2f8ff,#fff);box-shadow:inset 0 1px #fffc}.task-group:not(.submitted-group):not(.completed-group)>.panel-header h3{color:#1d4ed8}.task-group:not(.submitted-group):not(.completed-group)>.panel-header h3:before{content:"ĐANG XỬ LÝ";background:#dbeafe;color:#1d4ed8}.task-group.submitted-group{border-color:#ddd6fe;background:linear-gradient(180deg,#f7f5ff,#fff)}.task-group.submitted-group>.panel-header h3{color:#6d28d9}.task-group.submitted-group>.panel-header h3:before{content:"CHỜ DUYỆT";background:#ede9fe;color:#6d28d9}.task-group.completed-group{border-color:#bbf7d0;background:linear-gradient(180deg,#f2fff7,#fff)}.task-group.completed-group>.panel-header h3{color:#15803d}.task-group.completed-group>.panel-header h3:before{content:"HOÀN THÀNH";background:#dcfce7;color:#166534}@media(max-width:768px){.task-group{margin-top:14px;padding:12px;border-radius:16px}.task-group .panel-header h3{flex-direction:column;align-items:flex-start;gap:6px}.task-group .panel-header h3:before{font-size:10px;padding:4px 8px}}.document-week-filter{margin:14px 0 10px;gap:12px;align-items:center;background:linear-gradient(180deg,#f8fbff,#fff)}.document-week-filter strong{color:#0f172a}.document-week-filter .row-actions{margin-left:auto}.document-week-filter input{min-width:160px}@media(max-width:768px){.document-week-filter,.document-week-filter .row-actions{flex-direction:column;align-items:stretch}.document-week-filter .row-actions{margin-left:0;width:100%}.document-week-filter input,.document-week-filter button{width:100%}}.document-section-group{margin-top:16px;padding:16px;border-radius:20px;border:1px solid #dbe3f0;background:linear-gradient(180deg,#f8fbff,#fff);box-shadow:inset 0 1px #ffffffd9}.document-section-group:first-of-type{margin-top:0}.document-section-group .panel-header{margin-bottom:12px}.document-section-group .panel-header h3{display:inline-flex;align-items:center;gap:8px;margin:0}.document-section-group .panel-header h3:before{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.2px}.document-section-group .panel-header span{color:#64748b;font-size:13px;line-height:1.45}.document-section-active{border-color:#bfdbfe;background:linear-gradient(180deg,#f2f8ff,#fff)}.document-section-active .panel-header h3{color:#1d4ed8}.document-section-active .panel-header h3:before{content:"ĐANG THỰC HIỆN";background:#dbeafe;color:#1d4ed8}.document-section-overdue{border-color:#fecaca;background:linear-gradient(180deg,#fff5f5,#fff)}.document-section-overdue .panel-header h3{color:#b91c1c}.document-section-overdue .panel-header h3:before{content:"QUÁ HẠN";background:#fee2e2;color:#b91c1c}.document-section-done{border-color:#bbf7d0;background:linear-gradient(180deg,#f2fff7,#fff)}.document-section-done .panel-header h3{color:#15803d}.document-section-done .panel-header h3:before{content:"HOÀN THÀNH";background:#dcfce7;color:#166534}@media(max-width:768px){.document-section-group{margin-top:14px;padding:12px;border-radius:16px}.document-section-group .panel-header h3{flex-direction:column;align-items:flex-start;gap:6px}.document-section-group .panel-header h3:before{font-size:10px;padding:4px 8px}}.proposal-group{margin-top:16px;padding:16px;border-radius:20px;border:1px solid #dbe3f0;background:linear-gradient(180deg,#f8fbff,#fff);box-shadow:inset 0 1px #ffffffd9}.proposal-group:first-of-type{margin-top:0}.proposal-group .panel-header{margin-bottom:12px}.proposal-group .panel-header h3{display:inline-flex;align-items:center;gap:8px;margin:0}.proposal-group .panel-header h3:before{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.2px}.proposal-group-pending{border-color:#ddd6fe;background:linear-gradient(180deg,#f7f5ff,#fff)}.proposal-group-pending .panel-header h3{color:#6d28d9}.proposal-group-pending .panel-header h3:before{content:"CHỜ DUYỆT";background:#ede9fe;color:#6d28d9}.proposal-group-revision{border-color:#fde68a;background:linear-gradient(180deg,#fffbea,#fff)}.proposal-group-revision .panel-header h3{color:#b45309}.proposal-group-revision .panel-header h3:before{content:"CẦN CHỈNH SỬA";background:#fef3c7;color:#b45309}.proposal-group-approved{border-color:#bbf7d0;background:linear-gradient(180deg,#f2fff7,#fff)}.proposal-group-approved .panel-header h3{color:#15803d}.proposal-group-approved .panel-header h3:before{content:"ĐÃ DUYỆT";background:#dcfce7;color:#166534}@media(max-width:768px){.proposal-group{margin-top:14px;padding:12px;border-radius:16px}.proposal-group .panel-header h3{flex-direction:column;align-items:flex-start;gap:6px}.proposal-group .panel-header h3:before{font-size:10px;padding:4px 8px}}.weekly-layout{display:flex;flex-direction:column;gap:18px}.weekly-desktop-layout{display:block}.weekly-mobile-layout{display:none}.weekly-header-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 18px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #dbeafe}.weekly-table-shell{border:1px solid #dbe3f0;border-radius:22px;overflow:auto;background:#fff;box-shadow:0 14px 36px #0f172a14}.weekly-table-wrap{width:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.weekly-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.weekly-table th{position:sticky;top:0;z-index:1;padding:16px 14px;text-align:left;font-size:13px;font-weight:800;color:#0f172a;background:#e2e8f0;border-bottom:1px solid #cbd5e1}.weekly-table td{padding:16px 14px;vertical-align:top;border-bottom:1px solid rgba(148,163,184,.24)}.weekly-table tbody tr:last-child td{border-bottom:none}.weekly-day-cell{min-width:170px;font-weight:800;color:#0f172a}.weekly-time-cell{min-width:150px;font-weight:700;color:#1e293b}.weekly-assignee-cell{min-width:220px;font-weight:600;color:#0f172a}.weekly-detail-stack{display:flex;flex-direction:column;gap:6px;line-height:1.55}.weekly-detail-stack strong{color:#0f172a}.weekly-detail-stack span{color:#334155}.weekly-row-0 td{background:linear-gradient(90deg,#eff6ff,#fff 72%)}.weekly-row-1 td{background:linear-gradient(90deg,#ecfeff,#fff 72%)}.weekly-row-2 td{background:linear-gradient(90deg,#f0fdf4,#fff 72%)}.weekly-row-3 td{background:linear-gradient(90deg,#fff7ed,#fff 72%)}.weekly-row-4 td{background:linear-gradient(90deg,#fdf4ff,#fff 72%)}.weekly-row-5 td{background:linear-gradient(90deg,#fefce8,#fff 72%)}.weekly-row-6 td{background:linear-gradient(90deg,#f1f5f9,#fff 72%)}.weekly-mobile-cards{display:flex;flex-direction:column;gap:14px}.weekly-mobile-group{border-radius:20px;border:1px solid #dbe3f0;overflow:hidden;background:#fff;box-shadow:0 10px 28px #0f172a14}.weekly-mobile-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.weekly-mobile-group-head strong{display:block;color:#0f172a;margin-bottom:4px}.weekly-mobile-group-head span{font-size:13px;color:#475569}.weekly-collapse-btn{border:1px solid rgba(15,23,42,.08);background:#ffffffe6;color:#0f172a;font-weight:700}.weekly-mobile-group-body{display:flex;flex-direction:column;gap:12px;padding:0 12px 12px}.weekly-mobile-card{border-radius:18px;padding:14px;border:1px solid rgba(148,163,184,.22);box-shadow:0 8px 22px #0f172a12}.weekly-mobile-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.weekly-mobile-day-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#ffffffd1;color:#0f172a}.weekly-mobile-time{font-size:12px;font-weight:800;color:#1e293b}.weekly-mobile-title{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:8px}.weekly-mobile-text{color:#334155;line-height:1.55;margin-top:6px}.weekly-mobile-card-0{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.weekly-mobile-card-1{background:linear-gradient(135deg,#cffafe,#ecfeff)}.weekly-mobile-card-2{background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.weekly-mobile-card-3{background:linear-gradient(135deg,#fed7aa,#fff7ed)}.weekly-mobile-card-4{background:linear-gradient(135deg,#f5d0fe,#fdf4ff)}.weekly-mobile-card-5{background:linear-gradient(135deg,#fef08a,#fefce8)}.weekly-mobile-card-6{background:linear-gradient(135deg,#e2e8f0,#f8fafc)}.weekly-mobile-group-0 .weekly-mobile-group-head{background:linear-gradient(135deg,#bfdbfe,#dbeafe)}.weekly-mobile-group-1 .weekly-mobile-group-head{background:linear-gradient(135deg,#a5f3fc,#cffafe)}.weekly-mobile-group-2 .weekly-mobile-group-head{background:linear-gradient(135deg,#bbf7d0,#dcfce7)}.weekly-mobile-group-3 .weekly-mobile-group-head{background:linear-gradient(135deg,#fdba74,#fed7aa)}.weekly-mobile-group-4 .weekly-mobile-group-head{background:linear-gradient(135deg,#f0abfc,#f5d0fe)}.weekly-mobile-group-5 .weekly-mobile-group-head{background:linear-gradient(135deg,#fde047,#fef08a)}.weekly-mobile-group-6 .weekly-mobile-group-head{background:linear-gradient(135deg,#cbd5e1,#e2e8f0)}@media(max-width:768px){.weekly-desktop-layout{display:none}.weekly-mobile-layout{display:block}.weekly-header-banner{flex-direction:column;align-items:flex-start;padding:12px 14px;margin:14px 0 16px}.weekly-mobile-group-head,.weekly-mobile-card-top{flex-direction:column;align-items:flex-start}.weekly-collapse-btn{width:100%}}.app-shell.is-mobile-shell,.app-shell-separated.is-mobile-shell{grid-template-columns:1fr;height:100dvh;overflow:hidden;background:#f3f6fb}.app-shell.is-mobile-shell .sidebar,.app-shell-separated.is-mobile-shell .sidebar{display:none}.app-shell.is-mobile-shell .main-content,.app-shell-separated.is-mobile-shell .main-content{height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:0}.app-shell.is-mobile-shell .main-content-shell,.app-shell-separated.is-mobile-shell .main-content-shell{min-height:auto;border:none;border-radius:0;box-shadow:none;background:transparent;padding:0}.app-shell.is-mobile-shell .mobile-topbar,.app-shell-separated.is-mobile-shell .mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin-bottom:0;position:sticky;top:0;left:0;right:0;z-index:35;padding:14px;background:#f3f6fbf5;backdrop-filter:blur(10px);border-bottom:1px solid rgba(219,227,240,.95)}.app-shell.is-mobile-shell .mobile-nav-backdrop,.app-shell-separated.is-mobile-shell .mobile-nav-backdrop{display:block;position:fixed;inset:0;background:#0f172a73;z-index:40}.app-shell.is-mobile-shell .mobile-nav-sheet.mobile-nav-drawer,.app-shell-separated.is-mobile-shell .mobile-nav-sheet.mobile-nav-drawer{display:block;position:fixed;top:0;left:0;height:100vh;width:min(86vw,340px);margin:0;border-radius:0 20px 20px 0;z-index:41;overflow-y:auto;box-shadow:0 24px 80px #0f172a4d}.app-shell.is-mobile-shell .stats-grid,.app-shell.is-mobile-shell .compact-mobile-grid,.app-shell-separated.is-mobile-shell .stats-grid,.app-shell-separated.is-mobile-shell .compact-mobile-grid{grid-template-columns:repeat(2,1fr)}.app-shell.is-mobile-shell .content-grid,.app-shell.is-mobile-shell .content-grid.bottom,.app-shell.is-mobile-shell .dashboard-split,.app-shell.is-mobile-shell .mobile-single-column,.app-shell-separated.is-mobile-shell .content-grid,.app-shell-separated.is-mobile-shell .content-grid.bottom,.app-shell-separated.is-mobile-shell .dashboard-split,.app-shell-separated.is-mobile-shell .mobile-single-column{grid-template-columns:1fr}.app-shell.is-mobile-shell .task-create-panel,.app-shell-separated.is-mobile-shell .task-create-panel{order:-1}.app-shell.is-mobile-shell .task-meta,.app-shell-separated.is-mobile-shell .task-meta{grid-template-columns:1fr 1fr}.app-shell.is-mobile-shell .workspace-header,.app-shell-separated.is-mobile-shell .workspace-header{position:static;top:auto;background:transparent;backdrop-filter:none;padding-top:0}.app-shell.is-mobile-shell .workspace-header-topline,.app-shell-separated.is-mobile-shell .workspace-header-topline{padding:0}.app-shell.is-mobile-shell .hero-polished,.app-shell-separated.is-mobile-shell .hero-polished{padding:20px;border-radius:22px}.app-shell.is-mobile-shell .employee-dashboard-hero,.app-shell-separated.is-mobile-shell .employee-dashboard-hero,.app-shell.is-mobile-shell .employee-dashboard-chart-grid,.app-shell-separated.is-mobile-shell .employee-dashboard-chart-grid,.app-shell.is-mobile-shell .leader-command-board,.app-shell-separated.is-mobile-shell .leader-command-board{grid-template-columns:1fr;gap:16px}.app-shell.is-mobile-shell .personal-section,.app-shell-separated.is-mobile-shell .personal-section{padding:18px}.app-shell.is-mobile-shell .employee-summary-board-grid-compact,.app-shell-separated.is-mobile-shell .employee-summary-board-grid-compact,.app-shell.is-mobile-shell .room-summary-grid,.app-shell-separated.is-mobile-shell .room-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell.is-mobile-shell .room-summary-unified,.app-shell-separated.is-mobile-shell .room-summary-unified,.app-shell.is-mobile-shell .employee-dashboard-summary-unified,.app-shell-separated.is-mobile-shell .employee-dashboard-summary-unified{margin-bottom:16px}@page{size:A4 landscape;margin:10mm}@media print{html,body,.app-shell,.main-content,.panel,.weekly-layout,.weekly-desktop-layout,.weekly-table-shell,.weekly-table-wrap{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}body{background:#fff!important}.sidebar,.mobile-topbar,.mobile-nav-sheet,.mobile-nav-backdrop,.weekly-mobile-layout,.weekly-collapse-btn,.panel-header .row-actions{display:none!important}.app-shell{display:block!important}.main-content{padding:0!important}.panel{padding:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.weekly-desktop-layout{display:block!important}.weekly-header-banner{margin:0 0 8px!important;padding:8px 10px!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important}.weekly-header-banner strong{font-size:14px!important}.weekly-header-banner span{font-size:11px!important}.weekly-table-shell{border:1px solid #cbd5e1!important;border-radius:0!important;box-shadow:none!important}.weekly-table{min-width:0!important;width:100%!important;table-layout:fixed;font-size:10.5px!important}.weekly-table thead{display:table-header-group}.weekly-table tfoot{display:table-footer-group}.weekly-table tr{page-break-inside:avoid;break-inside:avoid}.weekly-table th,.weekly-table td{-webkit-print-color-adjust:exact;print-color-adjust:exact;word-break:break-word;padding:7px 8px!important;line-height:1.3!important}.weekly-table th{position:static!important;background:#e2e8f0!important;font-size:10px!important}.weekly-table th:nth-child(1),.weekly-table td:nth-child(1){width:14%!important}.weekly-table th:nth-child(2),.weekly-table td:nth-child(2){width:11%!important}.weekly-table th:nth-child(3),.weekly-table td:nth-child(3){width:55%!important}.weekly-table th:nth-child(4),.weekly-table td:nth-child(4){width:20%!important}.weekly-day-cell{min-width:92px!important;font-size:10.5px!important}.weekly-time-cell{min-width:72px!important;font-size:10px!important}.weekly-assignee-cell{min-width:120px!important;font-size:10px!important}.weekly-detail-stack{gap:3px!important;font-size:10px!important}.weekly-detail-stack strong{font-size:11px!important}.weekly-day-cell,.weekly-time-cell,.weekly-assignee-cell,.weekly-detail-stack{page-break-inside:auto!important;break-inside:auto!important}}.sidebar-brand{display:flex;flex-direction:column;gap:10px}.sidebar-user-card{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center;padding:16px;border-radius:22px;background:linear-gradient(135deg,#2563eb3d,#0f172a75);border:1px solid rgba(191,219,254,.22);box-shadow:0 18px 34px #0206172e}.sidebar-user-avatar{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#ffffff24;border:1px solid rgba(255,255,255,.16);font-weight:800;font-size:20px;color:#fff;backdrop-filter:blur(8px)}.sidebar-user-avatar-logo{padding:4px;background:#fff;box-shadow:inset 0 0 0 1px #bfdbfe8c;overflow:hidden}.sidebar-brand-logo{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1.02)}.sidebar-user-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.sidebar-user-meta strong{font-size:16px;color:#fff;line-height:1.3}.sidebar-user-meta p,.sidebar-user-meta small{color:#cbd5e1}.sidebar-user-meta small{font-size:12px;line-height:1.4}.sidebar-user-app{display:inline-flex;align-self:flex-start;padding:5px 10px;border-radius:999px;background:#ffffff1f;font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#bfdbfe}.menu-group{display:flex;flex-direction:column;gap:8px}.menu-group-label{padding:0 4px;font-size:11px;font-weight:800;letter-spacing:.32px;text-transform:uppercase;color:#94a3b8}.menu-group-items{display:flex;flex-direction:column;gap:8px}.menu-group-utility{padding-top:2px;border-top:1px solid rgba(148,163,184,.12)}.menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.menu button:hover{transform:translate(2px);border-color:#93c5fd4d;background:#172554}.menu button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#bfdbfe73;box-shadow:0 14px 26px #2563eb47}.menu-button-main{display:inline-flex;align-items:center;gap:10px;min-width:0}.menu-button-main span:last-child{white-space:normal;line-height:1.35}.menu-icon,.mobile-nav-icon{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;font-size:15px;flex:none}.menu-badge{min-width:28px;height:28px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e;color:#fff;font-size:12px;font-weight:700}.sidebar-card-filter h3,.sidebar-card-account h3{display:flex;align-items:center;justify-content:space-between}.sidebar-card-filter h3:after{content:"Lọc";font-size:11px;font-weight:800;letter-spacing:.28px;text-transform:uppercase;color:#93c5fd}.sidebar-card-account h3:after{content:"Bảo mật";font-size:11px;font-weight:800;letter-spacing:.28px;text-transform:uppercase;color:#93c5fd}.mobile-nav-grid-wrap{display:flex;flex-direction:column;gap:14px}.mobile-nav-group{display:flex;flex-direction:column;gap:10px}.mobile-nav-group-label{font-size:12px;font-weight:800;letter-spacing:.28px;text-transform:uppercase;color:#64748b;padding:0 2px}.mobile-nav-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:88px}.mobile-nav-grid button small{font-size:11px;color:#64748b;font-weight:700}.mobile-nav-grid button.active small{color:#fffc}.mobile-nav-icon{background:#0f172a0f}.mobile-nav-grid button.active .mobile-nav-icon{background:#ffffff24}@media(max-width:1100px){.mobile-nav-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}}@media(max-width:768px){.mobile-nav-grid{grid-template-columns:1fr 1fr}.mobile-nav-grid button{min-height:82px}.mobile-nav-icon{width:26px;height:26px}}.main-content-shell{display:flex;flex-direction:column;gap:22px;position:relative}.workspace-header{display:flex;flex-direction:column;gap:12px;position:sticky;top:0;z-index:24;padding-top:2px;background:linear-gradient(180deg,#f7fafffa 0% 78%,#f7faff00);backdrop-filter:blur(10px)}.workspace-header.workspace-header-nonsticky{position:static;top:auto}.workspace-header-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 4px}.workspace-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#64748b;font-size:13px}.workspace-breadcrumb span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e8eef8;color:#475569;font-weight:700}.workspace-breadcrumb strong{color:#0f172a;font-size:14px}.workspace-status-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:800;letter-spacing:.2px}.hero-polished{margin-bottom:0;padding:22px 24px;border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 36px #0f172a0f}.hero-copy{display:flex;flex-direction:column;gap:8px;max-width:760px}.hero-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;padding:7px 12px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.24px;text-transform:uppercase}.hero-polished h2{margin:0;font-size:30px;line-height:1.15;color:#0f172a}.hero-polished p{color:#475569;line-height:1.6;max-width:720px}.hero-action-bar{justify-content:flex-end;gap:14px}.hero-action-buttons,.hero-context-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.context-chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dbe3f0;color:#334155;font-weight:700}.panel{border:1px solid rgba(219,227,240,.78)}.panel-header h3{color:#0f172a}.section-caption{line-height:1.5}@media(max-width:1100px){.workspace-header-topline{padding:0}.hero-polished{padding:20px;border-radius:22px}.workspace-header{position:static;top:auto;background:transparent;backdrop-filter:none;padding-top:0}}@media(max-width:768px){.main-content-shell{gap:18px}.workspace-header{gap:10px}.workspace-header-topline{flex-direction:column;align-items:flex-start}.hero-polished{padding:18px}.hero-copy{max-width:none}.hero-action-bar,.hero-action-buttons,.hero-context-meta{width:100%;justify-content:stretch}.hero-action-buttons button,.hero-context-meta .date-chip,.hero-context-meta .context-chip{width:100%;justify-content:center;text-align:center}.workspace-breadcrumb{gap:8px}.workspace-status-chip{width:100%;justify-content:center}}.employee-dashboard-hero{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:stretch}.employee-dashboard-summary-board{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:24px;padding:22px;box-shadow:0 18px 34px #2563eb14;display:flex;flex-direction:column;gap:16px}.employee-summary-board-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.employee-summary-board-head h4{margin:0;font-size:20px;color:#0f172a}.employee-summary-board-head span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800}.employee-summary-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.employee-summary-board-item{padding:16px;border-radius:18px;border:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;gap:6px;min-height:118px}.employee-summary-board-item span{font-size:13px;font-weight:700;color:#64748b}.employee-summary-board-item strong{font-size:30px;line-height:1;color:#0f172a}.employee-summary-board-item small{font-size:12px;line-height:1.45;color:#64748b}.employee-summary-board-item.tone-primary{background:linear-gradient(180deg,#f8fbff,#eef6ff);border-color:#bfdbfe}.employee-summary-board-item.tone-info{background:linear-gradient(180deg,#f8fbff,#eff6ff);border-color:#c7d2fe}.employee-summary-board-item.tone-success{background:linear-gradient(180deg,#f7fdf9,#ecfdf3);border-color:#bbf7d0}.employee-summary-board-item.tone-warning{background:linear-gradient(180deg,#fffaf0,#fff7e8);border-color:#fde68a}.employee-summary-board-item.tone-danger{background:linear-gradient(180deg,#fff7f7,#fff1f2);border-color:#fecaca}.employee-summary-board-item.tone-neutral{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.employee-chart-bar .recharts-bar-rectangle{filter:drop-shadow(0 10px 16px rgba(37,99,235,.12))}.employee-status-bar-grid{display:flex;flex-direction:column;gap:10px;margin-top:12px}.employee-status-bar-item{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid #e2e8f0;background:#ffffffe0}.employee-status-bar-item strong{font-size:13px;color:#334155}.employee-status-bar-item span{font-size:13px;font-weight:700;color:#0f172a}.employee-status-bar-track{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.employee-status-bar-fill{height:100%;border-radius:999px}.employee-chart-bar-shell{padding-bottom:4px}@media(max-width:1100px){.employee-dashboard-hero{grid-template-columns:1fr}.employee-summary-board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.employee-dashboard-summary-board{padding:18px;border-radius:20px}.employee-summary-board-grid{grid-template-columns:1fr 1fr;gap:10px}.employee-summary-board-item{padding:14px;min-height:104px}.employee-summary-board-item strong{font-size:26px}}@media(max-width:640px){.employee-summary-board-grid{grid-template-columns:1fr}.employee-summary-board-item{min-height:unset}.employee-summary-board-head{align-items:flex-start;flex-direction:column}}.personal-section{padding:20px}.employee-dashboard-summary-unified{margin-bottom:18px}.employee-dashboard-summary-card-compact{padding:22px 22px 20px;gap:18px}.employee-dashboard-summary-top-compact{align-items:flex-start}.employee-summary-period-chip{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}.employee-summary-board-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.employee-dashboard-chart-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}.employee-chart-panel{min-width:0}.employee-chart-pie-shell-polished,.employee-chart-bar-shell{padding:6px 0 2px}.employee-chart-pie-center strong{font-size:32px}.employee-chart-legend-grid{margin-top:10px}.employee-trend-highlight-row{margin-top:12px}.employee-status-bar-grid{margin-top:10px}.content-grid.bottom.dashboard-split{margin-top:18px}.nested-panel{padding:16px 18px}@media(min-width:1280px){.personal-section{padding:22px 24px}.employee-dashboard-summary-card-compact{padding:24px}.employee-dashboard-chart-grid{gap:20px}}@media(max-width:1100px){.personal-section{padding:18px}.employee-summary-board-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dashboard-chart-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:768px){.personal-section{padding:16px}.employee-dashboard-summary-card-compact{padding:18px;border-radius:20px}.employee-dashboard-summary-top-compact h4{font-size:28px}.employee-summary-board-grid-compact{grid-template-columns:1fr 1fr;gap:10px}.employee-dashboard-chart-grid{gap:14px}.employee-chart-panel,.nested-panel{padding:14px}}@media(max-width:640px){.employee-dashboard-summary-top-compact{gap:10px}.employee-summary-period-chip{width:100%;justify-content:center}.employee-summary-board-grid-compact{grid-template-columns:1fr}.employee-dashboard-summary-card-compact{padding:16px}.employee-chart-panel{padding:12px}.employee-chart-legend-grid{grid-template-columns:1fr}.employee-chart-panel .panel-header{margin-bottom:10px}}.employee-chart-canvas{width:100%;height:320px;min-height:320px;position:relative}.employee-chart-canvas .recharts-responsive-container{width:100%!important;height:100%!important;min-height:320px}.employee-chart-legend-grid-simple{margin-top:12px}@media(max-width:768px){.employee-chart-canvas{height:260px;min-height:260px}.employee-chart-canvas .recharts-responsive-container{min-height:260px}}@media(max-width:640px){.employee-chart-canvas{height:220px;min-height:220px}.employee-chart-canvas .recharts-responsive-container{min-height:220px}}.sidebar-card-inline h3{margin-bottom:6px}.sidebar-card-inline .task-form.compact-form{gap:8px}.sidebar-card-inline .ghost{width:100%;text-align:center;justify-content:center}.menu-group-utility .sidebar-card{background:#111c35e6}.menu-group-utility .sidebar-card input,.menu-group-utility .sidebar-card select{background:#0b1224}.menu-group-utility .sidebar-card button[type=submit]{width:100%}.menu-group-utility .sidebar-card .ghost{margin-top:4px}@media(max-width:1100px){.sidebar-card-inline{display:none}}.menu-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px;border:none;background:transparent;color:#94a3b8;text-align:left}.menu-group-toggle:hover{color:#cbd5e1}.menu-group-toggle .menu-group-label{padding:0}.menu-group-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#ffffff14;color:#fff;font-size:16px;font-weight:700;line-height:1}.sidebar-collapsible{overflow:hidden;transition:max-height .24s ease,opacity .24s ease,transform .24s ease,margin-top .24s ease,padding .24s ease,border-color .24s ease}.sidebar-collapsible.collapsed{max-height:0;opacity:0;transform:translateY(-6px);margin-top:0;padding-top:0;padding-bottom:0;border-color:transparent;pointer-events:none}.sidebar-collapsible.expanded{max-height:520px;opacity:1;transform:translateY(0)}.menu-group-toggle.expanded .menu-group-label{color:#cbd5e1}.menu-group-toggle.collapsed .menu-group-label{color:#94a3b8}@media(max-width:1100px){.menu-group-toggle,.sidebar-collapsible{display:none}}.employee-dashboard-summary-unified{display:block;width:100%;margin-bottom:18px}.employee-dashboard-summary-card-compact{width:100%;max-width:none}.employee-dashboard-summary-top-compact{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.employee-dashboard-summary-top-compact>div:first-child{flex:1 1 680px;max-width:none}.employee-dashboard-summary-top-compact p{max-width:none}.employee-summary-board-grid-compact{grid-template-columns:repeat(6,minmax(0,1fr));width:100%}@media(max-width:1440px){.employee-summary-board-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.employee-dashboard-summary-unified{margin-bottom:16px}.employee-dashboard-summary-card-compact{width:100%}.employee-summary-board-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.employee-dashboard-summary-top-compact{gap:10px}.employee-dashboard-summary-top-compact>div:first-child{flex-basis:100%}.employee-summary-board-grid-compact{grid-template-columns:1fr}}.room-summary-unified{margin:18px 0}.room-summary-card{width:100%;max-width:none;background:linear-gradient(135deg,#0f766e,#0f9f8c 56%,#38bdf8);box-shadow:0 22px 48px #0f766e38}.room-summary-card:after{background:#ffffff24}.room-summary-top p{max-width:none}.room-summary-eyebrow{background:#ffffff29}.room-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.room-summary-grid .employee-summary-board-item{background:#ffffffeb;border-color:#ffffff73;box-shadow:0 10px 22px #02061714}.room-summary-grid .employee-summary-board-item small{color:#64748b}.room-summary-grid .employee-summary-board-item.tone-primary{background:linear-gradient(180deg,#f0fdfa,#ecfeff);border-color:#99f6e4}.room-summary-grid .employee-summary-board-item.tone-info{background:linear-gradient(180deg,#f0f9ff,#eff6ff);border-color:#bae6fd}.room-summary-grid .employee-summary-board-item.tone-success{background:linear-gradient(180deg,#f0fdf4,#ecfdf3);border-color:#bbf7d0}.room-summary-grid .employee-summary-board-item.tone-warning{background:linear-gradient(180deg,#fffaf0,#fff7e8);border-color:#fde68a}.room-summary-grid .employee-summary-board-item.tone-neutral{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}@media(max-width:1440px){.room-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.room-summary-unified{margin:16px 0}.room-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.room-summary-grid{grid-template-columns:1fr}}.leader-command-board{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.leader-command-collapsible{padding:0;overflow:hidden}.leader-command-toggle{width:100%;border:none;background:transparent;padding:18px;text-align:left;cursor:pointer}.leader-command-toggle .panel-header{margin-bottom:0}.leader-command-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#eef2ff;color:#1d4ed8;font-size:20px;font-weight:700;flex:none}.leader-command-actions{padding:0 18px 6px}.leader-command-collapsible .mini-list,.leader-command-collapsible .section-caption{padding:0 18px 18px}.leader-command-collapsible.collapsed .leader-command-actions,.leader-command-collapsible.collapsed .mini-list,.leader-command-collapsible.collapsed .section-caption{display:none}.leader-command-collapsible.collapsed .leader-command-toggle{padding-bottom:18px}.leader-command-collapsible.expanded .leader-command-toggle{padding-bottom:12px}@media(max-width:1100px){.leader-command-board{grid-template-columns:1fr;gap:14px}}@media(max-width:768px){.leader-command-toggle{padding:14px}.leader-command-actions,.leader-command-collapsible .mini-list,.leader-command-collapsible .section-caption{padding-left:14px;padding-right:14px;padding-bottom:14px}.leader-command-toggle-icon{width:28px;height:28px;font-size:18px}}.personal-collapsible-panel{padding:0;overflow:hidden}.personal-panel-toggle{width:100%;border:none;background:transparent;padding:16px 18px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.personal-panel-toggle h3{margin:0}.personal-collapsible-panel .mini-list{padding:0 18px 18px}.personal-collapsible-panel .section-caption{padding:0 18px 18px;margin:0;color:#64748b}.personal-collapsible-panel.collapsed .mini-list{padding-bottom:14px}@media(max-width:768px){.personal-panel-toggle{padding:14px}.personal-collapsible-panel .mini-list,.personal-collapsible-panel .section-caption{padding-left:14px;padding-right:14px;padding-bottom:14px}}.reminder-preference-panel{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe}.reminder-preference-form{gap:14px}.reminder-preference-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:20px;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#fff 58%,#f8fafc);box-shadow:inset 0 1px #ffffffbf}.reminder-preference-card.enabled{border-color:#93c5fd;box-shadow:0 16px 34px #2563eb1a}.reminder-preference-card.disabled{border-color:#dbe3f0;background:linear-gradient(135deg,#f8fafc,#fff)}.reminder-preference-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.reminder-preference-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.reminder-preference-copy strong{font-size:18px;color:#0f172a}.reminder-preference-copy p{margin:0;color:#64748b;line-height:1.55}.reminder-preference-toggle{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:132px;cursor:pointer}.reminder-preference-toggle input{position:absolute;opacity:0;pointer-events:none}.reminder-preference-switch{position:relative;width:64px;height:36px;border-radius:999px;background:#cbd5e1;transition:background .22s ease,box-shadow .22s ease;box-shadow:inset 0 0 0 1px #94a3b833}.reminder-preference-switch:after{content:"";position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:999px;background:#fff;box-shadow:0 8px 16px #0f172a2e;transition:transform .22s ease}.reminder-preference-toggle input:checked+.reminder-preference-switch{background:linear-gradient(90deg,#2563eb,#38bdf8);box-shadow:0 12px 22px #2563eb38}.reminder-preference-toggle input:checked+.reminder-preference-switch:after{transform:translate(28px)}.reminder-preference-state{font-size:13px;font-weight:700;color:#334155}.reminder-preference-actions{justify-content:flex-end}.reminder-preference-actions button{min-width:150px}@media(max-width:768px){.reminder-preference-card{padding:16px;flex-direction:column;align-items:flex-start}.reminder-preference-copy strong{font-size:16px}.reminder-preference-toggle{width:100%;flex-direction:row;justify-content:space-between;align-items:center;min-width:0}.reminder-preference-actions{justify-content:stretch}.reminder-preference-actions button{width:100%}}.employee-chart-html-donut-wrap{display:flex;align-items:center;justify-content:center}.employee-chart-html-donut{width:min(240px,78%);aspect-ratio:1;border-radius:999px;position:relative;box-shadow:0 18px 34px #2563eb1a}.employee-chart-html-donut:after{content:"";position:absolute;inset:22%;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #dbeafe}.employee-chart-html-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;text-align:center}.employee-chart-html-donut-center strong{font-size:34px;color:#0f172a}.employee-chart-html-donut-center span{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase}.employee-chart-html-bars-wrap{display:flex;flex-direction:column;gap:14px;justify-content:center}.employee-chart-html-legend{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;font-size:13px;color:#475569}.employee-chart-html-legend span{display:inline-flex;align-items:center;gap:6px}.employee-chart-html-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.employee-chart-html-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end;height:250px;padding:8px 0 0}.employee-chart-html-group{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%}.employee-chart-html-columns{display:flex;align-items:flex-end;justify-content:center;gap:10px;flex:1;width:100%}.employee-chart-html-col{flex:1;max-width:46px;height:100%;display:flex;align-items:flex-end;background:#eef2ff;border-radius:14px 14px 10px 10px;overflow:hidden}.employee-chart-html-col div{width:100%;border-radius:14px 14px 10px 10px}.employee-chart-html-col-updated div{background:#2563eb}.employee-chart-html-col-completed div{background:#0f766e}.employee-chart-html-group strong{font-size:13px;color:#334155}.room-kpi-html-chart-wrap{padding-top:4px;overflow-x:auto;overflow-y:hidden}.room-kpi-html-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(64px,64px);gap:6px;align-items:end;min-height:236px;min-width:max-content;padding:2px 2px 6px}.room-kpi-html-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.room-kpi-html-bar-outer{position:relative;width:100%;height:192px;display:flex;align-items:flex-end;justify-content:center;padding:0 13px;border-bottom:1px dashed #cbd5e1;flex:none}.room-kpi-html-rank{position:absolute;left:4px;bottom:8px;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;letter-spacing:.08px;line-height:1;max-height:94%;text-align:center}.room-kpi-html-name-vertical{position:absolute;right:4px;bottom:8px;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;letter-spacing:.08px;line-height:1;max-height:94%;text-align:center;color:#334155}.room-kpi-html-bar{width:100%;max-width:18px;border-radius:10px 10px 4px 4px;box-shadow:0 6px 12px #0f172a1a}.room-kpi-html-score{font-size:9px;font-weight:800;color:#0f172a;flex:none}.room-kpi-html-item small{display:none}@media(max-width:768px){.employee-chart-html-bars{gap:12px;height:220px}.room-kpi-html-chart{grid-auto-columns:minmax(58px,58px);gap:5px;min-height:210px}.room-kpi-html-bar-outer{height:162px;padding:0 11px}.room-kpi-html-rank{left:3px;bottom:7px;font-size:7px}.room-kpi-html-name-vertical{right:3px;bottom:7px;font-size:7px}.room-kpi-html-bar{max-width:14px}.employee-chart-html-donut{width:min(220px,82%)}}