: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}.filter-block{display:grid;gap:14px}.filter-title{display:flex;align-items:center;gap:8px;color:#d9e2ef;font-weight:700}label{display:grid;gap:6px;color:#c6d0dd;font-size:13px}input,select{width:100%;border:1px solid #354457;border-radius:7px;min-height:38px;background:#101721;color:#fff;padding:0 11px}.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}.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:150px 122px 1fr 1fr 150px 1.1fr;min-width:980px;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{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}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.detail-list div{background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:10px;min-width:0}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:3px 0 0;overflow-wrap:anywhere;font-weight:700}.email-meta{display:grid;gap:4px;color:var(--muted);font-size:13px;margin-bottom: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}.filter-block{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-title,.secondary-button{grid-column:1 / -1}.content-grid{grid-template-columns:1fr}.email-pane{border-left:0;border-top:1px solid var(--line);max-height:none}}@media(max-width:720px){.toolbar{flex-wrap:wrap}.filter-block,.detail-list{grid-template-columns:1fr}}