:root{font-family:SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d1d1f;background:#f5f5f7;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.auth-page,.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:#f5f5f7}.auth-card{width:min(430px,100%);background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:28px 24px 24px;box-shadow:0 20px 60px #00000014}.brand{display:flex;align-items:center;gap:16px;min-width:0;margin-bottom:24px}.brand.compact{margin-bottom:0}.brand img,.splash img{width:72px;height:72px;object-fit:contain}.brand.compact img{width:48px;height:48px}.brand h1{margin:0;font-family:SF Pro Display,system-ui,-apple-system,sans-serif;font-size:25px;line-height:1.1;letter-spacing:0}.brand.compact h1{font-size:18px}.brand p{margin:6px 0 0;color:#7a7a7a;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field{display:block;margin-bottom:16px}.field span{display:block;margin:0 0 6px;color:#333;font-size:13px;font-weight:650}.field input{width:100%;height:46px;border:1px solid #e0e0e0;border-radius:8px;background:#f5f5f7;color:#1d1d1f;padding:0 12px;outline:none}.field input:focus{border-color:#0071e3;box-shadow:0 0 0 4px #0071e321}.primary-button,.secondary-button,.quiet-button,.status-button{min-height:42px;border-radius:999px;border:0;padding:0 18px;font-weight:650;cursor:pointer}.primary-button{width:100%;background:#06c;color:#fff}.primary-button.narrow{width:auto;margin-top:16px}.primary-button:disabled,.status-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button,.quiet-button{background:#fff;border:1px solid #e0e0e0;color:#333}.notice{margin:16px 0 0;border-radius:8px;padding:12px;font-size:14px;line-height:1.4}.notice.error{background:#fff1f0;color:#c72118;border:1px solid rgba(255,59,48,.18)}.notice.success{background:#f0fff4;color:#19773a;border:1px solid rgba(52,199,89,.2)}.body-copy{margin:0 0 18px;color:#333;line-height:1.5}.splash{gap:18px;color:#7a7a7a;font-weight:650}.app-shell{min-height:100dvh;background:#f5f5f7}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:12px max(18px,env(safe-area-inset-left)) 12px max(18px,env(safe-area-inset-right));background:#ffffffdb;border-bottom:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-actions{display:flex;align-items:center;gap:10px}.workspace{width:min(1180px,100%);margin:0 auto;padding:20px 16px 42px}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;background:#ededf0;border-radius:999px;margin:0 auto 18px}.tabs button{min-height:38px;border:0;border-radius:999px;background:transparent;color:#7a7a7a;font-weight:650;cursor:pointer}.tabs button.active{background:#fff;color:#1d1d1f;box-shadow:0 1px 5px #00000014}.stack{display:grid;gap:16px;min-width:0}.panel{min-width:0;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:20px;box-shadow:0 14px 40px #0000000d}.panel-heading{margin-bottom:16px}.panel-heading p{margin:0 0 4px;color:#7a7a7a;font-size:12px;font-weight:750;text-transform:uppercase}.panel-heading h2{margin:0;font-family:SF Pro Display,system-ui,-apple-system,sans-serif;font-size:25px;line-height:1.1;letter-spacing:0}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric{min-height:112px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;padding:16px;color:#fff;background:linear-gradient(145deg,#0071e3,#004f9f)}.metric.green{background:linear-gradient(145deg,#34c759,#168331)}.metric.amber{background:linear-gradient(145deg,#ff9f0a,#bd6400)}.metric span{color:#ffffffc7;font-size:13px;line-height:1.25}.metric strong{font-family:SF Pro Display,system-ui,-apple-system,sans-serif;font-size:38px;line-height:1}.queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.queue-list,.user-list{display:grid;gap:10px;min-width:0}.queue-row,.empty-state{min-width:0;max-width:100%;overflow:hidden;border-radius:12px;padding:13px 14px;background:#f5f5f7}.queue-row strong{display:block;max-width:100%;color:#1d1d1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row span,.empty-state{display:block;margin-top:4px;color:#7a7a7a;font-size:13px;line-height:1.35}.user-row{display:grid;grid-template-columns:44px minmax(160px,1fr) minmax(220px,auto) auto;gap:12px;align-items:center;border-radius:14px;padding:12px;border:1px solid #e0e0e0;background:#fafafc}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #e0e0e0;color:#333;font-weight:750}.user-copy{min-width:0}.user-copy strong,.user-copy span,.user-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy span{margin-top:3px;color:#7a7a7a;font-size:13px}.user-copy em{margin-top:4px;color:#ff3b30;font-size:12px;font-style:normal}.user-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.status-button{min-height:34px;padding:0 12px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:13px}.status-button.approved{border-color:#34c759;background:#34c7591a;color:#168331}.status-button.danger{border-color:#ff3b3059;background:#ff3b3014;color:#c72118}.role-pills{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.role-pills.lg{margin:2px 0 0}.role-pills button{min-height:30px;padding:0 11px;border:1px solid #e0e0e0;border-radius:999px;background:#fff;color:#7a7a7a;font-size:12px;font-weight:650;cursor:pointer}.role-pills.lg button{min-height:36px;padding:0 14px;font-size:13px}.role-pills button.active{border-color:#06c;background:#0066cc14;color:#06c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.data-table{overflow:hidden;border:1px solid #e0e0e0;border-radius:12px}.table-row{display:grid;border-top:1px solid #e0e0e0}.table-row:first-child{border-top:0}.table-head{background:#1d1d1f;color:#fff}.table-row span,.table-row strong{min-width:0;padding:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid rgba(224,224,224,.8)}.table-row span:last-child,.table-row strong:last-child{border-right:0}@media (max-width: 960px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-grid{grid-template-columns:1fr}.user-row{grid-template-columns:44px 1fr}.user-row .role-pills,.user-actions{grid-column:1 / -1;justify-content:flex-start}}@media (max-width: 720px){.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%}.top-actions button{flex:1}.tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.data-table,.table-row{display:block}.table-head{display:none}.table-row span{display:block;border-right:0;white-space:normal}}@media (max-width: 460px){.metric-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){:root,.auth-page,.splash,.app-shell{color:#f5f5f7;background:#000}.auth-card,.panel,.topbar{background:#1c1c1e;border-color:#ffffff1c;color:#f5f5f7}.topbar{background:#1c1c1edb}.brand img,.splash img{filter:brightness(0) invert(1)}.field input,.secondary-button,.quiet-button,.queue-row,.empty-state,.user-row,.avatar,.role-pills button,.status-button,.data-table{background:#2a2a2c;border-color:#ffffff1f;color:#f5f5f7}.tabs{background:#2a2a2c}.tabs button.active{background:#3a3a3c;color:#fff}.field span,.queue-row strong,.body-copy{color:#f5f5f7}.table-row{border-color:#ffffff1f}}