@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#f8f7fa;--surface:#fff;--card:#fff;--card2:#f8f7fa;--border:#ebe9f1;--border2:#d0cce4;--text:#2d2d2d;--text2:#6e6b7b;--muted:#b9b9c3;--white:#fff;--blue:#7367f0;--blue-light:#eee8ff;--green:#28c76f;--red:#ea5455;--yellow:#ff9f43;--purple:#7367f0;--orange:#ff9f43;--accent:#7367f0;--sb-bg:#fff;--sb-border:#ebe9f1;--sb-text:#625f6e;--sb-text-h:#2d2d2d;--sb-active-bg:#eee8ff;--sb-active:#7367f0;--sb-group:#b9b9c3;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--sidebar-w:240px;--sidebar-w-sm:68px;--topbar-h:64px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow:0 1px 4px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.5}#root{min-height:100vh;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:none}}.fade-up{animation:.22s both fadeUp}.fade-in{animation:.18s both fadeIn}.pulse{animation:1.4s infinite pulse}.layout-root{flex:1;min-height:100vh;display:flex}.layout-main{min-width:0;margin-left:var(--sidebar-w);flex-direction:column;flex:1;transition:margin-left .25s;display:flex}.layout-main.collapsed{margin-left:var(--sidebar-w-sm)}.layout-content{padding-top:var(--topbar-h);flex:1}.page-pad{padding:clamp(16px,3vw,28px)}.sidebar{width:var(--sidebar-w);background:var(--sb-bg);border-right:1px solid var(--sb-border);z-index:200;flex-direction:column;transition:width .25s,transform .25s,box-shadow .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-sm)}.sb-logo{border-bottom:1px solid var(--sb-border);flex-shrink:0;align-items:center;gap:10px;padding:20px 16px 18px;display:flex;overflow:hidden}.sb-logo-text{white-space:nowrap;overflow:hidden}.sb-logo-title{color:var(--blue);letter-spacing:-.03em;font-size:16px;font-weight:800}.sb-logo-sub{color:var(--muted);letter-spacing:.02em;font-size:16px}.sb-collapse-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--text2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .12s,color .12s;display:flex}.sb-collapse-btn:hover{background:var(--blue-light);color:var(--blue)}.sidebar.collapsed .sb-collapse-btn svg{transform:rotate(180deg)}.sb-nav{flex:1;min-height:0;padding:12px 10px;overflow:hidden auto}.sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-thumb{background:var(--sb-border);border-radius:4px}.sb-group-label{color:var(--sb-group);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding:10px 8px 4px;font-size:16px;font-weight:600;overflow:hidden}.sidebar.collapsed .sb-group-label{opacity:0}.sb-link{color:var(--sb-text);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:16px;font-weight:400;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative;overflow:hidden}.sb-link:hover{background:var(--bg);color:var(--sb-text-h)}.sb-link-active{font-weight:600;box-shadow:0 4px 18px -4px #7367f0a6;color:#fff!important;background:linear-gradient(118deg,#7367f0,#7367f0b3)!important}.sb-link-active svg{color:#fff}.sb-link-label{white-space:nowrap;overflow:hidden}.sidebar.collapsed .sb-link-label{display:none}.sidebar.collapsed .sb-link:after{content:attr(data-label);left:calc(var(--sidebar-w-sm) - 8px);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:300;background:#1f2937;border-radius:6px;padding:5px 10px;font-size:16px;font-weight:500;transition:opacity .15s;position:absolute}.sidebar.collapsed .sb-link:hover:after{opacity:1}.sb-footer{border-top:1px solid var(--sb-border);flex-shrink:0;padding:10px;overflow:hidden}.sb-help-card{color:#fff;background:linear-gradient(135deg,#4361ee 0%,#6366f1 100%);border-radius:12px;margin-bottom:8px;padding:16px;transition:opacity .25s;overflow:hidden}.sidebar.collapsed .sb-help-card{display:none}.sb-help-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;font-size:16px;display:flex}.sb-help-title{margin-bottom:4px;font-size:16px;font-weight:700}.sb-help-body{opacity:.85;margin-bottom:12px;font-size:16px;line-height:1.5}.sb-help-btn{color:#fff;cursor:pointer;width:100%;font-size:16px;font-weight:700;font-family:var(--font);text-align:center;background:#f59e0b;border:none;border-radius:8px;padding:7px;transition:opacity .12s;display:block}.sb-help-btn:hover{opacity:.9}.sb-logout{width:100%;color:var(--sb-text);font-size:16px;font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;transition:background .12s,color .12s;display:flex;overflow:hidden}.sb-logout:hover{color:#ef4444;background:#ef444412}.sidebar.collapsed .sb-logout span{display:none}.sb-overlay{z-index:190;background:#0006;animation:.2s fadeIn;display:none;position:fixed;inset:0}.sb-close-mobile{display:none}.hamburger{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;line-height:0;transition:background .12s;display:none}.hamburger:hover{background:var(--bg)}.topbar{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--border);top:0;left:var(--sidebar-w);z-index:150;align-items:center;gap:16px;padding:0 28px;transition:left .25s;display:flex;position:fixed;right:0;box-shadow:0 1px 3px #0000000a}.layout-main.collapsed .topbar{left:var(--sidebar-w-sm)}.topbar-titles{flex:none}.topbar-title{color:var(--text);font-size:16px;font-weight:700;line-height:1.2}.topbar-sub{color:var(--muted);font-size:16px}.topbar-search{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:340px;height:38px;margin:0 auto;padding:0 14px;display:flex}.topbar-search input{color:var(--text);font-size:16px;font-family:var(--font);background:0 0;border:none;outline:none;width:100%}.topbar-search input::placeholder{color:var(--muted)}.topbar-search svg{color:var(--muted);flex-shrink:0}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-icon-btn{border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text2);background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg);color:var(--blue)}.topbar-icon-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.topbar-badge{background:var(--red);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:16px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.topbar-avatar{object-fit:cover;cursor:pointer;background:var(--blue);color:#fff;border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);box-sizing:border-box;height:100%;padding:18px 20px;position:relative;overflow:hidden}.stat-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.stat-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.stat-card-meta{text-align:right}.stat-card-label{color:var(--text2);margin-bottom:2px;font-size:16px;font-weight:500}.stat-card-avatars{justify-content:flex-end;display:flex}.stat-avatar-group{display:flex}.stat-avatar-group .av{background:var(--blue);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:-5px;font-size:16px;font-weight:700;display:flex}.stat-avatar-group .av:first-child{margin-left:0}.stat-count-badge{background:var(--bg);color:var(--text2);border:1px solid var(--border);border-radius:4px;align-self:center;margin-left:4px;padding:1px 5px;font-size:16px;font-weight:700}.stat-value{color:var(--text);letter-spacing:-.04em;margin-bottom:6px;font-size:16px;font-weight:800;line-height:1}.stat-trend{align-items:center;gap:4px;font-size:16px;font-weight:600;display:flex}.stat-trend-up{color:var(--green)}.stat-trend-down{color:var(--red)}.stat-trend-label{color:var(--muted);font-size:16px;font-weight:400}.stat-sparkline{opacity:.6;width:100px;height:48px;position:absolute;bottom:0;right:0}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.card-title{color:var(--text);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}@media (width<=480px){.card{padding:14px}}.table-wrap,.dh-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px;font-size:16px}thead tr{border-bottom:1px solid var(--border)}th{text-align:left;color:var(--text2);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:#fafafa;padding:10px 14px;font-size:16px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:12px 14px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafafa}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:inline-flex}.th-sort:hover{color:var(--text)}.pill{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:16px;font-weight:600;display:inline-flex}.pill-pending{color:#92400e;background:#fef3c7}.pill-approved{color:#065f46;background:#d1fae5}.pill-dispatched{color:#1e40af;background:#dbeafe}.pill-delivered{color:#065f46;background:#d1fae5}.pill-urgent{color:#991b1b;background:#fee2e2}.pill-paid{color:#065f46;background:#d1fae5}.pill-unpaid{color:#991b1b;background:#fee2e2}.pill-verified{color:#065f46;background:#d1fae5}.pill-rejected{color:#991b1b;background:#fee2e2}.pill-cancelled{color:#4b5563;background:#f3f4f6}.pill-reviewing{color:#5b21b6;background:#ede9fe}.pill-overdue{color:#9a3412;background:#ffedd5}.pill-lpo{color:#4b5563;background:#f3f4f6}.pill-lowstock{color:#991b1b;background:#fee2e2}.pill-ok{color:#065f46;background:#d1fae5}.pill-standard{color:#4b5563;background:#f3f4f6}.pill-assigned{color:#1e40af;background:#dbeafe}.pill-out_for_delivery{color:#0369a1;background:#e0f2fe}.pill-delivered_payment{color:#065f46;background:#d1fae5}.pill-partial_reject{color:#c2410c;background:#fff7ed}.pill-full_reject,.pill-payment_reject{color:#dc2626;background:#fef2f2}.btn{border-radius:var(--radius);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font);white-space:nowrap;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 18px;transition:background .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#3451ce;box-shadow:0 4px 12px #4361ee4d}.btn-success{color:#fff;background:#12b76a}.btn-success:hover{background:#0e9759}.btn-danger{color:#fff;background:#f04438}.btn-danger:hover{background:#d92d20}.btn-warn{color:#fff;background:#f79009}.btn-warn:hover{background:#d97706}.btn-ghost{color:var(--text2);border:1px solid var(--border2);background:#fff}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-outline{color:var(--text2);border:1px solid var(--border2);background:0 0}.btn-outline:hover{background:var(--bg)}.btn-blue-light{background:var(--blue-light);color:var(--blue);border:none}.btn-blue-light:hover{background:#e0e7ff}.btn-sm{padding:5px 12px;font-size:16px}.btn-xs{padding:3px 9px;font-size:16px}.form-label{color:var(--text2);margin-bottom:5px;font-size:16px;font-weight:600;display:block}.form-input{border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font);-webkit-appearance:none;background:#fff;outline:none;padding:9px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--muted)}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4361ee1f}.form-input option{color:var(--text);background:#fff}.alert{border-radius:var(--radius);align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:16px;line-height:1.5;display:flex}.alert-urgent{color:#c0392b;background:#fff1f0;border:1px solid #ffc9c9}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.alert-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.alert-success{color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0}.progress-bar{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .4s}.pf-green{background:#12b76a}.pf-yellow{background:#f79009}.pf-red{background:#f04438}.pf-blue{background:var(--blue)}.filter-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-tab{border:1px solid var(--border2);color:var(--text2);cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font);background:#fff;border-radius:8px;padding:6px 16px;transition:all .12s}.filter-tab:hover{background:var(--bg);color:var(--text)}.filter-tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.lifecycle{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;background:#fff;align-items:flex-start;gap:0;padding:20px 16px;display:flex;overflow-x:auto}.lc-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:96px;display:flex}.lc-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:16px;display:flex}.lc-arrow{color:var(--muted);flex-shrink:0;padding-bottom:20px;font-size:16px}.lc-label{color:var(--text);font-size:16px;font-weight:700;line-height:1.3}.lc-sub{color:var(--muted);font-size:16px;line-height:1.4}.pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:16px;display:flex}.pg-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text2);cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:flex}.pg-btn:hover{background:var(--bg);color:var(--text)}.pg-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.show-result{color:var(--text2);align-items:center;gap:6px;margin-top:12px;font-size:16px;display:flex}.show-result select{border:1px solid var(--border2);font-size:16px;font-family:var(--font);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:3px 8px}.divider{background:var(--border);height:1px;margin:20px 0}.section-title{color:var(--text);letter-spacing:-.02em;margin-bottom:16px;font-size:16px;font-weight:700}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=768px){.layout-main,.layout-main.collapsed{margin-left:0}.topbar{gap:10px;padding:0 14px;left:0}.layout-main.collapsed .topbar{left:0}.topbar-search{display:none}.topbar-titles{flex:1;min-width:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.topbar-sub,.topbar-icon-btn.hide-mobile{display:none}.page-pad{padding:14px}.sidebar{box-shadow:none;transform:translate(-100%);width:var(--sidebar-w)!important}.sidebar.mobile-open{transform:none;box-shadow:4px 0 24px #00000026}.sb-overlay{display:block}.hamburger{display:flex}.sb-collapse-btn{display:none}.sidebar.collapsed .sb-link-label{display:inline}.sidebar.collapsed .sb-group-label{opacity:1}.grid-2{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.table-wrap{-webkit-overflow-scrolling:touch}td,th{padding:10px}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-tab{flex-shrink:0}.lifecycle{gap:0}.card[style*=max-width]{max-width:100%!important}}@media (width<=480px){.stat-grid{grid-template-columns:1fr;gap:8px}.stat-value{font-size:16px}.stat-card{padding:12px 14px}.stat-sparkline{width:80px;height:40px}.stat-card-avatars{display:none}.topbar{gap:8px;height:52px;padding:0 12px}.topbar-title{font-size:16px}.layout-content{padding-top:52px}.topbar-actions .topbar-icon-btn:not(:last-child):not(:nth-last-child(2)){display:none}.page-pad{padding:10px}.card{border-radius:10px;padding:12px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}td,th{padding:8px;font-size:16px}table{min-width:400px}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"],[style*="gridTemplateColumns:'1fr 1fr'"]{grid-template-columns:1fr!important}.filter-tab{padding:5px 12px;font-size:16px}.alert{padding:10px 12px;font-size:16px}}@media (width<=768px){.auth-split{flex-direction:column;flex:auto;width:100%}.auth-brand{display:none!important}.auth-form-side{min-height:100vh;flex:auto!important;align-items:flex-start!important;padding:24px 16px!important}.auth-form-side>div{margin-top:24px;padding:28px 20px!important}}.hr-theme{--hr-teal-900:#0b5e57;--hr-teal-800:#0d6e66;--hr-teal-700:#0f7e75;--hr-teal:#0f9488;--hr-teal-500:#14b8a6;--hr-teal-400:#2dd4bf;--hr-teal-200:#99e2d8;--hr-teal-100:#ccf3ee;--hr-teal-50:#eaf8f6;--hr-purple:#7c5cfc;--hr-purple-50:#f1edff;--hr-amber:#e8a317;--hr-amber-50:#fdf5e1;--hr-red:#dc3545;--hr-red-50:#fdecee;--hr-green:#16a34a;--hr-green-50:#e8f7ee;--hr-ink:#111827;--hr-ink2:#4b5563;--hr-ink3:#9ca3af;--hr-line:#eef0f2;--hr-bg:#f3f4f6;--hr-radius:16px;--hr-shadow:0 1px 2px #1018280a, 0 4px 16px #1018280a;--blue:var(--hr-teal);--blue-light:var(--hr-teal-50);--purple:var(--hr-teal);--accent:var(--hr-teal);--bg:var(--hr-bg);--sb-active-bg:var(--hr-teal-50);--sb-active:var(--hr-teal)}.hr-theme .layout-main{background:var(--hr-bg)}.hr-theme .sb-logo-title{color:var(--hr-teal)}.hr-theme .sb-group-label{color:#6b7280;letter-spacing:.06em;padding:16px 10px 6px;font-size:12px;font-weight:700}.hr-theme .sb-link{border-radius:10px;padding:10px 12px;font-size:15px}.hr-theme .sb-link:hover{background:var(--hr-teal-50);color:var(--hr-teal-800)}.hr-theme .sb-link-active{box-shadow:0 6px 18px -6px #0f948899;background:linear-gradient(118deg, var(--hr-teal-500), var(--hr-teal-700))!important}.hr-theme .sb-link-active img{filter:brightness(0)invert()}.hr-theme .card{border-radius:var(--hr-radius);border-color:var(--hr-line);box-shadow:var(--hr-shadow)}.hr-theme .card-title{color:var(--hr-ink);font-size:17px}.hr-theme .btn{border-radius:10px}.hr-theme .btn-primary{background:linear-gradient(118deg, var(--hr-teal-500), var(--hr-teal));color:#fff;border:none}.hr-theme .btn-primary:hover{background:var(--hr-teal-700);box-shadow:0 4px 12px #0f94884d}.hr-theme .form-input{border-radius:10px}.hr-theme .form-input:focus{border-color:var(--hr-teal);box-shadow:0 0 0 3px #0f948824}.hr-theme .table th{background:var(--hr-teal-50);color:var(--hr-ink2);font-weight:600}.hr-theme .table td{border-color:var(--hr-line)}.hr-page{flex-direction:column;gap:18px;min-width:0;padding:clamp(14px,2.4vw,24px);display:flex}.hr-theme .dhl-page{min-width:0;padding:clamp(14px,2.4vw,24px)}.hr-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hr-head h1{letter-spacing:-.02em;color:var(--hr-teal-800);margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:800}.hr-head p{color:var(--hr-ink2);margin:4px 0 0;font-size:14px}.hr-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hr-hero{color:#fff;background:linear-gradient(110deg,#14c4b4 0%,#0fa597 45%,#0b7f75 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:clamp(20px,3vw,34px);display:flex;box-shadow:0 12px 30px -14px #0f9488b3}.hr-hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(24px,3.4vw,38px);font-weight:800}.hr-hero-sub{opacity:.92;margin-top:6px;font-size:clamp(14px,1.5vw,18px);font-weight:500}.hr-hero-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.hr-hero-clock{font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,36px);font-weight:800}.hr-hero-btn{cursor:pointer;color:var(--hr-teal-700);background:#fff;border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 26px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #0000001f}.hr-hero-btn:disabled{opacity:.7;cursor:default}.hr-hero-note{opacity:.9;font-size:12px}@media (width<=640px){.hr-hero-right{align-items:stretch;width:100%}.hr-hero-btn{justify-content:center}}.hr-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;display:grid}.hr-stat{border:1px solid var(--hr-line);border-radius:var(--hr-radius);box-shadow:var(--hr-shadow);background:#fff;flex-direction:column;gap:6px;min-width:0;padding:18px;display:flex}.hr-stat.is-link{cursor:pointer;transition:transform .12s,box-shadow .12s}.hr-stat.is-link:hover{transform:translateY(-1px);box-shadow:0 8px 22px #10182814}.hr-stat-label{color:var(--hr-ink2);font-size:14px;font-weight:600}.hr-stat-value{color:var(--hr-teal);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:32px;font-weight:800;line-height:1.1;display:flex}.hr-stat-value small{font-size:12px;font-weight:600}.hr-stat-sub{color:var(--hr-ink3);font-size:12.5px}.hr-stat-note{background:var(--hr-teal-50);color:var(--hr-teal-700);border-radius:10px;margin-top:auto;padding:8px 10px;font-size:12px}.hr-stat-note.purple{background:var(--hr-purple-50);color:var(--hr-purple)}.hr-stat-note.amber{background:var(--hr-amber-50);color:#9a6a00}.hr-stat-note.red{background:var(--hr-red-50);color:var(--hr-red)}.hr-split{gap:22px;display:flex}.hr-split b{font-size:30px;font-weight:800;line-height:1.1;display:block}.hr-split span{font-size:12px;font-weight:600}.hr-kpi{background:linear-gradient(135deg, #fff 55%, var(--hr-teal-50))}.hr-kpi .hr-stat-value{justify-content:space-between;font-size:36px}.hr-trend{letter-spacing:.03em;text-transform:uppercase;color:var(--hr-teal);white-space:nowrap;font-size:11px;font-weight:700}.hr-trend.down{color:var(--hr-red)}.hr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.9fr);align-items:start;gap:16px;display:grid}.hr-col{flex-direction:column;gap:16px;min-width:0;display:flex}.hr-span-2{grid-column:span 2}@media (width<=1280px){.hr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hr-col-right{grid-column:span 2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}}@media (width<=860px){.hr-grid{grid-template-columns:minmax(0,1fr)}.hr-col-right,.hr-span-2{grid-column:auto}}.hr-card{border:1px solid var(--hr-line);border-radius:var(--hr-radius);box-shadow:var(--hr-shadow);background:#fff;min-width:0;padding:20px}.hr-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.hr-card-title{color:var(--hr-ink);margin:0;font-size:18px;font-weight:700}.hr-muted{color:var(--hr-ink3);font-size:13px}.hr-empty{color:var(--hr-ink3);text-align:center;padding:18px 8px;font-size:14px}.hr-seg{background:#f1f3f5;border-radius:12px;gap:2px;padding:4px;display:inline-flex}.hr-seg button{color:var(--hr-ink2);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.hr-seg button.on{color:var(--hr-ink);background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.hr-seg.solid button.on{background:linear-gradient(118deg, var(--hr-teal-500), var(--hr-teal));color:#fff}.hr-seg .count{background:var(--hr-amber);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.hr-seg .count.red{background:var(--hr-red)}.hr-pill{white-space:nowrap;text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.hr-pill.teal{background:var(--hr-teal-50);color:var(--hr-teal-700)}.hr-pill.green{background:var(--hr-green-50);color:var(--hr-green)}.hr-pill.red{background:var(--hr-red-50);color:var(--hr-red)}.hr-pill.amber{background:var(--hr-amber-50);color:#9a6a00}.hr-pill.purple{background:var(--hr-purple-50);color:var(--hr-purple)}.hr-pill.gray{color:#6b7280;background:#f1f3f5}.hr-pill.blue{color:#2563eb;background:#eaf1ff}.hr-pill.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.hr-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:inline-flex}.hr-person{align-items:center;gap:10px;min-width:0;display:flex}.hr-person b{color:var(--hr-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.hr-person span:not(.hr-avatar){color:var(--hr-ink3);font-size:12px;display:block}.hr-table-wrap{-webkit-overflow-scrolling:touch;border-radius:0 0 var(--hr-radius) var(--hr-radius);margin:0 -20px -20px;overflow-x:auto}.hr-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.hr-table th{text-align:left;background:var(--hr-teal-50);color:var(--hr-ink);white-space:nowrap;padding:14px 20px;font-size:13.5px;font-weight:600}.hr-table td{border-top:1px solid var(--hr-line);color:var(--hr-ink);vertical-align:middle;padding:13px 20px}.hr-table tr.click{cursor:pointer}.hr-table tr.click:hover td{background:#fafcfc}.hr-table.solid-head th{background:linear-gradient(118deg, var(--hr-teal), var(--hr-teal-700));color:#fff}.hr-table-foot{background:var(--hr-teal-50);color:var(--hr-ink2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;font-size:12.5px;display:flex}.hr-pager{align-items:center;gap:4px;display:flex}.hr-pager button{cursor:pointer;min-width:30px;height:30px;color:var(--hr-ink2);background:0 0;border:none;border-radius:8px;font-weight:600}.hr-pager button.on{background:var(--hr-teal-500);color:#fff}.hr-pager button:disabled{opacity:.35;cursor:default}.hr-heat{align-items:center;gap:6px;display:grid}.hr-heat-cell{background:#f3f4f6;border-radius:7px;height:30px}.hr-heat-label{color:var(--hr-ink2);white-space:nowrap;text-align:right;padding-right:4px;font-size:12px}.hr-heat-day{color:var(--hr-ink2);text-align:center;font-size:12px}.hr-big{color:var(--hr-ink);letter-spacing:-.02em;font-size:34px;font-weight:800}.hr-delta{color:var(--hr-teal);font-size:13px;font-weight:600}.hr-delta.down{color:var(--hr-red)}.hr-cal{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.hr-cal-dow{color:var(--hr-ink3);padding:4px 0;font-size:11px;font-weight:700}.hr-cal-day{height:36px;color:var(--hr-ink);border-radius:50%;justify-content:center;align-items:center;width:36px;margin:0 auto;font-size:13.5px;display:flex;position:relative}.hr-cal-day.out{color:#c7cbd1}.hr-cal-day.today{background:var(--hr-teal);color:#fff;font-weight:700}.hr-cal-day.holiday{background:var(--hr-amber-50);color:#9a6a00;font-weight:700}.hr-cal-day.bday:after{content:"";background:var(--hr-purple);border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px}.hr-cal-day.today.bday:after{background:#fff}.hr-cal-nav{gap:6px;display:flex}.hr-cal-nav button{cursor:pointer;width:28px;height:28px;color:var(--hr-ink2);background:#f3f4f6;border:none;border-radius:8px;font-size:14px}.hr-event{border-left:4px solid var(--hr-teal);background:var(--hr-teal-50);border-radius:14px;padding:14px 16px}.hr-event.purple{border-left-color:var(--hr-purple);background:var(--hr-purple-50)}.hr-event.amber{border-left-color:var(--hr-amber);background:var(--hr-amber-50)}.hr-event-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--hr-teal-700);font-size:11px;font-weight:700}.hr-event.purple .hr-event-kicker{color:var(--hr-purple)}.hr-event.amber .hr-event-kicker{color:#9a6a00}.hr-event-title{color:var(--hr-ink);margin:4px 0 8px;font-size:15px;font-weight:700}.hr-event-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hr-chip{color:var(--hr-teal-700);background:#fff;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:600}.hr-event.purple .hr-chip{color:var(--hr-purple)}.hr-mail-btn{cursor:pointer;background:var(--hr-teal-700);color:#fff;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.hr-mail-btn:disabled{cursor:default;background:#cbd5e1}.hr-activity{flex-direction:column;gap:16px;display:flex}.hr-activity-item{gap:12px;display:flex}.hr-activity-item p{color:var(--hr-ink);margin:0;font-size:13.5px;line-height:1.45}.hr-activity-item time{color:var(--hr-ink3);font-size:12px}.hr-bar{background:#eef0f2;border-radius:6px;height:10px;display:flex;overflow:hidden}.hr-bar>span{height:100%}.hr-emp-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.hr-emp-card{border:1px solid var(--hr-line);border-radius:var(--hr-radius);text-align:center;cursor:pointer;box-shadow:var(--hr-shadow);background:#fff;padding:18px;transition:transform .12s}.hr-emp-card:hover{transform:translateY(-2px)}.hr-emp-card .hr-avatar{width:58px;height:58px;margin-bottom:10px;font-size:18px}.hr-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hr-search{flex:1;min-width:200px;max-width:380px;position:relative}.hr-search input{border:1px solid var(--hr-line);box-sizing:border-box;background:#fff;border-radius:12px;outline:none;width:100%;padding:11px 14px 11px 38px;font-size:14px}.hr-search input:focus{border-color:var(--hr-teal)}.hr-search svg{color:var(--hr-ink3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hr-icon-btn{border:1px solid var(--hr-line);cursor:pointer;min-width:42px;height:42px;color:var(--hr-ink2);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.hr-icon-btn.on{background:var(--hr-teal-500);border-color:var(--hr-teal-500);color:#fff}.hr-btn{cursor:pointer;background:linear-gradient(118deg, var(--hr-teal-500), var(--hr-teal));color:#fff;border:none;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.hr-btn:disabled{opacity:.6;cursor:default}.hr-btn.ghost{color:var(--hr-teal-700);border:1px solid var(--hr-line);background:#fff}.hr-btn.sm{border-radius:9px;height:32px;padding:0 12px;font-size:12.5px}.hr-btn.danger{color:var(--hr-red);background:#fff;border:1px solid #f5c2c7}.hr-today-card{text-align:center;border-top:1px solid var(--hr-line);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding:16px 0;display:grid}.hr-today-card span{color:var(--hr-ink3);font-size:13px;display:block}.hr-today-card b{color:var(--hr-teal-800);font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;font-weight:800;display:block}.hr-punch{border:1px solid var(--hr-teal-100);width:100%;color:var(--hr-teal-800);cursor:pointer;background:#e3faf6;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:52px;font-size:16px;font-weight:700;display:flex}.hr-punch.out{color:#c62f3e;background:#fdf1f2;border-color:#f8d4d8}.hr-punch:disabled{opacity:.6;cursor:default}.hr-strip{grid-template-columns:repeat(4,1fr);display:grid}.hr-strip>div{text-align:center;border-left:1px solid var(--hr-line);padding:6px}.hr-strip>div:first-child{border-left:none}.hr-strip b{color:var(--hr-ink);font-size:20px;font-weight:800;display:block}.hr-strip span{letter-spacing:.08em;color:var(--hr-ink3);text-transform:uppercase;font-size:11px;font-weight:700}.hr-strip i{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:6px;font-size:17px;font-style:normal;display:inline-flex}@media (width<=560px){.hr-strip{grid-template-columns:repeat(2,1fr);row-gap:12px}.hr-strip>div:nth-child(3){border-left:none}}.hr-day-row{border:1px solid var(--hr-line);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.hr-day-badge{width:56px;height:56px;color:var(--hr-teal-800);background:#ddf7f3;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hr-day-badge b{font-size:20px;line-height:1}.hr-day-badge span{letter-spacing:.06em;font-size:10.5px;font-weight:700}.hr-day-main{flex:1;min-width:0}.hr-day-main .t{flex-wrap:wrap;align-items:center;gap:8px;font-size:15.5px;font-weight:700;display:flex}.hr-day-main .s{color:var(--hr-ink2);flex-wrap:wrap;gap:14px;margin-top:4px;font-size:13px;display:flex}.hr-dot-in:before,.hr-dot-out:before{content:"";background:var(--hr-green);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.hr-dot-out:before{background:#f87171}.hr-day-total{text-align:right}.hr-day-total b{color:var(--hr-teal-800);font-size:18px;font-weight:800;display:block}.hr-day-total span{letter-spacing:.08em;color:var(--hr-ink3);font-size:10.5px;font-weight:700}.hr-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;display:grid}.hr-field label{color:var(--hr-ink2);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.hr-field .form-input{box-sizing:border-box;width:100%}.hr-error{color:var(--hr-red);font-size:13px}.hr-success{color:var(--hr-green);font-size:13px}.hr-modal-back{z-index:1000;background:#11182773;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hr-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 20px 50px #0003}.hr-modal.wide{max-width:640px}.hr-table tr.is-link{cursor:pointer}.hr-table tr.is-link:hover td{background:var(--hr-teal-50)}.hr-subhead{color:var(--hr-ink2);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px;font-size:13px;font-weight:700}.hr-stepper{gap:4px;margin:0 0 16px;padding:0;list-style:none;display:flex}.hr-stepper li{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;font-size:12.5px;display:flex;position:relative}.hr-stepper li+li:before{content:"";background:var(--hr-line);width:calc(100% - 32px);height:2px;position:absolute;top:13px;right:calc(50% + 16px)}.hr-stepper li.done+li:before,.hr-stepper li.skipped+li:before{background:var(--hr-teal-200)}.hr-stepper .dot{border:2px solid var(--hr-line);width:26px;height:26px;color:var(--hr-ink3);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:13px;font-weight:700;display:inline-flex}.hr-stepper li.done .dot{background:var(--hr-teal);border-color:var(--hr-teal);color:#fff}.hr-stepper li.current .dot{border-color:var(--hr-amber);background:var(--hr-amber-50)}.hr-stepper li.rejected .dot{background:var(--hr-red);border-color:var(--hr-red);color:#fff}.hr-stepper li.skipped .dot{border-style:dashed}.hr-stepper b{color:var(--hr-ink);font-weight:600}.hr-stepper small{color:var(--hr-ink3);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hr-facts{background:#f8fafa;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px 16px;margin:0 0 12px;padding:14px;display:grid}.hr-facts dt{color:var(--hr-ink3);font-size:11.5px;font-weight:600}.hr-facts dd{color:var(--hr-ink);overflow-wrap:anywhere;margin:2px 0 0;font-size:14px}.hr-timeline{border-left:2px solid var(--hr-line);margin:0;padding:0 0 0 14px;list-style:none}.hr-timeline li{padding:0 0 12px 12px;font-size:13.5px;position:relative}.hr-timeline li:before{content:"";background:var(--hr-ink3);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-20px}.hr-timeline li.approved:before{background:var(--hr-green)}.hr-timeline li.rejected:before{background:var(--hr-red)}.hr-timeline li.commented:before{background:var(--hr-purple)}.hr-timeline li.submitted:before{background:var(--hr-teal)}.hr-timeline-head b{font-weight:600}.hr-timeline-when{margin-left:6px;font-size:12px}.hr-timeline-comment{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafa;border-radius:10px;margin-top:4px;padding:8px 10px}.sb-link-count{background:var(--hr-amber);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.sidebar.collapsed .sb-link-count{display:none}.hr-dash{grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:start;gap:16px;display:grid}.hr-dash-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:16px;min-width:0;display:grid}.hr-dash-main>.full{grid-column:1/-1}.hr-dash-main.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hr-dash-side{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=1200px){.hr-dash{grid-template-columns:minmax(0,1fr)}.hr-dash-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}}@media (width<=820px){.hr-dash-main{grid-template-columns:minmax(0,1fr)}}.hr-wall{grid-template-columns:minmax(0,720px) 320px;justify-content:center;align-items:start;gap:20px;width:100%;display:grid}.hr-wall-main{flex-direction:column;gap:16px;min-width:0;display:flex}.hr-wall-side{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:16px}@media (width<=1100px){.hr-wall{grid-template-columns:minmax(0,1fr)}.hr-wall-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid;position:static}}.hr-composer-row{align-items:flex-start;gap:12px;display:flex}.hr-composer-fields{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.hr-composer textarea,.hr-post-edit textarea{resize:vertical;border:1px solid var(--hr-line);width:100%;min-height:58px;font:inherit;color:var(--hr-ink);background:#f8fafa;border-radius:12px;padding:12px 14px;font-size:15px}.hr-composer-title{border:1px solid var(--hr-line);width:100%;height:42px;font:inherit;background:#f8fafa;border-radius:12px;padding:0 14px;font-size:15px;font-weight:700}.hr-composer textarea:focus,.hr-composer-title:focus,.hr-post-edit textarea:focus{border-color:var(--hr-teal);background:#fff;outline:none;box-shadow:0 0 0 3px #0f948824}.hr-composer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-left:54px;display:flex}.hr-composer-tools{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hr-tool{cursor:pointer;font:inherit;color:var(--hr-ink2);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex}.hr-tool:hover{background:var(--hr-bg)}.hr-tool.green{color:var(--hr-teal-800)}.hr-tool.green svg{color:#16a34a}.hr-tool.purple svg{color:#7c5cfc}.hr-tool.red svg{color:#e5484d}.hr-tool.red.on{background:var(--hr-red-50);color:#b4232f}.hr-tool-sep{background:var(--hr-line);width:1px;height:22px}.hr-file-chip{background:var(--hr-teal-50);max-width:100%;color:var(--hr-teal-800);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:12.5px;display:inline-flex}.hr-file-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hr-file-chip button{cursor:pointer;color:inherit;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1}.hr-wall-filters{flex-wrap:wrap;gap:10px;display:flex}.hr-wall-filters button{border:1px solid var(--hr-line);height:36px;color:var(--hr-ink2);font:inherit;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.hr-wall-filters button svg{color:#e5484d}.hr-wall-filters button:last-child svg{color:var(--hr-ink2)}.hr-wall-filters button.on{background:var(--hr-teal-700);border-color:var(--hr-teal-700);color:#fff}.hr-wall-filters button.on svg{color:#fff}.hr-post{flex-direction:column;padding:18px 20px 10px;display:flex}.hr-post.featured{background:#f3fbf9;border-color:#d6efea}.hr-post-flag{color:var(--hr-teal-700);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.hr-post-flag>span:first-child{align-items:center;gap:8px;display:inline-flex}.hr-post-flag-right{color:var(--hr-ink3);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.hr-post-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hr-post-who{align-items:center;gap:12px;min-width:0;display:flex}.hr-post-who b{color:var(--hr-ink);font-size:15px;font-weight:700;display:block}.hr-post-who span{color:var(--hr-ink2);margin-top:1px;font-size:13px;display:block}.hr-post-who .hr-post-time{color:var(--hr-ink3);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.hr-post-title{color:var(--hr-ink);letter-spacing:-.01em;margin:14px 0 0;font-size:18px;font-weight:800}.hr-post-body{color:var(--hr-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font-size:15px;line-height:1.6}.hr-post-title+.hr-post-body{margin-top:6px}.hr-post-body.clamp{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hr-post-media{object-fit:cover;background:var(--hr-bg);border-radius:12px;width:100%;max-height:520px;margin-top:12px;display:block}video.hr-post-media{object-fit:contain;background:#000}.hr-post-file{border:1px solid var(--hr-line);color:#6d4aff;background:#fff;border-radius:12px;align-self:flex-start;align-items:center;gap:8px;max-width:100%;margin-top:12px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hr-post-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hr-post-edit{flex-direction:column;gap:8px;margin-top:12px;display:flex}.hr-menu{position:relative}.hr-menu-btn{cursor:pointer;width:32px;height:32px;color:var(--hr-ink2);background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.hr-menu-btn:hover{background:var(--hr-bg)}.hr-menu-list{z-index:20;border:1px solid var(--hr-line);background:#fff;border-radius:12px;flex-direction:column;min-width:160px;padding:6px;display:flex;position:absolute;top:36px;right:0;box-shadow:0 12px 32px #10182824}.hr-menu-list button{text-align:left;font:inherit;color:var(--hr-ink);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 12px;font-size:14px}.hr-menu-list button:hover{background:var(--hr-bg)}.hr-menu-list button.danger{color:var(--hr-red)}.hr-menu-list button.danger:hover{background:var(--hr-red-50)}.hr-react-stack{color:var(--hr-ink2);align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.hr-react-dots{display:inline-flex}.hr-react-dots span{border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:-6px;font-size:11px;display:grid}.hr-react-dots span:first-child{margin-left:0}.hr-post-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.hr-post-foot-stats{align-items:center;gap:18px;display:inline-flex}.hr-view-btn{cursor:pointer;color:var(--hr-teal-800);font:inherit;background:#ddf1ee;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.hr-view-btn:hover{background:var(--hr-teal-100)}.hr-count-btn{cursor:pointer;color:var(--hr-ink2);font:inherit;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13.5px;display:inline-flex}.hr-link-btn{cursor:pointer;color:var(--hr-teal-700);font:inherit;background:0 0;border:none;align-self:flex-start;margin-top:6px;padding:0;font-size:13px;font-weight:600}.hr-card-head .hr-link-btn{flex-shrink:0;align-self:center;margin-top:0}.hr-link-btn:hover{text-decoration:underline}.hr-post-stats{color:var(--hr-ink2);justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-top:12px;font-size:13.5px;display:flex}.hr-post-stats button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;margin-left:auto;padding:0}.hr-post-stats button:hover{text-decoration:underline}.hr-post-actions{border-top:1px solid var(--hr-line);grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;padding-top:4px;display:grid}.hr-post.featured .hr-post-actions{border-color:#d6efea}.hr-react{cursor:pointer;width:100%;font:inherit;color:var(--hr-ink2);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:14px;font-weight:600;display:inline-flex}.hr-react:hover{background:#1018280a}.hr-react.on{color:var(--hr-teal-800)}.hr-react:disabled{opacity:.6;cursor:default}.hr-like-wrap{position:relative}.hr-like-actions{align-items:center;display:flex}.hr-like-actions .hr-react{flex:1;min-width:0}.hr-react-more{color:var(--hr-ink2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:9px 10px;font-size:12px;font-weight:700}.hr-react-more:hover,.hr-react-more[aria-expanded=true]{color:var(--hr-teal-800);background:#1018280f}.hr-react-more:disabled{opacity:.6;cursor:default}.hr-react-picker{border:1px solid var(--hr-line);opacity:0;pointer-events:none;z-index:10;background:#fff;border-radius:999px;gap:2px;padding:4px 6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 10px 28px #10182829}.hr-like-wrap:hover .hr-react-picker,.hr-like-wrap:focus-within .hr-react-picker,.hr-like-wrap.open .hr-react-picker{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.hr-react-picker button{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 5px;font-size:22px;transition:transform .12s}.hr-react-picker button:hover{transform:scale(1.25)}.hr-comments{flex-direction:column;gap:10px;margin-top:8px;padding-top:4px;display:flex}.hr-comment{align-items:flex-start;gap:10px;display:flex}.hr-comment-bubble{background:var(--hr-bg);border-radius:14px;min-width:0;max-width:100%;padding:8px 12px;display:inline-block}.hr-post.featured .hr-comment-bubble{background:#fff}.hr-comment-bubble b{color:var(--hr-ink);font-size:13px}.hr-comment-bubble p{color:var(--hr-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;font-size:14px}.hr-comment-meta{color:var(--hr-ink3);gap:10px;padding:3px 0 0 12px;font-size:12px;display:flex}.hr-comment-meta button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;padding:0;font-weight:600}.hr-comment-meta button:hover{color:var(--hr-red)}.hr-comment-form{align-items:center;gap:8px;display:flex}.hr-comment-form input{border:1px solid var(--hr-line);background:var(--hr-bg);min-width:0;height:38px;font:inherit;border-radius:999px;flex:1;padding:0 14px;font-size:14px}.hr-comment-form input:focus{border-color:var(--hr-teal);background:#fff;outline:none}.hr-bday-list{flex-direction:column;gap:14px;display:flex}.hr-bday{align-items:center;gap:12px;display:flex}.hr-bday b{color:var(--hr-ink);font-size:14px;display:block}.hr-bday span{color:var(--hr-ink2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.hr-bday .hr-bday-cake{color:#e5484d;flex-shrink:0}.hr-bday-when{text-align:right;flex-shrink:0;min-width:62px}.hr-bday-when b{font-size:13.5px}.hr-bday-when span{color:var(--hr-ink3);font-size:12px}.hr-wevent{background:#f6f8f8;border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex}.hr-wevent-body{align-items:flex-start;gap:14px;display:flex}.hr-wevent-date{border-top:8px solid var(--hr-teal-200);width:58px;box-shadow:var(--hr-shadow);text-align:center;background:#fff;border-radius:10px;flex-shrink:0;padding:6px 0 8px}.hr-wevent-date span{color:var(--hr-ink2);font-size:12px;font-weight:600;display:block}.hr-wevent-date b{color:var(--hr-ink);font-size:24px;font-weight:800;line-height:1.1;display:block}.hr-wevent-title{color:var(--hr-ink);font-size:15px;display:block}.hr-wevent-sub{color:var(--hr-ink2);margin:4px 0 8px;font-size:13px}.hr-wevent-line{color:var(--hr-ink2);align-items:flex-start;gap:8px;margin-top:6px;font-size:13px;display:flex}.hr-wevent-line svg{color:var(--hr-ink3);flex-shrink:0;margin-top:1px}.hr-wevent-btn{cursor:pointer;color:var(--hr-teal-800);font:inherit;background:#ddf1ee;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;font-size:14px;font-weight:700;display:inline-flex}.hr-wevent-btn:hover{background:var(--hr-teal-100)}@media (width<=560px){.hr-composer-bar{padding-left:0}.hr-tool{padding:7px 8px}.hr-tool-sep{display:none}}.hr-wall-preview{flex-direction:column;gap:12px;display:flex}.hr-wall-preview-item{cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:4px;display:flex}.hr-wall-preview-item:hover{background:var(--hr-bg)}.hr-wall-preview-item p{color:var(--hr-ink2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:13px;display:-webkit-box;overflow:hidden}.hr-wall-preview-item time{color:var(--hr-ink3);font-size:11.5px}.hr-post.birthday{background:linear-gradient(160deg,#fff7ec 0%,#fdf1f6 100%);border-color:#f7dcc4}.hr-post.birthday .hr-post-flag{color:#c2410c}.hr-post.birthday .hr-post-actions{border-color:#f7dcc4}.hr-post.birthday .hr-view-btn{color:#9a3412;background:#fce7d4}.hr-photo{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.hr-photo-frame{flex-shrink:0;position:relative}.hr-photo-frame .hr-avatar{width:100%;height:100%}.hr-photo-btn{color:#fff;cursor:pointer;background:#0f7e75;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:11px;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 2px 6px #10182833}.hr-photo-btn:hover{background:#0b5e57}.hr-photo-btn:disabled{opacity:.7;cursor:default}.hr-photo-remove{cursor:pointer;color:#9ca3af;font:inherit;background:0 0;border:none;padding:0;font-size:11.5px}.hr-photo-remove:hover{color:#dc3545;text-decoration:underline}.hr-photo-err{color:#dc3545;text-align:center;max-width:160px;font-size:11.5px}.hr-bottom-nav{display:none}@media (width<=768px){.hr-theme .layout-content{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.hr-bottom-nav{z-index:180;border-top:1px solid var(--hr-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.hr-bn-link{cursor:pointer;min-height:48px;font:inherit;color:#9ca3af;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.hr-bn-link svg,.hr-bn-link img{width:22px;height:22px}.hr-bn-link.on{color:var(--hr-teal-700);background:var(--hr-teal-50)}.hr-page{gap:14px}.hr-card{padding:16px}.hr-table-wrap{margin:0 -16px -16px}.hr-head-actions{width:100%}.hr-head-actions>*{flex:1;justify-content:center}.hr-seg{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.hr-seg button{flex-shrink:0}.hr-toolbar>*{flex:100%}.hr-theme .form-input{min-height:44px;font-size:16px}.hr-theme .btn,.hr-btn{min-height:40px}.hr-hero-btn{width:100%;padding:16px 26px;font-size:18px}.hr-modal-back{align-items:flex-end;padding:0}.hr-modal{max-width:none;max-height:92vh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}}@media (width<=640px){.hr-theme .hr-table,.hr-theme .table{border-collapse:separate;min-width:0}.hr-theme .hr-table thead,.hr-theme .table thead{display:none}.hr-theme .hr-table tbody,.hr-theme .table tbody{display:block}.hr-theme .hr-table tr,.hr-theme .table tr{border:1px solid var(--hr-line);background:#fff;border-radius:14px;margin:0 12px 12px;padding:6px 14px;display:block}.hr-theme .hr-table-wrap .hr-table tr:first-child{margin-top:12px}.hr-theme .table tr{margin:0 0 10px}.hr-theme .hr-table td,.hr-theme .table td{border:none;border-top:1px solid var(--hr-line);text-align:right;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:8px 0;display:flex}.hr-theme .hr-table td:first-child,.hr-theme .table td:first-child{border-top:none}.hr-theme .hr-table td:before,.hr-theme .table td:before{content:attr(data-label);text-align:left;color:var(--hr-ink3);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-size:12px;font-weight:600}.hr-theme .hr-table td:not([data-label]):before,.hr-theme .table td:not([data-label]):before{content:none}.hr-theme .hr-table td:not([data-label]),.hr-theme .table td:not([data-label]){justify-content:flex-end}.hr-theme .hr-table td[colspan],.hr-theme .table td[colspan]{text-align:center;display:block}.hr-theme .hr-table td:empty,.hr-theme .table td:empty{display:none}:is(.hr-theme .hr-table tr:has(td[colspan]),.hr-theme .table tr:has(td[colspan])){border-style:dashed}}@media (width<=768px){.hr-theme .notif-dropdown{left:12px;width:auto!important;position:fixed!important;top:60px!important;right:12px!important}}@media (width<=820px){.hr-dash-main.even{grid-template-columns:minmax(0,1fr)}}.it-app{--it-bg:#f4f6fb;--it-surface:#fff;--it-border:#e4e8f0;--it-text:#0f172a;--it-muted:#64748b;--it-accent:#4f46e5;--it-accent-soft:#eef2ff;--it-danger:#dc2626;--it-warn:#d97706;--it-ok:#059669;--it-radius:14px;--it-shadow:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0d;color:var(--it-text);background:var(--it-bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}.it-app *,.it-app :before,.it-app :after{box-sizing:border-box}.it-login{background:radial-gradient(1200px 600px at 10% -10%,#c7d2fe 0%,#0000 60%),radial-gradient(900px 500px at 110% 110%,#a5b4fc 0%,#0000 55%),#eef2ff;place-items:center;min-height:100vh;padding:24px 16px;display:grid}.it-login-card{background:var(--it-surface);border-radius:18px;width:100%;max-width:400px;padding:36px 32px 30px;box-shadow:0 10px 40px #1e293b1f}.it-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.it-brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:10px;place-items:center;width:36px;height:36px;font-size:16px;display:grid;box-shadow:0 4px 12px #4f46e559}.it-login-title{letter-spacing:-.02em;margin:26px 0 4px;font-size:22px;font-weight:800}.it-login-sub{color:var(--it-muted);margin:0 0 22px;font-size:14px}.it-field{margin-bottom:14px}.it-field label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.it-input{width:100%;height:44px;color:var(--it-text);background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.it-input:focus{border-color:var(--it-accent);outline:none;box-shadow:0 0 0 4px #4f46e526}.it-btn{cursor:pointer;background:var(--it-accent);color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:background .15s,transform 50ms;display:inline-flex}.it-btn:hover{background:#4338ca}.it-btn:active{transform:translateY(1px)}.it-btn:disabled{opacity:.6;cursor:not-allowed}.it-btn-block{width:100%}.it-btn-ghost{color:var(--it-text);background:#fff;border-color:#cbd5e1}.it-btn-ghost:hover{background:#f8fafc}.it-btn-danger-ghost{color:var(--it-danger);background:#fff;border-color:#fecaca}.it-btn-sm{height:34px;padding:0 12px;font-size:13px}.it-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px}.it-shell{min-height:100vh;display:flex}.it-sidebar{color:#cbd5e1;background:#0b1220;flex-direction:column;flex-shrink:0;gap:4px;width:240px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.it-sidebar .it-brand{color:#fff;padding:0 8px 18px}.it-nav-link{color:#94a3b8;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.it-nav-link:hover{color:#e2e8f0;background:#ffffff0d}.it-nav-link.active{background:var(--it-accent);color:#fff}.it-sidebar-foot{border-top:1px solid #ffffff14;margin-top:auto;padding:14px 10px 0;font-size:12px}.it-sidebar-foot strong{color:#e2e8f0;margin-bottom:8px;font-size:13px;display:block}.it-main{flex:1;min-width:0;padding:28px 32px 40px}.it-topbar{display:none}.it-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.it-page-title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.it-page-sub{color:var(--it-muted);margin:4px 0 0;font-size:14px}.it-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.it-kpi{background:var(--it-surface);border:1px solid var(--it-border);border-radius:var(--it-radius);box-shadow:var(--it-shadow);min-width:0;padding:18px}.it-kpi-label{color:var(--it-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.it-kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:800}.it-kpi-foot{color:var(--it-muted);margin-top:4px;font-size:12px}.it-kpi-accent-ok{color:var(--it-ok)}.it-kpi-accent-warn{color:var(--it-warn)}.it-kpi-accent-brand{color:var(--it-accent)}.it-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.it-panel{background:var(--it-surface);border:1px solid var(--it-border);border-radius:var(--it-radius);box-shadow:var(--it-shadow);min-width:0;padding:18px}.it-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.it-panel-title{margin:0;font-size:15px;font-weight:700}.it-badge{color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.it-badge-warn{color:#b45309;background:#fffbeb}.it-badge-danger{color:#b91c1c;background:#fef2f2}.it-list{margin:0;padding:0;list-style:none}.it-list li{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.it-list li:last-child{border-bottom:none}.it-list .it-item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.it-list .it-item-sub{color:var(--it-muted);font-size:12px}.it-date{font-variant-numeric:tabular-nums;color:var(--it-warn);white-space:nowrap;font-size:13px;font-weight:600}.it-empty{color:#94a3b8;text-align:center;padding:14px 0;font-size:14px}.it-bars{flex-direction:column;gap:10px;display:flex}.it-bar-row{grid-template-columns:96px 1fr 36px;align-items:center;gap:10px;font-size:13px;display:grid}.it-bar-track{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden}.it-bar-fill{background:linear-gradient(90deg,#818cf8,#4f46e5);border-radius:999px;height:100%}.it-bar-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}@media (width<=1100px){.it-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.it-panels{grid-template-columns:1fr}}@media (width<=760px){.it-shell{display:block}.it-sidebar{z-index:60;width:260px;height:100vh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:8px 0 30px #00000040}.it-sidebar.open{transform:translate(0)}.it-scrim{z-index:55;background:#0f172a73;position:fixed;inset:0}.it-topbar{z-index:50;color:#fff;background:#0b1220;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.it-topbar .it-brand{font-size:16px}.it-menu-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:10px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.it-main{padding:18px 14px 32px}.it-page-title{font-size:21px}}@media (width<=520px){.it-kpis{grid-template-columns:1fr 1fr;gap:10px}.it-kpi{padding:14px}.it-kpi-value{font-size:22px}.it-login-card{padding:28px 22px 24px}.it-list li{flex-wrap:wrap}.it-bar-row{grid-template-columns:80px 1fr 30px}}.complaint-detail-page{width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:clamp(12px,2vw,24px)}.cc-review-section+.cc-review-section{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.cc-review-heading{color:var(--text2);letter-spacing:.035em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.cc-review-grid,.cc-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 16px;display:grid}.cc-review-grid--capa{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-review-grid--capa .cc-review-field--wide,.cc-review-grid--closure .cc-review-field--wide{grid-column:auto}.cc-review-grid--closure{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-review-grid--signoff{margin-top:4px}.cc-review-field{min-width:0}.cc-review-field--wide{grid-column:1/-1}.cc-review-field textarea{resize:vertical;min-height:112px}.cc-plan-grid{gap:12px}.cc-plan-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card2);min-width:0;padding:14px}.cc-plan-picker{margin:10px 0 6px}.cc-plan-picker input{max-width:100%;font:inherit;font-size:13px}.cc-plan-hint{color:var(--text2);font-size:12px;line-height:1.45;display:block}.cc-plan-files{overflow-wrap:anywhere;margin:8px 0 0;padding-left:18px}.cc-plan-uploading{color:var(--text2);margin-top:8px;font-size:13px}.cc-review-status{width:min(100%,340px);margin-top:16px}.cc-review-footer{padding-bottom:max(16px, env(safe-area-inset-bottom));justify-content:flex-end;display:flex}@media (width<=760px){.cc-review-grid--capa,.cc-review-grid--closure{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.complaint-detail-page{padding:12px}.cc-review-section+.cc-review-section{margin-top:14px;padding-top:14px}.cc-review-grid,.cc-plan-grid{grid-template-columns:minmax(0,1fr)}}