:root{color-scheme:dark;--bg:#07111f;--panel:#0e1d30;--muted:#a5b6ca;--cyan:#5fe8db}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#123746,transparent 65%),var(--bg);color:#eef5ff;font:16px/1.6 system-ui,-apple-system,sans-serif;min-height:100vh}header,footer{max-width:1120px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}a{color:var(--cyan)}nav{display:flex;gap:24px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.07em;color:var(--cyan);text-decoration:none}.brand span{color:#eef5ff;margin-left:12px}main{width:min(100% - 40px,1000px);margin:40px auto 80px}.narrow{max-width:540px;margin:auto}.eyebrow{color:var(--cyan);font-size:.75rem;font-weight:800;letter-spacing:.18em}h1{font-size:2.6rem;line-height:1.15;margin:14px 0}h2{font-size:1.4rem}.muted,footer{color:var(--muted)}.card{padding:30px;background:var(--panel);border:1px solid #294055;border-radius:18px;margin:24px 0;box-shadow:0 20px 70px #0003}label{display:block;font-weight:600;margin:18px 0 7px}input,textarea,select{display:block;width:100%;border:1px solid #40566e;border-radius:8px;background:#07111f;color:#eef5ff;padding:13px;font:inherit}textarea{min-height:130px}button{border:0;border-radius:8px;background:var(--cyan);color:#07111f;padding:13px 18px;font:700 1rem system-ui;cursor:pointer;margin-top:20px}button:disabled{opacity:.55;cursor:wait}.secondary{color:var(--cyan);background:transparent;border:1px solid #40566e}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.row h1{margin-right:auto}ol.steps{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;padding-left:20px}.steps [aria-current=step]{color:var(--cyan)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.error{color:#ffb7ac}.notice{color:var(--cyan)}code{color:var(--cyan);overflow-wrap:anywhere}.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;background:var(--bg);border-radius:10px}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #294055}td{overflow-wrap:anywhere}td button{margin:4px;font-size:.85rem;padding:8px}progress{width:100%;accent-color:var(--cyan)}.table-wrap{overflow:auto}dl{display:grid;grid-template-columns:1fr 2fr;gap:10px}dt{color:var(--muted)}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.check{display:flex;align-items:center;gap:12px}.check input{width:auto}small{color:var(--muted)}@media(max-width:600px){.brand span{display:none}main{margin-top:24px}.card{padding:20px}h1{font-size:2rem}header{padding:20px}nav{gap:14px}dl{display:block}dd{margin-bottom:16px}.codes{grid-template-columns:1fr}}

.development-banner{text-align:center;margin:0 auto;padding:12px 24px;background:#f6c453;color:#15283e;font-weight:700;border-block:1px solid #d8a937}.danger{border-color:#a7675c}

.authenticator-qr{display:block;width:min(300px,100%);height:auto;background:#fff;margin:20px auto;image-rendering:pixelated}

.admin-folders{margin-top:28px}.folder-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:0 8px;align-items:end}.folder-tabs button{position:relative;margin:0;border:1px solid #40566e;border-bottom:0;border-radius:14px 20px 0 0;background:#142d42;color:#bfd2e4;padding:14px 20px;min-height:52px;box-shadow:inset 0 3px #5fe8db22}.folder-tabs button[aria-selected=true]{background:#183c4c;color:#fff;box-shadow:inset 0 4px var(--cyan);z-index:1}.folder-body{background:linear-gradient(145deg,#183c4c,#0e1d30 65%);border:1px solid #40566e;border-radius:12px;padding:clamp(16px,3vw,30px);min-height:460px;box-shadow:0 25px 70px #0004}.folder-body [role=tabpanel]>h2{margin:0 0 20px}.folder-body .card{margin:20px 0}.associate-list{max-height:440px;overflow:auto;overscroll-behavior:contain;border:1px solid #294055;border-radius:10px}.associate-list table{min-width:850px}.associate-list thead th{position:sticky;top:0;background:#102638;z-index:1}.associate-list td{vertical-align:top}.associate-list button:disabled{cursor:not-allowed}.associate-list small{white-space:normal}@media(max-width:600px){.folder-tabs{gap:4px;padding:0}.folder-tabs button{flex:1 1 40%;padding:12px 10px;font-size:.85rem}.folder-body{padding:14px}.associate-list{max-height:360px}}

.mail-console{min-width:0}.mail-columns{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;margin-top:24px}.mail-folders{display:grid;gap:6px;max-height:520px;overflow:auto}.mail-folders button{margin:0;text-align:left;padding:10px;font-size:.85rem}.mail-message-list{max-height:450px;overflow:auto;border:1px solid #40566e;border-radius:8px}.mail-message{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;background:#07111f;color:#a5b6ca;margin:0;border-radius:0;border-bottom:1px solid #294055;font-size:.85rem;font-weight:400}.mail-message.unread{color:#eef5ff;font-weight:700}.mail-reader{margin-top:24px;padding-top:20px;border-top:1px solid #40566e}.mail-reader pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:600px;overflow:auto}.mail-reader [data-mail=headers]{white-space:pre-wrap}.mail-compose{color:#eef5ff;background:#0e1d30;border:1px solid #5fe8db;border-radius:16px;width:min(760px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:24px}.mail-compose::backdrop{background:#000a}.mail-console [data-mail=search]{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.mail-console [data-mail=search] label:first-child{flex:1}.mail-console .row button{margin-top:8px}.associate-list td:nth-child(1){min-width:240px}.associate-list td:nth-child(2){min-width:145px}.associate-list td:nth-child(4){min-width:170px}@media(max-width:700px){.mail-columns{grid-template-columns:1fr}.mail-folders{display:flex;max-height:150px;flex-wrap:wrap}.mail-folders button{flex:1 1 120px}}