.flow-island{--line:var(--gray-200);--soft:var(--gray-50);--text:var(--gray-950);--muted:var(--gray-500);--card:#fff;color:var(--text);font-size:14px}.dark .flow-island{--line:color-mix(in oklab, var(--gray-700) 70%, transparent);--soft:color-mix(in oklab, var(--gray-800) 60%, transparent);--text:#fff;--muted:var(--gray-400);--card:var(--gray-900)}.flow-island-loading{color:var(--gray-500);padding:32px}.fx-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.fx-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.fx-tabs-r{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.fx-tabs-r button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.fx-tabs-r button:hover{color:var(--text)}.fx-tabs-r button[aria-selected=true]{background:color-mix(in oklab, var(--primary-500) 12%, transparent);color:var(--primary-600)}.dark .fx-tabs-r button[aria-selected=true]{color:var(--primary-400)}.fx-count{background:var(--soft);color:var(--muted);border-radius:999px;padding:0 6px;font-size:11px}.fx-search{flex:0 320px;min-width:260px;position:relative}.fx-search input{border:1px solid var(--line);background:var(--card);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 12px 8px 34px}.fx-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary-500) 20%, transparent)}.fx-search svg{width:16px;height:16px;color:var(--muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.fx-tbl{border-collapse:collapse;width:100%;transition:opacity .15s}.fx-tbl.is-loading{opacity:.55}.fx-tbl th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--soft);padding:10px 14px;font-size:13px;font-weight:600}.fx-tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.fx-tbl th.sortable:hover{color:var(--text)}.fx-tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.fx-tbl tr.row{cursor:pointer}.fx-tbl tr.row:hover td{background:var(--soft)}.fx-tbl tr.row.open td{background:color-mix(in oklab, var(--primary-500) 7%, transparent)}.fx-tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.fx-tbl .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.fx-tbl .chev{width:16px;color:var(--muted);transition:transform .15s}.fx-tbl tr.open .chev{color:var(--primary-600);transform:rotate(90deg)}.fx-sub{color:var(--muted);font-size:12px}.fx-badge{white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.fx-badge.gray{background:var(--soft);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.fx-badge.success{background:color-mix(in oklab, var(--success-500) 12%, transparent);color:var(--success-700)}.fx-badge.danger{background:color-mix(in oklab, var(--danger-500) 12%, transparent);color:var(--danger-700)}.fx-badge.warning{background:color-mix(in oklab, var(--warning-500) 14%, transparent);color:var(--warning-700)}.fx-badge.primary{background:color-mix(in oklab, var(--primary-500) 12%, transparent);color:var(--primary-700)}.dark .fx-badge.primary{color:var(--primary-300)}.fx-badge.info{background:color-mix(in oklab, var(--info-500) 12%, transparent);color:var(--info-700)}.dark .fx-badge.success{color:var(--success-400)}.dark .fx-badge.danger{color:var(--danger-400)}.dark .fx-badge.warning{color:var(--warning-400)}.dark .fx-badge.info{color:var(--info-400)}.fx-detail>td{background:var(--soft);padding:0}.fx-detail-inner{gap:16px;padding:18px 20px 20px 44px;animation:.18s ease-out fx-open;display:grid}@keyframes fx-open{0%{opacity:0;transform:translateY(-4px)}}.fx-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 24px;display:grid}.fx-field span{color:var(--muted);font-size:12px;display:block}.fx-field strong{font-weight:600}.fx-box{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.fx-box h4{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.fx-box .fx-tbl th{background:0 0}.fx-box .fx-tbl tr:last-child td{border-bottom:0}.fx-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.fx-actions{flex-wrap:wrap;gap:8px;display:flex}.fx-btn{border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.fx-btn:hover{background:var(--soft)}.fx-btn.primary{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.fx-btn.primary:hover{background:var(--primary-500)}.fx-btn:disabled{opacity:.5;cursor:default}.fx-form{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:start;gap:10px 12px;padding:12px 14px;display:grid}.fx-form label{color:var(--muted);gap:4px;font-size:12px;display:grid}.fx-form label.wide{grid-column:1/-1}.fx-form textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--text);border-radius:7px;padding:6px 9px;font-family:inherit;font-size:13px}.fx-form-box{animation:.18s ease-out fx-open}.fx-form input,.fx-form select{border:1px solid var(--line);background:var(--card);width:100%;color:var(--text);border-radius:7px;padding:6px 9px;font-size:13px}.fx-form .fx-actions{grid-column:1/-1}.fx-err{color:var(--danger-600);margin-top:2px;font-size:12px}.fx-empty{text-align:center;color:var(--muted);padding:40px}.fx-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.fx-pages{gap:4px;display:flex}.fx-pages button{border:1px solid var(--line);background:var(--card);min-width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:7px}.fx-pages button[aria-current=page]{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.fx-pages button:disabled{opacity:.4;cursor:default}@media (width<=760px){.fx-hide-sm{display:none}.fx-two,.fx-form{grid-template-columns:minmax(0,1fr)}.fx-detail-inner{padding:14px}.fx-search{flex:100%;min-width:0}}.fx-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fx-select{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:7px 10px;font-size:13px}.fx-scroll{overflow-x:auto}.fx-tbl tr.row.static{cursor:default}.fx-total td{font-weight:600}.fx-text{white-space:pre-line;font-size:13px}.fx-text span{color:var(--muted);font-size:12px;display:block}.fx-confirm{background:color-mix(in oklab, var(--warning-500) 12%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;animation:.18s ease-out fx-open;display:flex}.fx-flash{color:var(--success-700);font-size:13px;font-weight:500;animation:.18s ease-out fx-open}.dark .fx-flash{color:var(--success-400)}.fx-btn.active{box-shadow:inset 0 0 0 1px var(--primary-500)}.fx-tabs-r button,.fx-btn,.fx-pages button{transition:background-color .12s,color .12s}.fx-tbl tbody tr.row td{transition:background-color .12s}@media (prefers-reduced-motion:reduce){.fx-detail-inner,.fx-form-box,.fx-confirm,.fx-flash{animation:none}}.crm-columns{grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.crm-col{background:var(--soft);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:420px;transition:border-color .12s,background-color .12s;display:flex}.crm-col.over{border-color:var(--primary-500);background:color-mix(in oklab, var(--primary-500) 6%, var(--soft))}.crm-col.closed{opacity:.85}.crm-col header{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:10px 12px;display:flex}.crm-sum{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:600}.crm-cards{flex:1;align-content:start;gap:8px;padding:10px;display:grid}.crm-card{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:10px;gap:4px;padding:10px 12px;transition:box-shadow .12s,transform .12s,opacity .12s;animation:.18s ease-out fx-open;display:grid}.crm-card:hover{box-shadow:0 4px 14px -6px #0000002e}.crm-card[draggable=true]{cursor:grab}.crm-card.dragging{opacity:.4;transform:scale(.98)}.crm-card.stale{border-left:3px solid var(--danger-500)}.crm-card strong{font-size:13px;line-height:1.3}.crm-card-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.crm-value{font-variant-numeric:tabular-nums;font-weight:600}.crm-next{color:var(--muted);font-size:12px}.crm-next.late{color:var(--danger-600)}.crm-move{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:6px;max-width:110px;padding:2px 4px;font-size:11px}.crm-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:10px;padding:18px;font-size:12px}.crm-skeleton{background:linear-gradient(90deg, var(--line), transparent, var(--line));opacity:.5;background-size:200% 100%;border-radius:10px;height:90px;animation:1.2s linear infinite crm-shine}@keyframes crm-shine{to{background-position:-200% 0}}.crm-dialog{z-index:50;background:#00000059;place-items:center;animation:.15s ease-out fx-open;display:grid;position:fixed;inset:0}.crm-dialog .fx-box{width:min(420px,100vw - 32px)}.hr-totals{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-bottom:12px;padding:12px 16px;display:flex}.hr-totals>div{gap:2px;display:grid}.hr-totals strong{font-variant-numeric:tabular-nums;font-size:15px}.hr-totals .hr-abs{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.hr-sheet td{padding:4px 10px}.hr-sheet tr.off td{background:var(--soft);color:var(--muted)}.hr-sheet tr.dirty td:first-child{box-shadow:inset 3px 0 0 var(--primary-500)}.hr-sheet .nowrap{white-space:nowrap}.hr-in{border:1px solid var(--line);background:var(--card);color:var(--text);font-variant-numeric:tabular-nums;text-align:inherit;border-radius:6px;padding:3px 6px;font-size:13px}.hr-in:focus{outline:2px solid var(--primary-500);outline-offset:-1px}.hr-cal{border-collapse:collapse;width:100%;font-size:12px;transition:opacity .15s}.hr-cal.is-loading{opacity:.55}.hr-cal th,.hr-cal td{border-bottom:1px solid var(--line);border-left:1px solid var(--line);text-align:center;min-width:28px;height:34px;padding:0}.hr-cal th{background:var(--soft);color:var(--muted);font-weight:600}.hr-cal th span{color:var(--text);display:block}.hr-cal th small{font-size:10px;font-weight:400;display:block}.hr-cal .name{text-align:left;background:var(--card);z-index:1;border-left:0;min-width:200px;padding:6px 12px;position:sticky;left:0}.hr-cal .name strong,.hr-cal .name .fx-sub{display:block}.hr-cal th.name,.hr-cal .off{background:var(--soft)}.hr-cal .today{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--primary-500) 55%, transparent)}.hr-cell{border-radius:5px;justify-content:center;align-items:center;height:26px;margin:3px 2px;font-size:10px;font-weight:600;animation:.18s ease-out fx-open;display:flex}.hr-cell.success{background:color-mix(in oklab, var(--success-500) 22%, transparent);color:var(--success-700)}.hr-cell.warning{background:color-mix(in oklab, var(--warning-500) 25%, transparent);color:var(--warning-700)}.hr-cell.info{background:color-mix(in oklab, var(--info-500) 22%, transparent);color:var(--info-700)}.hr-cell.primary{background:color-mix(in oklab, var(--primary-500) 20%, transparent);color:var(--primary-700)}.hr-cell.danger{background:color-mix(in oklab, var(--danger-500) 22%, transparent);color:var(--danger-700)}.hr-cell.gray{background:color-mix(in oklab, var(--gray-500) 20%, transparent);color:var(--muted)}.dark .hr-cell.success{color:var(--success-300)}.dark .hr-cell.warning{color:var(--warning-300)}.dark .hr-cell.info{color:var(--info-300)}.dark .hr-cell.primary{color:var(--primary-300)}.dark .hr-cell.danger{color:var(--danger-300)}.hr-cell.pending{background-image:repeating-linear-gradient(135deg, transparent 0 4px, color-mix(in oklab, var(--card) 70%, transparent) 4px 8px)}.hr-cell.sample{background-color:color-mix(in oklab, var(--success-500) 22%, transparent);vertical-align:middle;width:22px;height:14px;margin:0;display:inline-block}.hr-legend{gap:4px}