:root{color:#18202b;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}.appShell{width:min(100%,760px);margin:0 auto;padding:20px 16px 32px}.unauthorisedShell{display:grid;min-height:100vh;place-items:center;padding:24px 16px}.unauthorisedPanel{width:min(100%,420px);padding:24px;border:1px solid #dbe3ea;border-radius:8px;background:#fff;text-align:center}.unauthorisedPanel h1{margin-bottom:18px}.unauthorisedTitle{margin-bottom:8px;color:#18202b;font-size:18px;font-weight:700}.header{padding:16px 0 10px}.eyebrow{margin:0 0 8px;color:#4f6b88;font-size:13px;font-weight:700;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:32px}h2{margin-bottom:12px;font-size:17px}.subtitle,.muted{color:#64748b}.stack{display:grid;gap:14px}.panel{margin-top:14px;padding:16px;border:1px solid #dbe3ea;border-radius:8px;background:#fff}.stack .panel{margin-top:0}.tabBar{display:flex;gap:8px;margin:8px -16px 16px;padding:0 16px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-padding:16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tabButton,.filterButton{flex:0 0 auto;min-height:36px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:14px;scroll-snap-align:center;white-space:nowrap}.activeTab,.activeFilter{border-color:#2563eb;background:#eaf1ff;color:#1d4ed8;font-weight:700}.filterRow,.pillRow{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 10px;border-radius:999px;background:#edf2f7;color:#475569;font-size:13px}.pillOk{background:#e5f8ed;color:#166534}.notice{margin-bottom:0;color:#334155}.error{margin-bottom:0;color:#b42318;overflow-wrap:anywhere}.emptyState{margin-bottom:0}.details{display:grid;gap:10px;margin:0}.details div{display:grid;grid-template-columns:110px 1fr;gap:12px}dt{color:#64748b}dd{margin:0;overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-width:0;padding:12px;border-radius:8px;background:#f8fafc}.metric span{display:block;color:#64748b;font-size:12px;overflow-wrap:anywhere}.metric strong{display:block;margin-top:6px;font-size:22px}.cardList{display:grid;gap:10px}.dataCard{min-width:0;padding:14px;border:1px solid #dbe3ea;border-radius:8px;background:#fff}.cardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cardHeader strong{min-width:0;overflow-wrap:anywhere}.statusActive,.statusInactive,.statusNeutral{flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.statusActive{background:#e5f8ed;color:#166534}.statusInactive{background:#f1f5f9;color:#475569}.statusNeutral{background:#eef2ff;color:#3730a3}.miniDetails{display:grid;gap:8px;margin:12px 0 0}.miniDetails div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px}.miniDetails dt{color:#64748b}.miniDetails dd{margin:0;overflow-wrap:anywhere}.tableCard{display:grid;overflow-x:auto;border:1px solid #dbe3ea;border-radius:8px;background:#fff}.tableHeader,.tableRow{display:grid;gap:12px;min-width:760px;padding:12px 14px;border-bottom:1px solid #e2e8f0}.tableHeader{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase}.tableRow{color:#18202b;font-size:13px}.tableRow:last-child{border-bottom:0}.tableRow span{min-width:0;overflow-wrap:anywhere}.usersGrid{grid-template-columns:120px 130px 90px 100px 90px 130px 150px 150px 260px}.feedbackGrid{grid-template-columns:64px 100px 100px 130px minmax(180px,1fr) 150px 190px}.actionCell{display:flex;flex-wrap:wrap;gap:6px}.smallButton{min-height:34px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font:inherit;font-size:12px}.dangerButton{border-color:#fecaca;color:#b42318}.smallButton:disabled{cursor:wait;opacity:.55}.tableError{margin:0;padding:12px 14px;border-top:1px solid #fee2e2;color:#b42318;font-size:13px}.tableSuccess{margin:0;padding:12px 14px;border-top:1px solid #dcfce7;color:#166534;font-size:13px}.formGrid{display:grid;gap:12px}.formGrid label{display:grid;gap:6px;color:#475569;font-size:13px;font-weight:700}.formGrid input[type=text],.formGrid input[type=date],.formGrid select,.formGrid textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid #cbd5e1;border-radius:6px;color:#18202b;font:inherit;font-size:14px}.checkboxLabel{align-items:center;grid-template-columns:auto 1fr}.formActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{cursor:pointer}button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 639px){.appShell{padding:16px 12px 28px}h1{font-size:28px}.tabBar{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}.tabButton{min-height:40px;padding:9px 13px}.tableCard{gap:10px;overflow-x:visible;border:0;background:transparent}.tableHeader{display:none}.tableRow{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid #dbe3ea;border-radius:8px;background:#fff}.tableRow:last-child{border-bottom:1px solid #dbe3ea}.usersGrid,.feedbackGrid{grid-template-columns:1fr}.tableRow span{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;font-size:13px}.tableRow span:before{color:#64748b;content:attr(data-label);font-weight:700}.tableRow .actionCell{align-items:stretch;grid-template-columns:1fr}.tableRow .actionCell:before{margin-bottom:2px}.actionCell{display:grid;gap:8px}.smallButton{min-height:42px;width:100%;padding:10px 12px;font-size:14px}.tableError,.tableSuccess{border:1px solid currentColor;border-radius:8px;background:#fff}}