:root{--bg:#f4f7f9;--surface:#fff;--border:#d6dde3;--text:#1f2a36;--muted:#627180;--accent:#0b6bcb;--accent-strong:#084f96;--green:#13795b;--amber:#b45f06;--red:#b42318;--radius:12px}*{box-sizing:border-box}body{background:radial-gradient(circle at top right,#dcebf7,transparent 35%),var(--bg);color:var(--text);margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0}.page{max-width:1200px;margin:0 auto;padding:24px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h2{margin-bottom:12px;font-size:1rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:10px;padding:10px}label{color:var(--muted);gap:6px;font-size:.9rem;display:grid}button,.btn,.btn-secondary{cursor:pointer;font:inherit;white-space:normal;text-align:center;border:none;border-radius:10px;max-width:100%;padding:10px 14px}.btn{background:var(--accent);color:#fff}.btn:hover{background:var(--accent-strong)}.btn-secondary{color:var(--text);background:#e9eef2}header.shell{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#f4f7f9db;position:sticky;top:0}.shell-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a{color:var(--text);background:#e9eef2;border-radius:8px;padding:7px 10px;font-size:.9rem}.customer-mobile-nav{display:none}.mobile-nav-toggle{color:var(--text);background:#e9eef2;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.mobile-nav-toggle-bars{gap:3px;display:grid}.mobile-nav-toggle-bars span{background:var(--text);border-radius:2px;width:16px;height:2px;display:block}.mobile-nav-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:8px;padding:8px;display:none}.customer-mobile-nav.is-open .mobile-nav-panel{gap:6px;display:grid}.mobile-nav-panel a{color:var(--text);background:#e9eef2;border-radius:8px;padding:8px 10px;font-size:.9rem}.shell-actions{align-items:center;gap:10px;display:inline-flex}.shell-brand{align-items:center;gap:4px;display:grid}.header-logo{object-fit:contain;width:auto;max-width:200px;height:auto;max-height:200px}.header-logo-left{justify-self:start}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.stack-list{gap:12px;margin-top:10px;display:grid}.stack-item{border:1px solid var(--border);background:#fff;border-radius:10px;gap:8px;padding:12px;display:grid}.stack-item-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stack-item-body{gap:6px;display:grid}.stack-item-body p{margin:0}.stack-item-actions{align-items:center;display:flex}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px}.table th{color:var(--muted);font-weight:600}.pill{border-radius:999px;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.pill-slate{color:#324355;background:#e9eef2}.pill-green{color:var(--green);background:#d1fae5}.pill-amber{color:var(--amber);background:#fef3c7}.pill-red{color:var(--red);background:#fee2e2}.kpi{gap:6px;display:grid}.kpi strong{font-size:1.45rem}.muted{color:var(--muted)}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(460px,100%);padding:24px}.login-logo{object-fit:contain;width:auto;max-width:240px;height:52px;margin-bottom:10px;display:block}.login-logo-login-page{object-fit:contain;width:300px;max-width:100%;height:300px;margin:10px auto}.login-subtitle{margin:0}.source-mapping-dialog{border:1px solid var(--border);background:var(--surface);width:min(920px,92vw);max-height:85vh;color:var(--text);border-radius:14px;margin:auto;padding:14px;overflow:auto}.source-mapping-dialog::backdrop{background:#0f172a73}.source-mapping-dialog-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}@media (max-width:768px){.page{padding:16px}.shell-inner{flex-direction:column;align-items:flex-start;padding:12px 16px}.shell-brand{width:100%}.nav{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.nav a{white-space:nowrap;flex:none}.shell-actions{justify-content:flex-end;width:100%}.customer-nav-desktop{display:none}.customer-shell-actions{justify-content:space-between}.customer-mobile-nav{display:block}.table-wrap .table{min-width:640px}.form-grid>div>.btn,.form-grid>div>.btn-secondary,.form-grid>div>button{width:100%}.login-logo-login-page{width:240px;height:240px}}