:root{color-scheme:dark;--bg:#07111b;--panel:#0b1723;--panel2:#0e1c2a;--line:#203142;--text:#edf5ff;--muted:#91a3b7;--blue:#1683ff;--red:#ff4d6d;--green:#22c77a;--amber:#ffb020;--purple:#8b6cff}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}header{height:64px;display:flex;align-items:center;gap:28px;padding:0 20px;border-bottom:1px solid var(--line);background:#091522}.brand{font-size:20px;font-weight:700;min-width:260px}.check{display:inline-grid;place-items:center;background:var(--blue);width:30px;height:30px;border-radius:5px;margin-right:10px}header input{flex:1;max-width:620px;background:#0b1825;border:1px solid #31465b;border-radius:6px;padding:11px 14px;color:white}header button,.primary{margin-left:auto;background:var(--blue);color:white;border:0;border-radius:5px;padding:10px 16px}.app{display:grid;grid-template-columns:285px minmax(480px,1fr) 510px;height:calc(100vh - 64px)}aside{position:relative;border-right:1px solid var(--line);padding:12px;background:#091522}.nav,#events button,.bottom button,.bottom a{display:flex;width:100%;border:0;background:transparent;color:#dce8f5;text-decoration:none;padding:11px 14px;border-radius:5px;text-align:left;gap:10px}.nav b{margin-left:auto}.nav.active,.nav:hover,#events button:hover{background:#112b50}aside h4{color:#7f94aa;margin:22px 14px 8px;font-size:12px}.bottom{position:absolute;bottom:12px;left:12px;right:12px;border-top:1px solid var(--line);padding-top:10px}main{overflow:auto;border-right:1px solid var(--line)}.title{display:flex;align-items:end;justify-content:space-between;padding:28px 28px 18px}.title h1{margin:0 0 4px;font-size:28px}.title span{color:var(--muted)}select{background:#102031;color:white;border:1px solid #31465b;border-radius:5px;padding:8px}.row{display:grid;grid-template-columns:32px 1fr auto auto;gap:14px;align-items:center;margin:0 14px;padding:13px 12px;border-bottom:1px solid #1c2b3a;cursor:pointer}.row:hover,.row.selected{background:#0d2745}.circle{width:22px;height:22px;border:1px solid #71869d;border-radius:50%}.company{font-weight:650;font-size:15px}.sub{color:#9eb0c2;margin-top:3px}.tag{padding:4px 8px;border-radius:5px;background:#15345a;color:#8dc6ff;font-size:12px}.tag.reply{background:#4b2b0d;color:#ffc46a}.tag.confirmed{background:#0d402e;color:#72e3ae}.tag.due{background:#4c1722;color:#ff91a6}.date{color:#a7b7c7;min-width:70px;text-align:right}#detail{overflow:auto;padding:22px 26px;background:#08131e}.empty{color:#71869d;text-align:center;margin-top:120px}.detail-head{display:flex;justify-content:space-between;align-items:start}.detail-head h2{font-size:24px;margin:0 0 8px}.card{border:1px solid var(--line);background:#0a1723;border-radius:7px;padding:16px;margin-top:16px}.kv{display:grid;grid-template-columns:140px 1fr;gap:11px;padding:6px 0}.kv span:first-child{color:#9badbf}.email{color:#52a5ff}.btns{display:flex;gap:8px;margin-top:16px}.btn{border:1px solid #36516a;background:#102132;color:white;border-radius:5px;padding:10px 13px;text-decoration:none}.btn.blue{background:var(--blue);border-color:var(--blue)}.snippet{color:#c7d3df;line-height:1.5}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 8px;background:#143358;border-radius:12px;color:#8dc6ff}.danger{color:#ff8098}dialog{background:#0d1a27;color:white;border:1px solid #36516a;border-radius:9px;width:470px;padding:0}dialog form{padding:22px}dialog h2{margin-top:0}label{display:block;color:#9eb0c2;margin:12px 0}label input,label textarea,label select{display:block;width:100%;margin-top:5px;padding:10px;background:#08131e;border:1px solid #31465b;color:white;border-radius:5px}textarea{height:75px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.actions button{padding:9px 14px;border-radius:5px;border:1px solid #36516a;background:#102132;color:white}.actions .primary{background:var(--blue);border-color:var(--blue);margin:0}@media(max-width:1050px){.app{grid-template-columns:220px 1fr}#detail{position:fixed;right:0;top:64px;bottom:0;width:480px;box-shadow:-20px 0 40px #0008;display:none}.app.detail-open #detail{display:block}}