:root{--primary:#1976d2;--secondary:#2196f3;--tertiary:#90caf9;--light-accent:#64b5f6;--dark-accent:#455a64;--bg-scaffold:#fafafa;--surface:#fff;--border:#e0e0e0;--text-primary:#212121;--text-secondary:#757575;--text-button:#fff;--status-success:#4caf50;--status-pending:#ff9800;--status-processing:#2196f3;--status-shipping:#9c27b0;--status-error:#f44336;--status-cancelled:#757575;--shadow-soft:0 8px 16px #0000000a, 0 2px 4px #00000005;--shadow-focus:0 0 0 2px #1976d233;--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Inter", system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace;font:14px/1.5 var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background:var(--bg-scaffold);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:14px}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;height:100vh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-container,.home-container{text-align:center;max-width:400px;font-family:var(--sans);background-color:var(--surface);box-shadow:var(--shadow-soft);border:none;border-radius:12px;margin:100px auto;padding:2.5rem}form{flex-direction:column;gap:1.2rem;margin-bottom:1.5rem;display:flex}input{background-color:var(--surface);font-family:var(--sans);color:var(--text-primary);border:2px solid #0000;border-radius:12px;padding:.8rem;transition:border-color .2s,box-shadow .2s}input::placeholder{color:var(--text-secondary)}input:focus{border-color:var(--primary);outline:none}button{background-color:var(--primary);color:var(--text-button);cursor:pointer;box-shadow:none;border:none;border-radius:12px;padding:.8rem;font-weight:500;transition:filter .3s,transform .1s}button:hover{filter:brightness(1.1)}button:active{transform:scale(.98)}.google-btn{background-color:var(--dark-accent)}.google-btn:hover{filter:brightness(1.1)}.grid-page-container{box-sizing:border-box;width:100%;height:100%;font-family:var(--sans);flex-direction:column;padding:24px;display:flex}.grid-header{text-align:left;margin-bottom:2rem}.nav-actions{margin:2rem 0}.nav-link{background-color:var(--primary);color:var(--text-button);box-shadow:none;border-radius:12px;padding:.8rem 1.5rem;font-weight:500;text-decoration:none;transition:filter .3s;display:inline-block}.nav-link:hover{filter:brightness(1.1)}.error{color:var(--status-error);margin-bottom:1rem}hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}.ag-theme-quartz{--ag-active-color:var(--primary);--ag-range-selection-border-color:var(--primary);--ag-row-hover-color:var(--light-accent);--ag-selected-row-background-color:#2196f31a;--ag-background-color:var(--surface);--ag-border-color:var(--border);--ag-header-background-color:var(--bg-scaffold)}.navbar{color:var(--text-primary);box-sizing:border-box;background-color:#0000;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex}.navbar-brand{font-size:1.25rem;font-weight:600}.navbar-title{color:var(--text-primary);text-decoration:none}.navbar-actions{align-items:center;gap:1.5rem;display:flex}.navbar-email{color:var(--text-secondary);font-size:.9rem}.navbar-signout{padding:.5rem 1rem;font-size:.9rem}