:root{--color-navy: #1a2744;--color-navy-dark: #141e33;--color-navy-light: #243352;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-bg: #f0f2f5;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-spot: #16a34a;--color-spot-bg: #dcfce7;--color-named: #2563eb;--color-named-bg: #dbeafe;--color-tender: #d97706;--color-tender-bg: #fef3c7;--color-received: #64748b;--color-accent-green: #22c55e;--color-accent-blue: #3b82f6;--color-accent-orange: #f59e0b;--color-accent-teal: #14b8a6;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 2px 8px rgba(15, 23, 42, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--header-height: 62px;--sidebar-width: 82px;--rfq-col-accent: 4px;--rfq-col-customer: minmax(128px, 1.15fr);--rfq-col-details: minmax(168px, 1.55fr);--rfq-col-cargo: minmax(138px, 1.2fr);--rfq-col-route: minmax(118px, 1.05fr);--rfq-col-rates: minmax(112px, .95fr);--rfq-col-validity: minmax(122px, 1.05fr);--rfq-col-logistics: minmax(132px, 1.15fr);--rfq-col-actions: 60px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden}app-root,app-shell{display:block;height:100%}body:has(app-rfq-shell){overflow:hidden}body:has(app-login){background:var(--color-navy-dark)}body:has(.shell--from-login){background:var(--color-bg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none}button,input,select{font-family:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.rfq-cols{display:grid;width:100%;grid-template-columns:var(--rfq-col-accent) var(--rfq-col-customer) var(--rfq-col-details) var(--rfq-col-cargo) var(--rfq-col-route) var(--rfq-col-rates) var(--rfq-col-validity) var(--rfq-col-logistics) var(--rfq-col-actions);column-gap:16px;align-items:start}.rfq-cols>*{min-width:0;overflow:hidden}.rfq-cols>.header-cell--actions,.rfq-cols>.cell--actions,.rfq-cols>.cell--details{overflow:visible}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}