:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f5f7;color:#1c2430;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--orange: #f47a20;--line: #dde3ea;--muted: #667386;--panel: #ffffff;--soft: #f7f9fb;--blue: #2563eb;--green: #167a4a;--amber: #aa5b00;--red: #b42318}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#17202b;color:#fff;padding:22px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:44px;height:44px;border-radius:8px;background:var(--orange);flex:0 0 auto}.brand strong,.brand span{display:block}.brand strong{font-size:17px}.brand span{color:#aeb8c6;font-size:13px;margin-top:2px}input{width:100%;border:1px solid #354457;border-radius:7px;min-height:38px;background:#101721;color:#fff;padding:0 11px}.sidebar-nav{display:grid;gap:24px}.nav-section{display:grid;gap:5px}.nav-heading{color:#93a2b5;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase;padding:0 2px 4px}.nav-item{width:100%;border:0;border-radius:7px;min-height:34px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d7e0ec;background:transparent;cursor:pointer;text-align:left}.nav-item:hover{background:#202d3d}.nav-item.active{background:#263445;color:#fff}.nav-label{min-width:0;display:flex;align-items:center;gap:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{color:#aeb8c6;font-size:13px;font-weight:800}.nav-item.active .nav-count{color:var(--orange)}.nav-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.nav-dot.new{background:var(--green)}.nav-dot.moved{background:var(--orange)}.nav-dot.cancelled{background:var(--red)}.date-range{position:relative}.date-range-button{width:100%;border:1px solid #354457;border-radius:7px;min-height:50px;padding:7px 10px;display:grid;gap:3px;background:#101721;color:#d7e0ec;cursor:pointer;text-align:left}.date-range-button:hover,.date-range-button.active{border-color:var(--orange)}.date-range-button span{color:#93a2b5;font-size:12px;font-weight:800}.date-range-button strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-popover{position:absolute;z-index:5;left:0;top:calc(100% + 8px);width:270px;padding:12px;border:1px solid #354457;border-radius:8px;background:#111a26;box-shadow:0 16px 40px #00000059}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.calendar-header button,.calendar-actions button{border:0;border-radius:6px;min-height:30px;padding:0 10px;background:#263445;color:#fff;cursor:pointer}.calendar-header strong{color:#fff;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-weekdays{color:#93a2b5;font-size:11px;font-weight:800;margin-bottom:4px;text-align:center}.calendar-day{border:0;border-radius:6px;height:31px;background:transparent;color:#d7e0ec;cursor:pointer}.calendar-day:hover{background:#263445}.calendar-day.outside{color:#59687a}.calendar-day.in-range{background:#3a2c22}.calendar-day.selected{background:var(--orange);color:#fff;font-weight:800}.calendar-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.workspace{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.toolbar{display:flex;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.search-box{height:42px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--soft);flex:1;min-width:180px}.search-box input{border:0;background:transparent;color:#17202b;padding:0;outline:0}.content-grid{display:grid;grid-template-columns:minmax(620px,1fr) minmax(340px,430px);min-height:0}.content-grid.email-collapsed{grid-template-columns:minmax(0,1fr) 46px}.table-panel{min-width:0;padding:18px 20px}.table-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}h1,h2,p{margin:0}.table-heading h1{font-size:22px}.table-heading p{color:var(--muted);font-size:13px;margin-top:3px}.message-table{border:1px solid var(--line);border-radius:8px;overflow:auto;background:var(--panel);max-height:calc(100vh - 130px)}.table-row{display:grid;grid-template-columns:178px 122px minmax(210px,1fr) minmax(170px,1fr) 178px minmax(260px,1.1fr);min-width:1120px;align-items:center;border-bottom:1px solid var(--line)}.table-header{position:sticky;top:0;z-index:1;background:#f8fafc}.sort-button{border:0;background:transparent;color:#3f4c5d;font-size:12px;font-weight:800;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;cursor:pointer}.message-row{width:100%;border-left:0;border-right:0;border-top:0;background:#fff;text-align:left;cursor:pointer;color:#1c2430}.message-row:hover{background:#fff8f3}.message-row.selected{background:#fff1e8;box-shadow:inset 4px 0 0 var(--orange)}.message-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:14px 12px;font-size:14px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-width:78px;height:24px;padding:0 10px;font-weight:800;font-size:12px}.badge.new{background:#e8f7ef;color:var(--green)}.badge.moved{background:#fff3df;color:var(--amber)}.badge.cancelled{background:#ffebe8;color:var(--red)}.email-pane{position:relative;border-left:1px solid var(--line);background:var(--panel);padding:20px;min-width:0;overflow:auto;max-height:calc(100vh - 75px)}.email-pane.empty{display:grid;place-content:center;gap:10px;color:var(--muted);text-align:center}.email-pane-header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.email-pane-header span{color:var(--orange);font-weight:800;font-size:12px;text-transform:uppercase}.email-pane-header h2{font-size:19px;margin-top:4px}.email-pane-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.email-toggle,.email-rail{border:1px solid var(--line);background:var(--soft);color:#243246;cursor:pointer;display:grid;place-items:center}.email-toggle{width:34px;height:34px;border-radius:7px}.email-pane.empty .email-toggle{position:absolute;top:16px;right:16px}.email-toggle:hover,.email-rail:hover{border-color:var(--orange);color:var(--orange)}.email-rail{width:46px;min-height:calc(100vh - 75px);border-top:0;border-right:0;border-bottom:0;border-radius:0;border-left:1px solid var(--line);background:var(--panel);align-content:start;padding-top:24px}.email-meta{display:grid;gap:4px;color:var(--muted);font-size:13px;margin:16px 0 12px}.email-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#111827;color:#eef2f7;border-radius:8px;padding:16px;line-height:1.45;min-height:280px}.icon-button,.signout-button,.secondary-button,.primary-button{border:0;border-radius:7px;min-height:38px;cursor:pointer;font-weight:800}.icon-button{width:42px;background:var(--soft);color:#243246;display:grid;place-items:center;border:1px solid var(--line)}.signout-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.signout-button{background:#17202b;color:#fff}.secondary-button{background:#263445;color:#fff}.primary-button{background:var(--orange);color:#fff;padding:0 18px}.error-banner{margin:12px 20px 0;border:1px solid #ffc8c1;background:#fff1ef;color:#9a2419;border-radius:7px;padding:10px 12px}.empty-state{display:grid;place-items:center;gap:8px;color:var(--muted);padding:54px 20px}.login-screen{min-height:100vh;display:grid;place-items:center;background:#eef2f7;padding:22px}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;gap:18px}.login-card .brand span{color:var(--muted)}.login-card h1{font-size:24px}.login-card p{color:var(--muted)}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.secondary-button{grid-column:1 / -1}.content-grid,.content-grid.email-collapsed{grid-template-columns:1fr}.email-pane{border-left:0;border-top:1px solid var(--line);max-height:none}.email-rail{width:100%;min-height:44px;border-left:0;border-top:1px solid var(--line);padding-top:0}}@media(max-width:720px){.toolbar{flex-wrap:wrap}.sidebar-nav{grid-template-columns:1fr}}