:root{color:#172033;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,Arial}*{box-sizing:border-box}body{margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.appBody{flex:1;min-height:0;display:flex}aside{color:#fff;background:#0f172a;flex:0 0 250px;width:250px;height:calc(100vh - 86px);padding:18px 14px;position:sticky;top:86px;overflow:auto}aside button,.mobileDrawer button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px;font-size:15px;display:flex}aside button.active,aside button:hover,.mobileDrawer button.active,.mobileDrawer button:hover{color:#fff;background:#1e293b}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:86px;padding:12px 18px 12px 16px;display:flex;position:sticky;top:0}.topbarLeft{flex:1;align-items:center;gap:24px;min-width:0;display:flex}.menuToggle{color:#0f172a;background:#fff;border:1px solid #d8e0ee;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;padding:0;display:none}.topbarBrand{flex:0 0 224px;align-items:center;width:224px;margin:0;display:flex}.topbarBrand img{object-fit:contain;width:214px;height:auto;display:block}.topbarStack{gap:8px;width:min(610px,100%);min-width:0;display:grid}.breadcrumb{color:#64748b;align-items:center;gap:9px;min-width:0;font-size:12px;display:flex}.breadcrumb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.globalSearch{color:#334155;background:#fff;border:1px solid #d8e0ee;border-radius:14px;align-items:center;gap:10px;min-width:0;max-width:100%;height:44px;padding:0 14px;display:flex;box-shadow:0 12px 30px #4754670d}.globalSearch input{border:0;outline:0;width:100%;min-width:0;padding:0;font-size:14px}.topbarActions{flex:none;align-items:center;gap:10px;display:flex}.uploadAction{color:#fff;white-space:nowrap;background:#6d5dfc;border-radius:12px;align-items:center;gap:8px;height:38px;padding:0 16px;font-weight:700;display:flex;box-shadow:0 10px 22px #6d5dfc40}.uploadAction:hover{background:#5b4df0}.iconAction{color:#0f172a;background:#fff;border:1px solid #d8e0ee;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;padding:0;display:grid}.userMenu{color:#0f172a;white-space:nowrap;background:#fff;border:1px solid #d8e0ee;border-radius:999px;flex:none;align-items:center;gap:7px;height:38px;padding:0 12px;font-weight:700;display:flex}.drawerScrim,.mobileDrawer{display:none}.drawerHeader{color:#fff;align-items:center;gap:10px;padding:4px 4px 16px;font-weight:700;display:flex}.drawerHeader img{width:34px;height:34px}.drawerHeader button{justify-content:center;width:36px;height:36px;margin-left:auto;padding:0}main{flex:1;width:100%;max-width:1300px;padding:34px}header h1{margin:0;font-size:34px}header p{color:#667085;margin-top:8px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card,.panel,.module{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #00000008}.card{padding:22px}.card span{color:#667085;display:block}.card strong{margin-top:8px;font-size:30px;display:block}.panel{margin-top:22px;padding:22px}.moduleGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.module{padding:18px}.module h3{margin-top:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eef2f7;padding:13px}th{color:#667085;font-weight:600}.pill{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 10px;font-size:12px}button,.primary{cursor:pointer;background:#e5e7eb;border:0;border-radius:8px;padding:9px 12px}.primary{color:#fff;background:#2563eb;font-weight:700}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}.form{gap:14px;max-width:650px;display:grid}.form label{color:#344054;gap:6px;display:grid}input,select,textarea{font:inherit;border:1px solid #d0d5dd;border-radius:8px;padding:11px}textarea{min-height:90px}.success{color:#047857}.notice{border:1px solid;border-radius:8px;gap:8px;max-width:650px;margin-bottom:18px;padding:14px;display:grid}.notice strong{font-size:16px}.notice span{color:#475467}.successBox{background:#ecfdf3;border-color:#abefc6}.errorBox{background:#fef3f2;border-color:#fecdca}.errorBox strong{color:#b42318}.noticeMeta{flex-wrap:wrap;gap:8px;display:flex}.noticeMeta span{background:#fff;border:1px solid #d0d5dd;border-radius:999px;padding:4px 9px;font-size:12px}.notice button{justify-self:start}.toolbar{grid-template-columns:2fr 1fr 1fr 1fr 1fr auto auto auto;align-items:center;gap:10px;margin-bottom:18px;display:grid}.inlineCheck{color:#475467;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.inlineCheck input{width:auto}.linkButton{color:#2563eb;text-align:left;background:0 0;padding:0}.warn{color:#b42318;margin-left:6px;font-size:12px}.detailPanel h2{margin-top:0}.detailGrid{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.detailGrid span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:5px 10px;font-size:12px}.reviewActions{flex-wrap:wrap;gap:8px;margin:10px 0 16px;display:flex}.commentForm,.assignForm{align-items:center;gap:8px;display:flex}.commentForm{max-width:650px;margin-bottom:18px}.commentForm input{flex:1}.activityList{gap:10px;display:grid}.activityItem{background:#f8fafc;border-left:3px solid #c7d2fe;padding:8px 12px}.activityItem span{color:#667085;margin-top:3px;font-size:12px;display:block}.activityItem p{margin:6px 0 0}.dropZone{background:#f8fafc;border:1px dashed #98a2b3;border-radius:8px;padding:16px}.dropZone.dragging{background:#eff6ff;border-color:#2563eb}.dropZone span{color:#667085;font-size:13px}.suggestionBox{background:#f8fafc;border:1px solid #d0d5dd;border-radius:8px;gap:6px;padding:12px;display:grid}.suggestionBox span{color:#475467}.queueSplit,.workflowBuilder{grid-template-columns:1fr 1fr;gap:18px;display:grid}.queueItem{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;gap:6px;margin:8px 0;padding:12px;display:grid}.queueItem span,.muted{color:#667085}.queueItem button{justify-self:start}.kanban{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lane{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.lane h2{text-transform:capitalize;font-size:18px}.task{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:10px 0;padding:14px}.task p{color:#667085}.assignForm input{min-width:0;padding:8px}.answer{color:#dbeafe;white-space:pre-wrap;background:#0b1020;border-radius:8px;padding:18px}a{color:#2563eb;margin-right:8px;text-decoration:none}@media (width<=1200px){aside{height:calc(100vh - 132px);top:132px}.topbar{flex-direction:column;align-items:flex-start}.topbarLeft,.topbarActions,.topbarStack{width:100%}.topbarActions{justify-content:flex-end}}@media (width<=1000px){.toolbar{grid-template-columns:1fr 1fr}.grid,.moduleGrid,.kanban,.queueSplit,.workflowBuilder{grid-template-columns:1fr}}@media (width<=900px){.appBody{display:block}aside{display:none}.menuToggle{display:grid}.topbar{gap:12px;padding:12px}.topbarLeft{flex-wrap:wrap;align-items:center;gap:12px}.topbarBrand{flex:0 0 176px;width:176px}.topbarBrand img{width:168px}.topbarStack{flex:100%;order:3}.globalSearch{width:100%}.topbarActions{justify-content:flex-start;max-width:100%;padding-bottom:2px;overflow-x:auto}.uploadAction,.userMenu{flex:none}.drawerScrim{z-index:40;background:#0f172a80;border:0;border-radius:0;padding:0;display:block;position:fixed;inset:0}.mobileDrawer{z-index:50;background:#0f172a;width:min(82vw,310px);height:100vh;padding:16px 14px;transition:transform .18s;display:block;position:fixed;top:0;left:0;overflow:auto;transform:translate(-104%);box-shadow:20px 0 40px #0f172a45}.mobileDrawer.open{transform:translate(0)}main{padding:18px}}@media (width<=640px){.topbarBrand{flex-basis:150px;width:150px}.topbarBrand img{width:142px}.breadcrumb{font-size:11px}.globalSearch{height:42px;padding:0 12px}.globalSearch input{font-size:13px}.uploadAction{padding:0 12px}.userMenu span{text-overflow:ellipsis;max-width:86px;overflow:hidden}}@media (width<=420px){.topbarLeft{gap:10px}.topbarBrand{flex-basis:132px;width:132px}.topbarBrand img{width:126px}.uploadAction{font-size:13px}}