:root{--orange:#f9ab10;--light-blue:#68bdfe;--violet:#7f80f2;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f9fafc;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--info:#2563eb;--shadow:0 10px 28px #1f29370f;--shadow-strong:0 18px 44px #1f29371f}*{box-sizing:border-box}html,body{width:100%;min-height:100%;overflow-x:hidden}body{background:linear-gradient(180deg, #68bdfe1a, transparent 260px), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-screen{background:linear-gradient(135deg,#f9ab101f,#0000 32%),linear-gradient(155deg,#f7f9fc 0%,#eef7ff 58%,#f8fafc 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:min(980px,100%);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #e5e7ebe6;border-radius:8px;grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.login-brief{background:linear-gradient(135deg,#ffffffe6,#dbeafeb8),linear-gradient(135deg,#f9ab1024,#7f80f21f);flex-direction:column;justify-content:space-between;gap:36px;min-height:560px;padding:34px;display:flex}.login-brief h1{max-width:540px;margin:10px 0 0;font-size:40px;line-height:1.08}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.login-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.login-flow>div{background:#ffffffc7;border:1px solid #e5e7ebeb;border-radius:8px;align-items:center;gap:10px;padding:12px;font-weight:900;display:flex}.login-card{background:#fffffff5;flex-direction:column;justify-content:center;padding:34px;display:flex}.login-card-head{align-items:center;gap:13px;margin-bottom:6px;display:flex}.login-card-head h2{margin:0;font-size:24px}.login-card-head p,.login-note{color:var(--muted);margin:4px 0 0;font-size:13px}.brand{align-items:center;gap:12px;display:flex}.brand-logo{border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:visible}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-mark{background:linear-gradient(135deg, var(--orange), var(--light-blue));color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px}.muted{color:var(--muted)}.field{gap:6px;margin-top:16px;display:grid}.field label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.input,.select,.textarea{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:9px 11px}.textarea{resize:vertical;min-height:86px}.input:focus,.select:focus,.textarea:focus{border-color:var(--light-blue);box-shadow:0 0 0 3px #68bdfe33}.btn{border:1px solid var(--border);min-height:40px;color:var(--text);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:800;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex}.btn.primary{border-color:var(--orange);background:linear-gradient(135deg, var(--orange), #ff7a1a);color:#fff;box-shadow:0 12px 22px #f9ab103d}.btn.blue{border-color:var(--violet);background:var(--violet);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.64}.btn:not(:disabled):hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn.active{color:#9a3412;background:#fff7ed;border-color:#f9ab1073}.stack{gap:12px;display:grid}.demo-logins{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.input-shell{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;padding-left:11px;display:flex}.input-shell svg{color:var(--muted);flex:none}.input-shell .input{box-shadow:none;border:0;padding-left:0}.app-shell{grid-template-columns:240px minmax(0,1fr);width:100%;height:100vh;min-height:100vh;transition:grid-template-columns .22s;display:grid;overflow:hidden}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.app-shell.sidebar-collapsed.hover-expanded{grid-template-columns:240px minmax(0,1fr)}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff5,#f8fafcf5);min-width:0;height:100vh;padding:16px 12px;position:relative;overflow:hidden auto}.sidebar .brand{position:relative}.collapse-btn{margin-left:auto}.sidebar-collapsed .sidebar{padding-inline:10px}.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed.hover-expanded .brand{justify-content:flex-start}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-group>span,.sidebar-collapsed .nav-link span{display:none}.sidebar-collapsed.hover-expanded .brand-text,.sidebar-collapsed.hover-expanded .nav-group>span,.sidebar-collapsed.hover-expanded .nav-link span{display:block}.sidebar-collapsed .collapse-btn{position:absolute;bottom:-34px;right:-2px;transform:rotate(180deg)}.sidebar-collapsed.hover-expanded .collapse-btn{bottom:auto;right:0}.nav{gap:12px;margin-top:18px;display:grid}.nav-group{gap:6px;display:grid}.nav-group>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 10px;font-size:10px;font-weight:900}.nav-link{color:var(--muted);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:9px 11px;font-size:14px;font-weight:620;transition:transform .16s,background .16s,color .16s,box-shadow .16s;display:flex}.nav-link svg{flex:none}.sidebar-collapsed .nav{margin-top:38px}.sidebar-collapsed.hover-expanded .nav{margin-top:18px}.sidebar-collapsed .nav-link{justify-content:center;padding-inline:8px}.sidebar-collapsed.hover-expanded .nav-link{justify-content:flex-start;padding-inline:11px}.nav-link:hover,.nav-link.active{color:var(--text);background:#fff6e3;transform:translate(2px)}.sidebar-profile{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:10px;margin-top:22px;padding:12px;display:flex}.sidebar-profile strong,.sidebar-profile span{display:block}.sidebar-profile span{max-width:170px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.nav-link.active{background:linear-gradient(135deg,#f9ab1033,#68bdfe2e);border-left:0;box-shadow:inset 0 0 0 1px #f9ab1038}.main{min-width:0;max-width:100%;height:100vh;padding:18px clamp(16px,2.2vw,28px) 36px;overflow:hidden auto}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(100%,1480px);min-height:72px;margin:0 auto 16px;padding:0;display:flex}.topbar h1{color:#0f172a;margin:0;font-size:26px;font-weight:760;line-height:1.2}.topbar p{color:var(--muted);margin:3px 0 0;font-size:13px}.user-pill{background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.topbar-month{justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:inline-flex}.compact-select,.compact-month{width:auto;max-width:170px;min-height:36px;padding-block:7px;font-size:13px;font-weight:760}.compact-month{max-width:150px}.topbar-search{border:1px solid var(--border);width:min(360px,28vw);min-height:40px;color:var(--muted);box-shadow:var(--shadow);background:#ffffffdb;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:flex}.topbar-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.topbar-date{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:620;display:inline-flex}.role-badge{color:#fff;background:linear-gradient(135deg, var(--violet), #6366f1);border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}.role-badge.manager{background:linear-gradient(135deg, var(--light-blue), var(--info))}.role-badge.telecaller{background:linear-gradient(135deg, var(--orange), #ff7a1a)}.user-pill span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}.user-pill strong{color:var(--violet);font-size:12px;font-weight:720}.icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:8px;place-items:center;transition:transform .16s,box-shadow .16s,color .16s;display:inline-grid}.icon-btn:hover{color:var(--text);box-shadow:var(--shadow);transform:translateY(-1px)}.page{gap:16px;width:min(100%,1480px);min-width:0;max-width:100%;margin:0 auto;animation:.25s both fade-in;display:grid}.section{gap:14px;display:grid}.section h2,.panel h2{margin:0;font-size:17px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.metric-card,.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px}.metric-card{gap:8px;min-height:94px;padding:14px;display:grid}.metric-card.premium{border:1px solid #e5e7ebeb;align-items:center;gap:12px;min-height:96px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.metric-card.premium:after{content:"";background:linear-gradient(90deg, var(--orange), var(--light-blue), var(--violet));opacity:.75;height:4px;position:absolute;inset:auto 0 0}.metric-card:hover{box-shadow:var(--shadow-strong);border-color:#f9ab108c;transform:translateY(-3px)}.metric-card span{color:var(--muted);font-size:13px;font-weight:800}.metric-card strong{font-size:26px;line-height:1}.metric-card small{color:var(--muted);font-size:12px;font-weight:800}.metric-content{gap:6px;display:grid}.panel{min-width:0;max-width:100%;padding:16px}.toolbar{z-index:6;grid-template-columns:1.3fr repeat(3,minmax(140px,.55fr)) auto;align-items:end;gap:10px;display:grid;position:sticky;top:94px}.compact-toolbar{grid-template-columns:repeat(2,minmax(180px,260px)) auto;justify-content:start;position:static}.ops-band{min-width:0;box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #e2e8f0f2;border-radius:8px;padding:12px}.toolbar-action-row{background:linear-gradient(135deg,#68bdfe1f,#7f80f21a);border:1px solid #68bdfe38;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.toolbar-action-row>div{gap:2px;min-width:0;display:grid}.toolbar-action-row strong{color:var(--text);font-size:13px}.toolbar-action-row span{color:var(--muted);font-size:12px}.ops-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;min-width:0;display:grid}.ops-toolbar-fields{grid-template-columns:minmax(220px,1.3fr) repeat(auto-fit,minmax(150px,.55fr));align-items:end;gap:10px;min-width:0;display:grid}.ops-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:8px;min-width:0;display:flex}.loose-actions{justify-content:flex-start;margin-top:2px}.toolbar .field,.ops-toolbar .field{margin-top:0}.table-wrap,.table-shell{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;max-width:100%;overflow:auto hidden}table{border-collapse:collapse;width:100%;min-width:0}.data-table{min-width:var(--table-min-width,720px)}.data-table .action-col{z-index:2;background:#fff;width:1%;min-width:150px;position:sticky;right:0;box-shadow:-10px 0 18px #0f172a0a}.data-table th.action-col{z-index:3;background:var(--surface-soft)}.data-table .remark-col{width:220px;max-width:220px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 11px;font-size:13px}th{background:var(--surface-soft);color:var(--muted);text-transform:uppercase;z-index:1;letter-spacing:.02em;white-space:nowrap;font-size:11px;position:sticky;top:0}tr:last-child td{border-bottom:0}tbody tr{transition:background .14s}tbody tr:hover{background:#f8fbff}.badge{color:#0369a1;white-space:nowrap;background:#eef6ff;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge.success{color:#166534;background:#dcfce7}.badge.warning{color:#9a3412;background:#fff7ed}.badge.pending{color:#92400e;background:#fef3c7}.badge.danger{color:#991b1b;background:#fef2f2}.badge.blocked{color:#7f1d1d;background:#fef2f2}.badge.info{color:#1d4ed8;background:#dbeafe}.badge.purple{color:#6d28d9;background:#ede9fe}.badge.neutral{color:#475569;background:#f1f5f9}.empty-state,.skeleton{border:1px dashed var(--border);color:var(--muted);text-align:center;background:#ffffffb8;border-radius:8px;padding:28px}.empty-state{justify-items:center;gap:8px;display:grid}.empty-state svg{color:var(--violet)}.skeleton{min-height:132px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.filters{flex-wrap:wrap;gap:8px;display:flex}.pager{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.detail-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.toast{z-index:20;color:#fff;box-shadow:var(--shadow);background:#111827;border-radius:8px;padding:12px 14px;animation:.2s both toast-in;position:fixed;bottom:22px;right:22px}.error-text{color:var(--danger);font-weight:700}@media (max-width:1050px){.login-panel{grid-template-columns:1fr}.login-brief{gap:24px;min-height:auto}.login-brief h1{font-size:30px}.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{height:auto;max-height:220px;position:static}.nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:14px}.main{height:auto;padding:14px;overflow:visible}.topbar{align-items:flex-start;min-height:auto}.topbar-actions{flex-wrap:wrap}.topbar-month{flex-wrap:wrap;justify-content:flex-start;margin-left:0}.topbar-search{width:min(100%,360px)}.card-grid,.detail-grid,.journey-summary-grid,.toolbar,.login-flow,.form-grid,.ops-toolbar{grid-template-columns:1fr}.ops-toolbar-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ops-toolbar-actions{justify-content:flex-start}.toolbar-action-row{flex-direction:column;align-items:flex-start}.queue-row{grid-template-columns:1fr 1fr}}@media (max-width:620px){.login-screen{padding:14px}.login-brief,.login-card{padding:22px}.demo-logins{grid-template-columns:1fr}.topbar,.user-pill{flex-direction:column;align-items:stretch}.topbar-month{width:100%}.compact-select,.compact-month{width:100%;max-width:none}.topbar-actions{justify-content:flex-start;align-items:stretch}.topbar h1{font-size:22px}.user-pill{flex-flow:wrap;justify-content:flex-start;min-width:0}.queue-row,.record-hero-main{grid-template-columns:1fr;display:grid}.ops-toolbar-fields{grid-template-columns:1fr}.btn{min-height:36px;padding:8px 10px}}.section-head{align-items:center;gap:13px;display:flex}.section-head span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.section-head h2{margin:0;font-size:18px}.section-head p{color:var(--muted);margin:3px 0 0;font-size:13px}.icon-tile{border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.icon-tile.orange{color:#ea580c;background:#fff7ed}.icon-tile.blue{color:#2563eb;background:#dbeafe}.icon-tile.purple{color:#7c3aed;background:#ede9fe}.icon-tile.green{color:#16a34a;background:#dcfce7}.icon-tile.amber{color:#d97706;background:#fef3c7}.icon-tile.red{color:#dc2626;background:#fee2e2}.icon-tile.slate{color:#475569;background:#f1f5f9}.metric-card.green:after{background:linear-gradient(90deg,#22c55e,#16a34a)}.metric-card.amber:after{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.metric-card.red:after{background:linear-gradient(90deg,#fb7185,#dc2626)}.metric-card.blue:after{background:linear-gradient(90deg,#68bdfe,#2563eb)}.metric-card.purple:after{background:linear-gradient(90deg,#7f80f2,#7c3aed)}.person-cell{align-items:center;gap:10px;display:flex}.person-cell span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.avatar{color:#3730a3;background:linear-gradient(135deg,#68bdfe40,#7f80f238);border-radius:999px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.pipeline{flex-wrap:wrap;gap:10px;display:flex}.pipeline-step{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:900;display:inline-flex}.pipeline.compact .pipeline-step{padding:5px 8px;font-size:11px}.pipeline-step.done{color:#166534;background:#dcfce7;border-color:#bbf7d0}.pipeline-step.pending{color:#92400e;background:#fef3c7;border-color:#fde68a}.pipeline-step.issue{color:#991b1b;background:#fee2e2;border-color:#fecaca}.pipeline-step.neutral{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.search-shell{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;padding-left:12px;display:flex}.search-shell .input{box-shadow:none;border:0;padding-left:0}.compact-metric{min-width:0;min-height:92px;box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f0f2;border-radius:8px;align-items:center;gap:11px;padding:13px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}a.compact-metric:hover{box-shadow:var(--shadow-strong);border-color:#68bdfebf;transform:translateY(-2px)}.compact-metric span,.compact-metric small{color:var(--muted);font-size:12px;font-weight:620;display:block}.compact-metric strong{margin-top:3px;font-size:25px;font-weight:780;line-height:1;display:block}.compact-metric small{margin-top:4px;font-size:11px}.command-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.daily-chart{border-top:1px solid var(--border);gap:12px;min-width:0;padding-top:12px;display:grid}.daily-chart.no-border{border-top:0;padding-top:0}.daily-bars{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));align-items:end;gap:8px;min-width:0;min-height:180px;display:grid}.daily-bar-item{min-width:0;color:var(--muted);grid-template-rows:18px 132px 16px;justify-items:center;gap:5px;font-size:10px;font-weight:700;display:grid}.daily-bar-track{background:#68bdfe24;border-radius:999px;align-items:end;width:100%;max-width:34px;height:132px;display:flex;overflow:hidden}.daily-bar-track i{background:linear-gradient(#7f80f2,#68bdfe);border-radius:999px 999px 0 0;width:100%;display:block;box-shadow:0 8px 18px #68bdfe47}.section-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;gap:12px;padding:14px;display:grid}.section-title-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.section-title-row h2,.section-title-row h3{margin:0;font-size:16px}.section-title-row p{color:var(--muted);margin:3px 0 0;font-size:12px}.segment-scroller{scrollbar-width:thin;gap:8px;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.segment-chip{border:1px solid var(--border);min-height:34px;color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:850;display:inline-flex}.segment-chip.active{color:#9a3412;background:#fff7ed;border-color:#f9ab108c}.journey-stepper{gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.journey-step{border:1px solid var(--border);background:#fff;border-radius:8px;flex:1 0 120px;align-items:center;gap:8px;min-width:120px;padding:10px;display:flex}.journey-stepper.compact .journey-step{flex-basis:108px;min-width:108px;padding:8px}.journey-step strong,.journey-step small{display:block}.journey-step strong{font-size:12px}.journey-step small{color:var(--muted);margin-top:2px;font-size:11px}.journey-dot{color:#64748b;background:#f1f5f9;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;display:grid}.journey-step.done .journey-dot{color:#16a34a;background:#dcfce7}.journey-step.current .journey-dot{color:#2563eb;background:#dbeafe}.journey-step.blocked .journey-dot{color:#dc2626;background:#fee2e2}.journey-step.neutral .journey-dot{color:#7c3aed;background:#ede9fe}.field-group{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.field-group h3{color:var(--text);margin:0;font-size:14px}.truncate-text{text-overflow:ellipsis;white-space:nowrap;max-width:min(260px,100%);display:block;overflow:hidden}.cell-stack{gap:4px;min-width:0;display:grid}.cell-stack strong,.cell-stack span,.cell-stack small{min-width:0}.cell-muted{color:var(--muted);font-size:12px}.row-actions{white-space:nowrap;flex-wrap:nowrap;gap:6px;display:inline-flex}.work-queue{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:10px;display:grid}.work-card,.upload-card,.report-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:14px;transition:transform .16s,box-shadow .16s}.work-card:hover,.upload-card:hover,.report-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.drawer-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.mini-stat{border:1px solid var(--border);background:#fff;border-radius:8px;padding:12px}.mini-stat span{color:var(--muted);font-size:12px;font-weight:900}.mini-stat strong{margin-top:5px;font-size:21px;display:block}.import-grid,.report-grid,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.compact-option-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.compact-option-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:8px;align-items:flex-start;gap:10px;min-width:0;padding:12px;display:flex}.compact-option-card.active{background:#f5f3ff;border-color:#7f80f273}.compact-option-card h3{margin:0;font-size:14px}.compact-option-card p{color:var(--muted);margin:3px 0 0;font-size:12px}.workflow-list{gap:8px;display:grid}.queue-row{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:minmax(190px,1.1fr) minmax(130px,.7fr) minmax(190px,1.1fr) auto;align-items:center;gap:12px;min-width:0;padding:11px;display:grid}.queue-row.overdue{background:linear-gradient(90deg,#fef2f2db,#fff);border-color:#dc262638}.queue-meta{flex-wrap:wrap;gap:6px;display:flex}.tab-list{gap:8px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.tab-button{border:1px solid var(--border);min-height:36px;color:var(--muted);background:#fff;border-radius:999px;flex:none;padding:7px 12px;font-size:12px;font-weight:850}.tab-button.active{color:#5b21b6;background:#ede9fe;border-color:#7f80f273}.record-hero{z-index:9;min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:8px;gap:12px;padding:14px;display:grid;position:sticky;top:0}.record-hero-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.record-hero h2{margin:0;font-size:22px}.record-hero p{color:var(--muted);margin:4px 0 0;font-size:13px}.record-facts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.journey-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.journey-summary-card{border:1px solid var(--border);background:#ffffffe0;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.journey-summary-card.current{background:linear-gradient(135deg,#68bdfe1f,#fff 56%);border-color:#68bdfe8c}.journey-summary-card.done{background:linear-gradient(135deg,#22c55e1a,#fff 58%);border-color:#16a34a47}.journey-summary-card.blocked{background:linear-gradient(135deg,#fee2e2b8,#fff 58%);border-color:#dc262647}.journey-summary-card h3{margin:0;font-size:15px}.journey-summary-card dl{gap:7px;margin:0;display:grid}.journey-summary-card dl div{justify-content:space-between;gap:10px;min-width:0;display:flex}.journey-summary-card dt{color:var(--muted);font-size:11px;font-weight:800}.journey-summary-card dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:58%;margin:0;font-size:12px;font-weight:750;overflow:hidden}.fact-pill{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;min-width:0;padding:8px 9px}.fact-pill span,.fact-pill strong{display:block}.fact-pill span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.fact-pill strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.note-list,.timeline-list{gap:8px;display:grid}.note-card,.timeline-item{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;padding:11px}.timeline-item{grid-template-columns:28px minmax(0,1fr);gap:10px;display:grid}.timeline-icon{color:#2563eb;background:#eef6ff;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.note-card p,.timeline-item p{color:var(--muted);word-break:break-word;margin:4px 0 0}.note-card small,.timeline-item small{color:var(--muted);font-size:11px}.drawer-shell{z-index:1000;place-items:stretch end;min-height:100dvh;display:grid;position:fixed;inset:0}.drawer-backdrop{background:#0f172a5c;border:0;position:absolute;inset:0}.drawer-panel{border-left:1px solid var(--border);background:#fff;grid-template-rows:auto minmax(0,1fr);width:min(640px,95vw);height:100dvh;min-height:100dvh;max-height:100dvh;animation:.2s both drawer-in;display:grid;position:relative;overflow:hidden;box-shadow:-20px 0 50px #0f172a29}.drawer-head{z-index:2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;display:flex;position:sticky;top:0}.drawer-head h2{margin:0;font-size:20px}.drawer-head p{color:var(--muted);margin:5px 0 0}.drawer-body{min-width:0;padding:16px;overflow:auto}.drawer-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.drawer-body .drawer-actions{z-index:2;margin-inline:-16px;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;margin-bottom:-16px;padding:12px 16px;position:sticky;bottom:-16px;right:0}.active-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chip{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.filter-chip strong{color:var(--text)}.journey-tabs{flex-wrap:wrap;gap:8px;display:flex}.journey-tabs .active{color:#9a3412;background:#fff7ed;border-color:#f9ab1073}.activity-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:10px;margin-bottom:16px;padding:14px;display:grid}.activity-summary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.activity-summary dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.activity-summary dd{margin:3px 0 0;font-weight:800}.activity-complete{border:1px dashed var(--border);text-align:center;border-radius:8px;justify-items:center;gap:10px;padding:28px;display:grid}.profile-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.info-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:13px}.info-card span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900;display:block}.info-card strong{word-break:break-word;margin-top:5px;display:block}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (max-width:1200px){.card-grid,.summary-grid,.metric-row,.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.profile-strip,.activity-summary dl,.import-grid,.report-grid,.settings-grid,.work-queue,.journey-summary-grid,.metric-row,.command-grid{grid-template-columns:1fr}.drawer-panel{width:100%}}