:root{--background:0 0.0% 98.0%;--foreground:240 5.9% 10.0%;--card:0 0.0% 100.0%;--card-foreground:240 10.0% 3.9%;--popover:0 0.0% 100.0%;--popover-foreground:240 10.0% 3.9%;--primary:240 5.9% 10.0%;--primary-foreground:0 0.0% 98.0%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 10.0% 3.9%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--body-foreground:240 5.3% 26.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 10.0% 3.9%;--destructive:15 68.6% 56.3%;--destructive-foreground:0 0.0% 98.0%;--warning:38 92.1% 50.2%;--warning-foreground:0 0.0% 98.0%;--success:160 84.1% 39.4%;--success-foreground:0 0.0% 98.0%;--border:240 5.9% 90.0%;--input:240 5.9% 90.0%;--ring:240 5.9% 10.0%;--chart-1:240 5.0% 64.9%;--chart-2:240 3.8% 46.1%;--chart-3:240 5.2% 33.9%;--chart-4:240 5.3% 26.1%;--chart-5:240 3.7% 15.9%;--shadow-retool-sm:0px 2px 4px #37373714, 0px 1px 1px #0000001f;--shadow-retool-md:0px 6px 12px #37373714, 0px 2px 6px #0000001f;--shadow-retool-lg:0px 10px 20px #37373714, 0px 4px 10px #0000001f;--radius:.5rem;--radius-md:calc(.5rem - 2px);--radius-sm:calc(.5rem - 4px);--spacing:.75rem;--density-xs:max(0px, calc(.75rem - .375rem));--density-sm:max(0px, calc(.75rem - .25rem));--density-md:.75rem;--density-lg:calc(.75rem + .25rem);--density-xl:calc(.75rem + .75rem);--font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Consolas, monospace}.dark{--background:240 5.9% 10.0%;--foreground:0 0.0% 98.0%;--card:240 3.7% 15.9%;--card-foreground:0 0.0% 98.0%;--popover:240 3.7% 15.9%;--popover-foreground:0 0.0% 98.0%;--primary:0 0.0% 98.0%;--primary-foreground:240 10.0% 3.9%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0.0% 98.0%;--muted:240 3.7% 15.9%;--muted-foreground:240 5.0% 64.9%;--body-foreground:240 5.9% 90.0%;--accent:240 3.7% 15.9%;--accent-foreground:0 0.0% 98.0%;--destructive:15 68.6% 56.3%;--destructive-foreground:0 0.0% 98.0%;--warning:38 92.1% 50.2%;--warning-foreground:0 0.0% 98.0%;--success:160 84.1% 39.4%;--success-foreground:0 0.0% 98.0%;--border:240 5.3% 26.1%;--input:240 5.3% 26.1%;--ring:0 0.0% 98.0%;--chart-1:240 3.8% 46.1%;--chart-2:240 5.0% 64.9%;--chart-3:240 4.9% 83.9%;--chart-4:240 5.9% 90.0%;--chart-5:240 4.8% 95.9%;--shadow-retool-sm:0px 2px 4px #0006, 0px 1px 1px #00000080;--shadow-retool-md:0px 6px 12px #0006, 0px 2px 6px #00000080;--shadow-retool-lg:0px 10px 20px #0006, 0px 4px 10px #00000080}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}
:root:root{--background:30 33% 98%;--foreground:24 10% 10%;--card:0 0% 100%;--card-foreground:24 10% 10%;--popover:0 0% 100%;--popover-foreground:24 10% 10%;--primary:20 96% 50%;--primary-foreground:0 0% 100%;--secondary:28 40% 92%;--secondary-foreground:22 30% 18%;--muted:30 28% 95%;--muted-foreground:24 8% 40%;--body-foreground:24 8% 24%;--accent:26 96% 90%;--accent-foreground:20 96% 34%;--destructive:0 74% 48%;--destructive-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:24 10% 10%;--success:152 58% 38%;--success-foreground:0 0% 100%;--border:26 40% 84%;--input:26 34% 82%;--ring:20 96% 50%;--chart-1:20 96% 50%;--chart-2:33 95% 55%;--chart-3:199 89% 48%;--chart-4:152 58% 42%;--chart-5:262 70% 58%}:root.dark{--background:24 12% 8%;--foreground:30 20% 96%;--card:24 11% 12%;--card-foreground:30 20% 96%;--popover:24 11% 12%;--popover-foreground:30 20% 96%;--primary:22 96% 56%;--primary-foreground:24 20% 6%;--secondary:22 16% 20%;--secondary-foreground:30 20% 94%;--muted:24 10% 17%;--muted-foreground:30 8% 66%;--body-foreground:30 12% 82%;--accent:22 72% 26%;--accent-foreground:28 96% 82%;--destructive:0 72% 55%;--destructive-foreground:0 0% 100%;--warning:38 92% 55%;--warning-foreground:24 20% 6%;--success:152 55% 46%;--success-foreground:24 20% 6%;--border:22 18% 26%;--input:22 16% 27%;--ring:22 96% 56%;--chart-1:22 96% 56%;--chart-2:33 95% 60%;--chart-3:199 85% 58%;--chart-4:152 55% 50%;--chart-5:262 70% 68%}.es-brand-header{background-image:linear-gradient(120deg,#fff3ebeb 0%,#ffffffeb 45%,#feeee6eb 100%)}:root.dark .es-brand-header{background-image:linear-gradient(120deg,#3d1d0ae6 0%,#221e1beb 45%,#38190ae6 100%)}.es-brand-logo{background-image:linear-gradient(135deg,#fa5d0f 0%,#fa9519 100%);box-shadow:0 4px 12px #fa570559}.es-brand-accent-top{border-top:3px solid hsl(var(--primary))}.es-tab.es-tab[data-state=active]{color:#fff;background-image:linear-gradient(135deg,#fa5d0f 0%,#fa9519 100%);box-shadow:0 2px 8px #fa57054d}:root.dark .es-tab.es-tab[data-state=active]{color:#181410}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-sans);line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid hsl(var(--ring) / .32);outline-offset:2px}h1,h2,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:.25rem;font-size:clamp(1.45rem,3vw,2rem)}h2{font-size:1.05rem}p{color:hsl(var(--body-foreground))}code{font-family:var(--font-mono)}.app-shell{min-height:100vh}.app-header{background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));box-shadow:var(--shadow-retool-sm);z-index:40;min-height:4rem;position:sticky;top:0}.app-header-inner{align-items:center;gap:.8rem;width:100%;max-width:87.5rem;min-height:4rem;margin:0 auto;padding:.65rem clamp(1rem,3vw,2rem);display:flex}.brand-mark{background:hsl(var(--primary));color:hsl(var(--primary-foreground));letter-spacing:.04em;border-radius:.55rem;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;font-size:.72rem;font-weight:900;display:flex}.brand-title{flex-direction:column;display:flex}.app-header span{color:hsl(var(--muted-foreground));font-size:.75rem}.user-summary{text-align:right;align-items:center;gap:.65rem;margin-left:auto;display:flex}.identity-badge{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:14rem;padding:.4rem .7rem;font-weight:650;overflow:hidden}.app-shell>main{width:100%;max-width:112rem;margin:0 auto;padding:1rem clamp(.75rem,2vw,1.5rem) 4rem}.tabs{min-width:0}.tab-list{scrollbar-width:thin;gap:.2rem;padding:.5rem 0;display:flex;overflow-x:auto}.app-shell>main>.tabs>.tab-list{background:hsl(var(--background) / .96);z-index:30;position:sticky;top:4rem}.tab{color:hsl(var(--muted-foreground));white-space:nowrap;background:0 0;border:0;border-radius:.4rem;flex:none;padding:.58rem .78rem;font-size:.83rem;font-weight:650}.tab:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.tab[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#fa5d0f,#fa9519);box-shadow:0 2px 8px #fa570538}.tab-panel{min-width:0}.tab-panel>.tabs>.tab-list{border-bottom:1px solid hsl(var(--border));margin-bottom:.5rem}.tab-panel>.tabs>.tab-list .tab{border-radius:.25rem .25rem 0 0}.page-heading{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem .15rem .65rem;display:flex}.page-heading p{max-width:55rem;margin:0}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-retool-sm);margin:.65rem 0;padding:.8rem}.card>header{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.card>header h2{margin:0}.card.compact{min-width:min(100%,23rem);display:inline-flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.stats-grid .card{flex-direction:column;margin:0;display:flex}.stat-label{color:hsl(var(--muted-foreground));font-size:.75rem}.stat-value{margin-top:.15rem;font-size:1.35rem}.filter-grid,.form-grid{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:.7rem;display:grid}.form-grid{grid-template-columns:1fr}.four-columns{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.field{flex-direction:column;gap:.25rem;min-width:0;display:flex;position:relative}.field>span,.field>label,.field>small{font-size:.75rem}.field>span,.field>label{color:hsl(var(--body-foreground));font-weight:650}.field>small{color:hsl(var(--muted-foreground))}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.select-trigger{background:hsl(var(--card));border:1px solid hsl(var(--input));color:hsl(var(--foreground));border-radius:.35rem;width:100%;min-height:2.25rem;padding:.42rem .55rem}textarea{resize:vertical;min-height:5rem}input[type=checkbox]{accent-color:hsl(var(--primary));width:1rem;height:1rem}.select-trigger{text-align:left;justify-content:space-between;align-items:center;display:flex}.select-popover{background:hsl(var(--popover));border:1px solid hsl(var(--border));box-shadow:var(--shadow-retool-lg);z-index:60;border-radius:.4rem;min-width:100%;max-width:25rem;padding:.45rem;position:absolute;top:calc(100% + .25rem);left:0}.select-tools{justify-content:space-between;padding:.3rem 0;display:flex}.select-tools button,.select-options button{color:hsl(var(--foreground));background:0 0;border:0}.select-tools button{color:hsl(var(--primary));font-size:.75rem}.select-options{max-height:15rem;overflow:auto}.select-options button{text-align:left;border-radius:.25rem;width:100%;padding:.38rem;display:block}.select-options button:hover{background:hsl(var(--muted))}.toolbar{flex-wrap:wrap;align-items:center;gap:.45rem;min-height:2.75rem;padding:.4rem 0;display:flex}.toolbar-spacer{flex:1}.bulk-bar{background:hsl(var(--accent));border-radius:.4rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem .55rem;display:flex}.button{border:1px solid #0000;border-radius:.35rem;min-height:2.25rem;padding:.42rem .72rem;font-weight:650}.button.small{min-height:1.8rem;padding:.25rem .5rem;font-size:.75rem}.button.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button.secondary{background:hsl(var(--card));border-color:hsl(var(--border));color:hsl(var(--foreground))}.button.danger{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.button.success{background:hsl(var(--success));color:hsl(var(--success-foreground))}.icon-button{color:hsl(var(--muted-foreground));background:0 0;border:0;width:2rem;height:2rem;font-size:1.5rem}.table-block{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-retool-sm);overflow:hidden}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:separate;border-spacing:0;min-width:100%}th,td{border-bottom:1px solid hsl(var(--border));text-align:left;vertical-align:top;white-space:nowrap;max-width:28rem;padding:.55rem .65rem;font-size:.76rem}thead th{background:hsl(var(--muted));color:hsl(var(--muted-foreground));letter-spacing:.025em;text-transform:uppercase;z-index:2;font-size:.7rem;position:sticky;top:0}thead th button{color:inherit;font:inherit;text-transform:inherit;background:0 0;border:0;padding:0}tbody tr:hover td{background:hsl(var(--accent) / .38)}tbody tr[aria-selected=true] td{background:hsl(var(--accent))}td.sticky,th.sticky{background:hsl(var(--card));z-index:3;position:sticky}th.sticky{background:hsl(var(--muted))}td.sticky.left,th.sticky.left{box-shadow:1px 0 hsl(var(--border))}td.sticky.right,th.sticky.right{box-shadow:-1px 0 hsl(var(--border))}.column-resizer{cursor:col-resize;z-index:5;width:7px;height:100%;position:absolute;top:0;right:-3px}.check-cell{width:2.6rem;max-width:2.6rem}.muted{color:hsl(var(--muted-foreground))}.rate-stack{gap:.2rem;min-width:8.5rem;display:grid}.rate-stack>span{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.rate-stack small{color:hsl(var(--muted-foreground));text-transform:uppercase;font-size:.63rem}.rate-stack .pending{color:#a05e0d}.rate-stack .approved{color:hsl(var(--success))}.rate-stack .rejected{color:hsl(var(--destructive))}.text-danger{color:hsl(var(--destructive));font-weight:700}.stacked-detail{white-space:normal;gap:.25rem;display:grid}.inline-actions{gap:.35rem;display:flex}.approval-rate-sections{gap:.6rem;display:grid}.rate-section{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);padding:.7rem}.rate-section-heading{justify-content:space-between;align-items:center;display:flex}.rate-section p,.rate-section small{color:hsl(var(--muted-foreground));margin:.25rem 0 .55rem;font-size:.75rem}.rate-legend{color:hsl(var(--muted-foreground));padding:.35rem 0;font-size:.75rem}.rate-legend .pending{color:#a05e0d}.rate-legend .approved{color:hsl(var(--success))}.rate-legend .rejected{color:hsl(var(--destructive))}.state{color:hsl(var(--muted-foreground));justify-content:center;align-items:center;gap:.5rem;min-height:8rem;padding:2rem;display:flex}.spinner{border:2px solid hsl(var(--border));border-top-color:hsl(var(--primary));border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;min-height:3rem;padding:.45rem .6rem;display:flex}.pagination>span:first-child{color:hsl(var(--muted-foreground));margin-right:auto}.pagination button,.pagination select{background:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:.3rem;width:auto;min-height:1.8rem;padding:.15rem .4rem}.banner{border:1px solid;border-radius:.4rem;margin:.6rem 0;padding:.65rem .8rem}.banner.error{background:hsl(var(--destructive) / .1);border-color:hsl(var(--destructive) / .35);color:hsl(var(--destructive))}.banner.success{background:hsl(var(--success) / .1);border-color:hsl(var(--success) / .35);color:hsl(var(--success))}.banner.warning{background:hsl(var(--warning) / .12);border-color:hsl(var(--warning) / .4);color:#864d13}.banner.info{background:hsl(var(--accent));border-color:hsl(var(--primary) / .25);color:hsl(var(--accent-foreground))}.dialog-open{overflow:hidden}.dialog-backdrop{z-index:100;background:#0f0c0a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-retool-lg);border-radius:.55rem;width:100%;max-width:48rem;max-height:calc(100vh - 2rem);overflow:auto}.dialog-heading{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:flex-start;padding:1rem;display:flex}.dialog-heading h2{margin:0}.dialog-heading p{margin:.25rem 0 0;font-size:.85rem}.dialog-body{padding:1rem}.dialog-actions{border-top:1px solid hsl(var(--border));justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.dialog-actions.inline{border:0;margin:.8rem -1rem -1rem}.rate-matrix input[type=number]{min-width:7rem}.rate-matrix table{min-width:40rem}.switch-row{background:hsl(var(--muted) / .55);border:1px solid hsl(var(--border));border-radius:.4rem;justify-content:space-between;align-items:center;padding:.7rem;display:flex}.switch-row>span{flex-direction:column;display:flex}.switch-row small,.derived-summary small{color:hsl(var(--muted-foreground))}.derived-summary{background:hsl(var(--muted) / .4);border:1px solid hsl(var(--border));border-radius:.4rem;gap:.25rem;padding:.7rem;font-size:.75rem;display:grid}@media (max-width:700px){.app-header{position:relative}.app-shell>main>.tabs>.tab-list{top:0}.user-summary{display:none}.page-heading{flex-direction:column;align-items:flex-start}.four-columns{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}.pagination>span:first-child{flex-basis:100%}}@media (max-width:420px){.four-columns{grid-template-columns:1fr}}