:root{color-scheme:light dark;--bg:#0f1419;--panel:#1a222c;--border:#2c3848;--text:#e8eef6;--muted:#8b9bb0;--accent:#3b82f6;--accent-2:#22c55e;--danger:#ef4444;--radius:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#1e3a5f33,transparent),var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.shell.sidebar-collapsed{grid-template-columns:76px 1fr}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow-y:auto}.sidebar-slot{position:relative;min-width:0;z-index:4}.brand-row{align-items:center}.brand,.brand-row{display:flex;justify-content:center}.brand{min-width:0;color:var(--text)}.brand:hover{text-decoration:none}.brand-frame{display:block;height:46px;overflow:hidden}.brand-icon,.brand-logo{height:46px;width:auto;display:block;mix-blend-mode:screen}.brand-icon{height:40px;width:40px;object-fit:contain}.sidebar-toggle{position:fixed;top:50%;left:240px;z-index:6;transform:translate(-50%,-50%);display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);cursor:pointer}.shell.sidebar-collapsed .sidebar-toggle{left:76px}.sidebar-toggle:hover{color:var(--text);border-color:var(--muted)}.sidebar-toggle .nav-icon{width:14px;height:14px}.nav-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar nav{display:flex;flex-direction:column;gap:.35rem}.exit-settings,.sidebar nav a{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border-radius:8px;color:var(--muted)}.sidebar.collapsed{padding-left:.55rem;padding-right:.55rem;align-items:center;overflow:visible}.sidebar.collapsed .brand-row{flex-direction:column}.sidebar.collapsed .brand{flex:none}.sidebar.collapsed .brand-frame{width:40px;height:40px;overflow:visible}.sidebar.collapsed .account-email,.sidebar.collapsed .company-switch select,.sidebar.collapsed .company-switch-name,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .account-button,.sidebar.collapsed .exit-settings,.sidebar.collapsed nav a{justify-content:center;padding-left:.45rem;padding-right:.45rem}.sidebar.collapsed .account-menu{position:static}.sidebar.collapsed .account-popover{left:calc(100% + .55rem);right:auto;bottom:1.15rem;width:190px;z-index:20}.sidebar nav a{border-radius:8px;color:var(--muted)}.sidebar nav a.active,.sidebar nav a:hover{background:#243041;color:var(--text);text-decoration:none}.sidebar-footer{margin-top:auto;display:grid;grid-gap:.35rem;gap:.35rem}.exit-settings{padding:.45rem .55rem;text-decoration:none}.exit-settings:hover{background:#243041;color:var(--text);text-decoration:none}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.switch-row input{width:auto}.capture-switch{display:flex;align-items:flex-start;gap:.65rem}.capture-switch input{width:auto;margin-top:.15rem}.capture-switch .muted{display:block;margin-top:.2rem}.card>.capture-switch+.capture-switch,.card>.record+.capture-switch{margin-top:1rem}.account-menu{position:relative}.account-button{width:100%;display:flex;align-items:center;gap:.55rem;text-align:left;background:transparent;border:1px solid transparent;color:var(--text);border-radius:8px;padding:.35rem .4rem;cursor:pointer;font:inherit}.account-button:hover,.account-button[aria-expanded=true]{background:#243041;border-color:var(--border)}.account-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.account-popover{position:absolute;left:0;right:0;bottom:calc(100% + .35rem);background:#121924;border:1px solid var(--border);border-radius:10px;padding:.35rem;display:grid;grid-gap:.15rem;gap:.15rem;box-shadow:0 16px 40px #00000066;z-index:5}.account-popover a,.account-popover button{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:transparent;border:none;color:var(--text);border-radius:8px;padding:.5rem .65rem;cursor:pointer;font:inherit;text-decoration:none}.account-popover a:hover,.account-popover button:hover{background:#243041}.content{padding:1.5rem 2rem;width:100%;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.section-head h2{margin:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.page-header h1{margin:.25rem 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1rem}.card h2{margin:0 0 .75rem;font-size:1.05rem}.btn{border:1px solid var(--border);background:#243041;color:var(--text);border-radius:8px;padding:.5rem .9rem;cursor:pointer;font:inherit}.btn:hover{filter:brightness(1.08)}.btn.primary{background:var(--accent);border-color:transparent;color:white}.btn.ghost{background:transparent}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.6;cursor:not-allowed}.icon-btn{width:32px;height:32px;padding:0;display:inline-grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover{background:#243041;color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.row-icon-actions{display:flex;justify-content:flex-end;gap:.15rem}label{display:grid;grid-gap:.35rem;gap:.35rem;margin-bottom:.75rem;font-size:.9rem}input,select,textarea{width:100%;background:#0f1620;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.55rem .7rem;font:inherit}.row-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.row-form input{flex:1 1;min-width:160px}.stack-form{display:grid;grid-gap:.6rem;gap:.6rem;max-width:560px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:.55rem .35rem;border-bottom:1px solid var(--border)}.muted{color:var(--muted)}.small{font-size:.85rem}.center{display:grid;place-items:center;min-height:100vh}.dialog{width:min(440px,calc(100vw - 2rem));margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);padding:1.1rem 1.25rem 1.25rem;box-shadow:0 24px 80px #00000088}.dialog::-webkit-backdrop{background:#070b10cc}.dialog::backdrop{background:#070b10cc}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem}.dialog-header h2{margin:0;font-size:1.05rem}.dialog-x{width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer}.dialog-x:hover{background:#243041;color:var(--text)}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(400px,100%)}.login-logo{display:block;width:100%;height:auto;margin:0 0 1rem;mix-blend-mode:screen}.alert{background:#3f1d1d;border:1px solid #7f1d1d;color:#fecaca;padding:.65rem .8rem;border-radius:8px;margin-bottom:.75rem}.alert.ok{background:#14532d55;border-color:#166534;color:#bbf7d0}.toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:40;background:#14532d;border:1px solid #166534;color:#bbf7d0;border-radius:10px;padding:.7rem .95rem;box-shadow:0 12px 40px #00000066}.tabs{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.tabs .tab-end{margin-left:auto}.tab{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.4rem .9rem;cursor:pointer;font:inherit}.tab.active{background:var(--accent);border-color:transparent;color:white}.mail-panel{padding:0;overflow:hidden}.mail-panel>p{padding:1rem 1.1rem;margin:0}.mail-table-wrap{overflow-x:auto}.mail-table{width:100%;border-collapse:collapse;table-layout:auto}.mail-table th{text-align:left;font-weight:600;font-size:.8rem;color:var(--muted);padding:.65rem .9rem}.mail-table td,.mail-table th{border-bottom:1px solid var(--border)}.mail-table td{padding:.7rem .9rem;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-table tbody tr{cursor:pointer}.mail-table tbody tr:focus-visible,.mail-table tbody tr:hover{background:#172033;outline:none}.mail-party{width:auto}.mail-party,.mail-table td.mail-party{max-width:20rem}.mail-subject{width:100%;font-weight:600}.mail-table td.mail-subject{max-width:0}.mail-file{width:4.2rem;text-align:center}.mail-date,.mail-file{color:var(--muted);font-weight:400}.mail-date{width:5.5rem;text-align:right}.mail-table th.mail-date,.mail-table th.mail-file{text-align:inherit}.mail-pager{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;flex-wrap:wrap}.mail-page-size,.mail-pager-actions{display:flex;align-items:center;gap:.5rem}.mail-page-size{margin:0;font-size:inherit}.mail-page-size select,.mail-pager .btn{height:2.25rem;display:inline-flex;align-items:center;box-sizing:border-box}.mail-page-size select{width:auto;padding:0 .65rem;line-height:1}.mail-read{padding:.9rem 1rem 1.1rem}.mail-read-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.mail-read h2{margin:0 0 .25rem;font-size:1.25rem}.mail-read p{margin:.2rem 0}.message-body{margin:.8rem 0 0;white-space:pre-wrap;background:#0b1018;padding:.8rem;border-radius:6px;overflow:auto}.message-html{width:100%;min-height:320px;margin-top:.8rem;border:1px solid var(--border);border-radius:6px;background:white}.badge{font-size:.7rem;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;background:#334155}.badge.inbound{background:#14532d}.badge.outbound{background:#1e3a8a}.secret-box{margin-top:1rem;padding:.75rem;background:#0b1018;border-radius:8px;border:1px dashed var(--border);word-break:break-all}.company-switch{display:flex;align-items:center;gap:.55rem}.company-switch,.company-switch select{padding:.15rem .1rem;background:transparent}.company-switch select{border:none;min-width:0;font-weight:600}.company-switch-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-preview,.org-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#243041;display:grid;place-items:center;flex:none}.logo-preview{width:72px;height:72px;font-size:1.6rem}.logo-row{display:flex;gap:1rem;align-items:flex-end}.logo-picker-wrap{position:relative;flex:none}.company-name{flex:1 1;margin-bottom:0}.logo-picker{padding:0;border:none;background:transparent;cursor:pointer;border-radius:8px}.logo-picker:disabled{cursor:default}.logo-picker:not(:disabled):hover .logo-preview{outline:2px solid var(--accent)}.logo-clear{position:absolute;top:-6px;right:-6px;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);font-size:1rem;line-height:1;cursor:pointer}.logo-clear:hover{color:var(--danger)}.callout{background:#1e3a5f55;border:1px solid #1d4ed8;color:#dbeafe;padding:.75rem .9rem;border-radius:8px;margin:.75rem 0}.steps{margin:.5rem 0 0;padding-left:1.2rem;display:grid;grid-gap:.75rem;gap:.75rem}.dns-guide{margin-top:.85rem}.dns-guide summary{cursor:pointer;font-weight:600}.dns-guide[open] summary{margin-bottom:.6rem}.kv{display:grid;grid-template-columns:90px 1fr auto;grid-gap:.5rem;gap:.5rem;align-items:center;background:#0b1018;border-radius:8px;padding:.45rem .6rem;margin-top:.35rem}.kv code{word-break:break-all}.record{padding-top:.9rem;margin-top:.9rem;border-top:1px solid var(--border)}.domain-card h3,.record h3{margin:0;font-size:1rem}.record-head,.row-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.domain-card{margin-top:1rem;padding-top:.25rem}.company-list{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-gap:.6rem;gap:.6rem}.company-list li{display:flex;align-items:center;gap:.75rem}.company-list li div{flex:1 1}@media (max-width:800px){.shell,.shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar.collapsed .account-email,.sidebar.collapsed .company-switch select,.sidebar.collapsed .company-switch-name,.sidebar.collapsed .nav-label{display:initial}.sidebar.collapsed .company-switch select{display:block}.sidebar.collapsed{align-items:stretch;padding-left:1.25rem;padding-right:1.25rem}.sidebar.collapsed .brand-row{flex-direction:row}.sidebar.collapsed .brand-frame,.sidebar.collapsed .brand-icon{width:auto;height:46px}.shell.sidebar-collapsed .sidebar-toggle,.sidebar-toggle{left:auto;right:1rem;top:50%;transform:translateY(-50%)}.sidebar{position:static;height:auto;max-height:none;overflow:visible;border-right:none;border-bottom:1px solid var(--border)}}.badge.delivery-sent{background:#14532d}.badge.delivery-queued{background:#78350f}.badge.delivery-partial{background:#7c2d12}.badge.delivery-failed{background:#7f1d1d}.badge.caught,.badge.delivery-captured{background:#1e3a8a}.badge.caught{margin-right:.45rem;vertical-align:1px}.delivery-error{color:#fca5a5;white-space:pre-wrap;margin-top:2px}