*{box-sizing:border-box}body{margin:0;background:#f3f6f9;color:#183044;font:16px/1.5 system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:#176b67;color:white;padding:11px 16px}button:hover{filter:brightness(.94)}aside{position:fixed;inset:0 auto 0 0;width:252px;background:#132c42;color:#d9e5ef;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font-size:23px;letter-spacing:-1px}.brand b{font-weight:400}.logo{background:#a3e1cf;color:#132c42;width:42px;height:42px;text-align:center;border-radius:12px;font-weight:800;font-size:30px}.caption{font-size:12px;letter-spacing:1.5px;color:#91a8bb;margin:40px 12px 13px}nav button{display:flex;width:100%;background:none;text-align:left;color:#c3d3e0;margin:5px 0;padding:13px}nav button.active{background:#254358;color:white}nav span{margin-left:auto;background:#a3e1cf;color:#183044;border-radius:5px;padding:0 7px}.accounts p{font-size:14px;margin:16px 12px}.accounts small{display:block;margin-left:20px;color:#91a8bb;font-size:12px}i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:12px}.ovh{background:#649cea}.gmail{background:#ef8787}.ms{background:#6fc9e5}.office{background:#f2a15f}.connect{background:none;border:1px solid #526b7d;font-size:14px;margin-top:12px}.profile{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:14px;padding-top:28px}.profile>span{background:#324e63;padding:9px;border-radius:50%}.profile small{display:block;color:#91a8bb;font-size:12px}main{margin-left:252px;padding:38px 38px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:12px;color:#678092;letter-spacing:1.5px}h1{font-size:32px;margin:3px 0;font-weight:650;letter-spacing:-1px}h2{font-size:21px;letter-spacing:-.4px;margin:0 0 16px}h3{font-size:17px;margin:12px 0}.outline{background:white;color:#27465b;border:1px solid #d8e1e7}.demo{font-size:14px;color:#657a8b;border:1px solid #dae4ea;border-radius:8px;padding:10px 14px;margin-bottom:26px}.demo span{font-size:11px;font-weight:700;letter-spacing:1px;color:#176b67;margin-right:14px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat{background:white;border:1px solid #e1e7ed;border-radius:12px;padding:17px 22px}.stat strong{font-size:27px;display:block}.stat span{font-size:14px;color:#687d8e}.workspace{display:grid;grid-template-columns: minmax(280px,.85fr) minmax(360px,1.2fr);background:white;border:1px solid #dfe7ed;border-radius:14px;overflow:hidden;min-height:570px}.list{border-right:1px solid #e1e7ed}.toolbar{padding:18px;border-bottom:1px solid #e1e7ed;display:flex;gap:10px}input,textarea,select{border:1px solid #d6e1e7;border-radius:8px;padding:10px;background:white;color:#183044;width:100%}.toolbar select{width:130px;font-size:14px}.mail{width:100%;border-radius:0;text-align:left;background:white;color:#183044;padding:20px;border-bottom:1px solid #edf1f5;border-left:3px solid transparent}.mail.selected{background:#edf7f5;border-left-color:#176b67}.mail .top{display:flex;justify-content:space-between;font-weight:600;font-size:14px}.mail time{font-size:12px;font-weight:400;color:#748a99}.mail b{display:block;font-size:16px;margin:5px 0}.mail p{font-size:14px;color:#718392;margin:3px 0}.tag{display:inline-block;border-radius:4px;background:#edf1f5;font-size:12px;padding:3px 7px;margin-top:8px;color:#4b6274}.tag.important{background:#fff1d7;color:#986719}.detail{padding:30px}.detail h2{font-size:24px}.sender{font-size:14px;color:#6c8191;border-bottom:1px solid #e3eaf0;padding-bottom:20px}.body{white-space:pre-line;margin:24px 0;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.actions button{font-size:14px}.assistant{background:#f1f8f6;border:1px solid #cfe6de;border-radius:12px;padding:20px;margin-top:25px}.assistant .eyebrow{color:#176b67;font-weight:700}.assistant p{font-size:14px}.assistant textarea{min-height:160px;line-height:1.6}.panel{background:white;border:1px solid #dfe7ed;border-radius:14px;padding:28px}.row{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #edf1f5}.row input[type=checkbox]{width:20px;height:20px}.row .grow{flex:1}.row p{margin:0;font-size:14px;color:#6e8494}.done{text-decoration:line-through;color:#78909e}.empty{padding:40px;text-align:center;color:#78909e}.event{border-left:4px solid #f4cf42;padding:14px 20px;margin:15px 0;background:#fafbfc}.event.Ugo{border-color:#398bd2}.event.Noa{border-color:#824baf}.event small{color:#6b8393}.settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings .panel p{color:#6b8393;font-size:14px}#toast{position:fixed;bottom:25px;right:25px;background:#132c42;color:white;padding:14px 22px;border-radius:9px;display:none;max-width:90vw}dialog{border:0;border-radius:16px;padding:28px;max-width:500px;width:90vw}dialog::backdrop{background:#132c4266}label{display:block;font-size:14px;margin:14px 0}label input,label select{margin-top:6px}dialog p{font-size:14px;color:#6e8494}@media(max-width:1050px){aside{width:210px}main{margin-left:210px;padding:25px}.workspace{grid-template-columns:1fr}.list{border-right:0;max-height:350px;overflow:auto}.detail{padding:24px}.accounts p{margin-left:4px}header{gap:12px}header button{font-size:14px}}@media(max-width:680px){aside{position:static;width:100%;padding:16px}.brand{font-size:21px}.caption,.accounts,.connect,.profile{display:none}nav{display:flex;overflow:auto;margin-top:16px}nav button{white-space:nowrap;width:auto;font-size:14px;padding:10px}main{margin:0;padding:20px 14px}header{align-items:flex-start}h1{font-size:27px}.eyebrow{font-size:10px}header button{font-size:12px;padding:9px;max-width:115px}.demo span{display:block}.summary{gap:8px}.stat{padding:12px}.stat span{font-size:12px}.stat strong{font-size:23px}.settings{grid-template-columns:1fr}.panel{padding:20px}.detail{padding:22px 18px}}

.brand{flex-direction:column;align-items:flex-start;letter-spacing:0;font-size:18px}.brand img{width:100%;height:auto;border-radius:8px}.brand>span{padding-left:4px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media(max-width:680px){.brand{flex-direction:row;align-items:center}.brand img{width:145px}.manual-grid{grid-template-columns:1fr}}

.voice-panel{margin-bottom:24px;padding:20px 24px}.voice-panel p{font-size:14px;color:#567083}.voice-heading{display:flex;align-items:center;gap:16px}.voice-heading h2{margin:0}.voice-panel .toolbar{padding:0;border:0}.voice-result{border-top:1px solid #dfe7ed;margin-top:18px;padding-top:14px}.voice-result p{white-space:pre-line;line-height:1.8}.voice-panel button:disabled{opacity:.6;cursor:default}

.voice-settings{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.voice-settings label{flex:1;min-width:200px}.voice-settings button{margin-top:20px}.voice-settings select{font-size:14px}
