*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--type-body1-size);line-height:var(--type-body1-leading);color:var(--on-light-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0;color:var(--on-light-primary)}h1{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-leading)}h2{font-size:var(--type-h5-size);font-weight:var(--type-h5-weight);line-height:var(--type-h5-leading);margin:var(--space-3) 0 var(--space-1)}p{margin:0 0 var(--space-2)}.muted{color:var(--on-light-secondary)}a{color:var(--color-teal)}::selection{background:var(--color-tealLight)}:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px;border-radius:var(--radius-sm)}.app{min-height:100vh;display:flex}.topbar{display:none;align-items:center;gap:var(--space-2);position:sticky;top:0;z-index:15;background:var(--bg-surface);border-bottom:1px solid var(--color-line);padding:var(--space-1) var(--space-2)}.topbar .brand{font-family:var(--font-heading);font-weight:700;color:var(--on-light-primary);flex:1}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:var(--btn-h-md);height:var(--btn-h-md);border-radius:var(--radius-sm);background:transparent;border:1px solid var(--color-line);cursor:pointer;padding:0}.hamburger span{display:block;height:2px;background:var(--on-light-primary);margin:0 9px;border-radius:2px}.scrim{display:none}aside{width:230px;background:var(--bg-inkSection);color:var(--on-dark-secondary);flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}aside h1{color:var(--on-dark-primary);font-size:var(--type-h6-size);padding:var(--space-3) var(--space-1) var(--space-2);flex-shrink:0}.nav-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 var(--space-1) var(--space-2);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.nav-scroll::-webkit-scrollbar{width:6px}.nav-scroll::-webkit-scrollbar-track{background:transparent}.nav-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:var(--radius-pill)}.nav-scroll::-webkit-scrollbar-thumb:hover{background:#fff6}aside a,aside button{display:flex;align-items:center;width:100%;text-align:left;background:none;border:0;color:inherit;padding:10px var(--space-1);border-radius:var(--radius-sm);font:inherit;font-size:var(--type-body2-size);cursor:pointer;text-decoration:none;min-height:40px}aside a:hover,aside button:hover{background:#ffffff0f;color:var(--on-dark-primary)}aside a.on{background:var(--color-teal);color:var(--on-dark-primary);font-weight:var(--type-subtitle2-weight)}.nav-group-btn{justify-content:space-between}.nav-group-btn.on{color:var(--on-dark-primary)}.nav-group-label{color:#ffffff80;text-transform:uppercase;letter-spacing:var(--type-overline-tracking);font-size:11px;font-weight:var(--type-overline-weight)}.chev{display:inline-block;transition:transform .15s ease;color:#fff6}.chev.open{transform:rotate(90deg)}.nav-group-items{padding-left:var(--space-1);border-left:1px solid rgba(255,255,255,.08);margin:0 0 var(--space-1) var(--space-2)}.signout-btn{flex-shrink:0;margin:var(--space-1);width:calc(100% - var(--space-2));color:var(--on-dark-secondary)!important}main{flex:1;padding:var(--space-3);min-width:0}.bar{display:flex;gap:var(--space-1);align-items:center;margin:var(--space-2) 0;flex-wrap:wrap}input,select,textarea{font:inherit;font-size:var(--input-fontSize-md);height:var(--input-height-md);padding:0 var(--space-1);border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--on-light-primary);min-width:0;transition:border-color .15s ease}textarea{height:auto;padding:var(--space-1);min-height:84px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:hover,select:hover,textarea:hover{border-color:var(--input-borderHover)}input:focus,select:focus,textarea:focus{border-color:var(--input-borderFocus);outline:none;box-shadow:0 0 0 3px var(--color-tealLight)}.btn{background:var(--color-teal);color:var(--on-dark-primary);border:0;height:var(--btn-h-md);padding:0 var(--btn-px-md);border-radius:var(--btn-radius);font:inherit;font-size:var(--btn-fz-md);font-weight:var(--type-button-weight);cursor:pointer;transition:background .15s ease,transform .05s ease}.btn:hover{background:var(--color-tealDark)}.btn:active{transform:translateY(1px)}.btn.g{background:var(--color-tealLight);color:var(--color-tealDark)}.btn.g:hover{background:#0f8a8d33}.btn.d{background:var(--color-errorBg);color:var(--color-error)}.btn.d:hover{background:#c0392b2e}.btn.s{height:var(--btn-h-sm);padding:0 var(--btn-px-sm);font-size:var(--btn-fz-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.box{background:var(--card-elevated-background);border:var(--card-elevated-border);border-radius:var(--card-radius);box-shadow:var(--card-elevated-shadowResting);overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px var(--space-2);border-bottom:1px solid var(--color-line);white-space:nowrap;font-size:var(--type-body2-size)}th{color:var(--on-light-secondary);font-weight:var(--type-subtitle2-weight);font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:var(--bg-surfaceMuted);position:sticky;top:0}tr:last-child td{border:0}tbody tr:hover td{background:var(--bg-surfaceMuted)}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover td{background:var(--color-tealLight)}.tag{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--color-tealLight);color:var(--color-tealDark)}.tag.bad{background:var(--color-errorBg);color:var(--color-error)}.tag.wait{background:var(--color-warningBg);color:var(--color-warning)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.stat{background:var(--card-elevated-background);border:var(--card-elevated-border);border-radius:var(--card-radius);box-shadow:var(--card-elevated-shadowResting);padding:var(--card-pad-md)}.stat b{font-family:var(--font-heading);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);display:block;color:var(--color-teal)}.stat span{color:var(--on-light-secondary);font-size:var(--type-body2-size)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;justify-content:center;align-items:flex-start;padding:4vh var(--space-2);overflow:auto;z-index:30}.pane{background:var(--card-elevated-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);width:100%;max-width:680px}.pane.wide{max-width:820px}.pane label{display:block;margin:var(--space-1) 0 3px;color:var(--input-label);font-size:12px;font-weight:600}.pane input,.pane select,.pane textarea{width:100%}.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-2)}.chk{display:flex;gap:6px;align-items:center;margin:4px 0;font-size:var(--type-body2-size)}.chk input{width:auto;height:auto}.toast{position:fixed;bottom:var(--space-2);right:var(--space-2);left:var(--space-2);margin-left:auto;background:var(--bg-inkSection);color:var(--on-dark-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:40;max-width:360px;font-size:var(--type-body2-size)}.row{display:flex;gap:var(--space-1);justify-content:space-between;align-items:center;padding:var(--space-1) 0;border-bottom:1px solid var(--color-line);flex-wrap:wrap}.err{color:var(--color-error);background:var(--color-errorBg);padding:var(--space-2);border-radius:var(--radius-md)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--banner-primary-background);padding:var(--space-2)}.login-wrap{width:100%;max-width:360px}.login-wrap .pane{box-shadow:var(--shadow-lg)}.login-wrap h2{font-size:var(--type-h4-size)}@media (max-width: 900px){.app{flex-direction:column}.topbar{display:flex;justify-content:flex-start;width:100%}aside{position:fixed;inset:0 auto 0 0;z-index:25;width:260px;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}aside.open{transform:translate(0)}.scrim.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:20}main{padding:var(--space-2)}.g2{grid-template-columns:1fr}.pane{max-width:100%}}@media (max-width: 560px){.modal{padding:0;align-items:stretch}.pane,.pane.wide{max-width:100%;min-height:100%;border-radius:0}.stats{grid-template-columns:repeat(2,1fr)}.toast{left:var(--space-1);right:var(--space-1);max-width:none}th,td{padding:8px 10px}}