:root{color:#182230;font-synthesis:none;background:#f7f9fc;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.boot,.loading,.empty{color:#667085;padding:40px}.center{background:linear-gradient(140deg,#eff6ff,#f8fafc);place-items:center;min-height:100vh;display:grid}.auth{background:#fff;border:1px solid #e4e7ec;border-radius:16px;width:min(430px,92vw);padding:30px;box-shadow:0 16px 45px #10182816}.brand{align-items:center;gap:10px;font-weight:800;display:flex}.brand i{background:linear-gradient(140deg,#60a5fa 0 44%,#22c55e 44% 70%,#fbbf24 70%);border-radius:8px;width:32px;height:32px}.auth h1{margin:28px 0 8px;font-size:24px}.auth p{color:#667085;font-size:13px;line-height:1.5}.auth label{margin:22px 0 7px;font-size:11px;font-weight:700;display:block}.auth input{border:1px solid #d0d5dd;border-radius:8px;width:100%;padding:12px}.auth button,#refresh{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;width:100%;margin-top:12px;padding:12px;font-size:11px;font-weight:800}.auth button:disabled,#refresh:disabled{background:#98a2b3}.auth small{text-align:center;color:#98a2b3;margin-top:18px;display:block}.auth-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;margin:15px 0;padding:11px;font-size:12px}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.app aside{color:#fff;background:#101828;flex-direction:column;padding:26px 19px;display:flex}.brand.light{margin:0 8px 30px}.app nav{gap:5px;display:grid}.app nav button{color:#98a2b3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 13px}.app nav button span{margin-left:9px}.app nav .active{color:#fff;background:#344054;font-weight:700}.user{cursor:pointer;border-top:1px solid #344054;align-items:center;gap:10px;margin-top:auto;padding:20px 7px 0;display:flex}.user>b{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.user strong,.user small{text-overflow:ellipsis;max-width:145px;display:block;overflow:hidden}.user strong{font-size:11px}.user small{color:#98a2b3;margin-top:3px;font-size:9px}.app main{padding:32px 38px}.app header{display:flex}.app header h1{margin:0 0 6px;font-size:25px}.app header p{color:#667085;margin:0;font-size:13px}.online{color:#079455;background:#ecfdf3;border-radius:16px;margin-left:auto;padding:7px 11px;font-size:10px;font-weight:800}.toolbar{background:#fff;border:1px solid #e4e7ec;border-radius:12px;grid-template-columns:1.35fr .85fr .55fr 168px;align-items:center;gap:14px;margin-top:25px;padding:17px 18px;display:grid;box-shadow:0 1px 2px #1018280a}.toolbar>div{border-right:1px solid #e4e7ec}.toolbar label{color:#667085;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.toolbar b{font-size:11px}.toolbar #refresh{margin:0}.banner{border-radius:9px;align-items:center;gap:8px;margin:16px 0;padding:11px 14px;font-size:11px;display:flex}.banner span{margin-left:auto}.success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.working{color:#175cd3;background:#eff6ff;border:1px solid #b2ccff}.failure{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.working i{border:2px solid #b2ccff;border-top-color:#2563eb;border-radius:50%;width:11px;height:11px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:#fff;border:1px solid #e4e7ec;border-radius:12px;overflow:hidden;box-shadow:0 2px 5px #1018280a}.panel-head{padding:19px 20px 15px;display:flex}.panel-head h2{margin:0 0 5px;font-size:15px}.panel-head p{color:#667085;margin:0;font-size:10px}.panel-head span{color:#b54708;background:#fffaeb;border-radius:14px;height:max-content;margin-left:auto;padding:6px 10px;font-size:9px;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:970px;font-size:10px}th{color:#667085;text-transform:uppercase;text-align:left;background:#f9fafb;border-block:1px solid #e4e7ec;padding:11px 13px;font-size:8px}td{border-bottom:1px solid #eef1f5;padding:15px 13px}td small{color:#667085;margin-top:4px;font-size:8px;display:block}.low{color:#b54708;background:#fffaeb;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:700}.outline{color:#175cd3;cursor:pointer;background:#fff;border:1px solid #b2ccff;border-radius:7px;padding:8px 11px;font-size:8px;font-weight:800}.outline:disabled{cursor:default}.outline.generating{color:#175cd3;background:#eff6ff;border-color:#b2ccff}.outline.generating:before{content:"";vertical-align:-2px;border:2px solid #b2ccff;border-top-color:#2563eb;border-radius:50%;width:8px;height:8px;margin-right:5px;animation:.8s linear infinite spin;display:inline-block}.outline.sent{color:#067647;background:#ecfdf3;border-color:#abefc6}.outline.sent:before{content:"✓";margin-right:4px}.outline.failed{color:#b42318;background:#fef3f2;border-color:#fecdca}.email-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.outline.resend{color:#6941c6;background:#fff;border-color:#d6bbfb}.outline.resend:disabled{color:#667085;background:#f2f4f7;border-color:#d0d5dd}.request-error{max-width:150px;color:#b42318!important;margin-top:5px!important;display:block!important}.panel footer{color:#667085;justify-content:space-between;padding:13px 20px;font-size:8px;display:flex}.panel footer em{color:#b54708;font-style:normal}@media (width<=900px){.app{grid-template-columns:1fr}.app aside{display:none}.app main{padding:20px}.toolbar{grid-template-columns:1fr}.toolbar>div{border:0;padding-bottom:7px}.app header p{max-width:70%}}