@font-face{font-family:Manrope;src:url('/admin/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,sans-serif;color:#202b2b;background:#f5f7f5;font-size:16px;line-height:24px;font-synthesis:none;--accent:#256551;--muted:#64736d;--border:#dce5df}
*{box-sizing:border-box}body{margin:0}h1,h2,p{margin:0}h1{font-size:36px;line-height:40px;letter-spacing:-.03em;font-weight:600;text-wrap:balance}h2{font-size:20px;line-height:28px;font-weight:600}p{text-wrap:pretty}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}button{border:1px solid transparent;border-radius:8px;padding:8px 12px;background:var(--accent);color:white;font-weight:600;cursor:pointer;transition:background .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}button:hover{background:#1a4c3c}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#e8efea;color:#244a3b;border-color:#d2dfd6}button.secondary:hover{background:#dae7de}button.quiet{background:transparent;color:var(--accent)}button.quiet:hover{background:#e8efea}:focus-visible{outline:3px solid #8cb6a4;outline-offset:4px}input{width:100%;min-width:0;border:1px solid #c9d6cd;border-radius:8px;background:#fff;padding:12px;color:#202b2b}label{display:block;font-size:14px;line-height:20px;font-weight:600;margin:16px 0 8px}header{max-width:1120px;margin:24px auto 0;padding:16px 24px;background:#fff;border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:8px;font-size:20px;line-height:28px;font-weight:600;text-decoration:none;color:#202b2b}.brand span{color:var(--muted);margin-left:-8px}nav{display:flex;align-items:center;gap:16px;font-size:14px;line-height:20px}nav a{text-decoration:none}main{max-width:1120px;margin:64px auto;padding:0 24px;min-height:64vh}.eyebrow{font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:600;margin-bottom:12px}.lead{font-size:16px;line-height:24px;color:var(--muted);margin-top:16px}.login{max-width:480px;margin:80px auto}.login .panel{margin-top:32px}.login button[type=submit]{width:100%;margin-top:8px}.login>.hint{margin-top:24px;text-align:center}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px}.login label:first-child{margin-top:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.summary>div{padding:24px;background:#edf2ee;border:1px solid #e0e8e2;border-radius:16px}.summary span{display:block;color:var(--muted);font-size:14px;line-height:20px;margin-bottom:8px}.summary strong{font-size:24px;line-height:32px;font-weight:600}.editor{margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.address-input{display:flex;align-items:center;border:1px solid #c9d6cd;border-radius:8px;overflow:hidden}.address-input input{border:0;border-radius:0}.address-input span{padding:0 12px;color:var(--muted);white-space:nowrap;background:#f7f9f7;font-size:14px;line-height:20px}.hint{color:var(--muted);font-size:12px;line-height:16px;margin-top:8px}.error{font-size:14px;line-height:20px;color:#9c3434;margin:12px 0}.error:empty{display:none}.form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:24px}.notice{background:#e7f1e9;border:1px solid #c7ddcf;border-radius:8px;padding:16px;margin-top:24px;font-size:14px;line-height:20px}.notice.problem{background:#fff0ec;border-color:#eacbc3;color:#8e3829}.list-panel{padding:0;overflow:hidden}.mailbox-row{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;align-items:center;gap:24px;padding:24px}.mailbox-row+.mailbox-row{border-top:1px solid var(--border)}.mailbox-email{font-size:16px;line-height:24px;font-weight:600;overflow-wrap:anywhere}.mailbox-label{font-size:12px;line-height:16px;color:var(--muted);margin-top:4px}.mailbox-usage{font-size:12px;line-height:16px;color:var(--muted)}progress{display:block;width:100%;height:8px;margin-top:8px;accent-color:var(--accent)}.mailbox-actions{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px}.mailbox-actions button{font-size:14px;line-height:20px}.reserve{margin-top:16px}.settings{margin-top:32px}.settings summary{cursor:pointer;font-weight:600}.settings button[type=submit]{margin-top:24px}footer{padding:24px;color:var(--muted);font-size:12px;line-height:16px;text-align:center}dialog{max-width:480px;width:calc(100% - 32px);padding:32px;border:1px solid var(--border);border-radius:16px;color:inherit}dialog::backdrop{background:#15291f66}dialog h2{margin-bottom:8px}dialog p{overflow-wrap:anywhere}.skeleton{display:grid;gap:16px;margin-bottom:24px}.skeleton>div{height:64px;background:#e5ece6;border-radius:8px;animation:pulse 1s alternate infinite}@keyframes pulse{to{opacity:.45}}.skip{position:absolute;top:-80px;left:16px;background:white;padding:12px;z-index:5}.skip:focus{top:16px}[hidden]{display:none!important}
@media(max-width:700px){header{margin:12px; padding:16px}.brand{font-size:16px;line-height:24px}nav{gap:8px}nav a{font-size:12px;line-height:16px}main{margin:40px auto;padding:0 16px}h1{font-size:30px;line-height:36px}.login{margin:48px auto}.page-heading{align-items:flex-start;flex-direction:column;gap:24px}.summary{grid-template-columns:1fr;gap:8px;margin:24px 0}.summary>div{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.summary span{margin-bottom:0}.summary strong{font-size:20px;line-height:28px}.form-grid{grid-template-columns:1fr;gap:0}.panel{padding:16px}.list-panel{padding:0}.mailbox-row{grid-template-columns:1fr;gap:16px;padding:24px 16px}.mailbox-actions{justify-content:flex-end}.mailbox-usage{max-width:100%}.form-actions{justify-content:flex-start}.form-actions button[type=submit]{margin-left:auto}.address-input span{font-size:12px;line-height:16px}.section-heading{align-items:flex-start}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}