:root{color:#fff;background:#000;font-family:Montserrat,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#000}button,input,select{font:inherit;color:inherit}select option{background:#111;color:#fff}button{cursor:pointer}.auth{min-height:100%;display:grid;place-items:center;padding:32px 16px}.panel-auth{background:radial-gradient(ellipse at top,rgba(255,255,255,.05),transparent 55%),#000}.auth-card{width:min(420px,100%)}.auth-logo{width:72px;height:72px;object-fit:contain;display:block;margin-bottom:14px}.mail-auth{min-height:100%;display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);background:#000}.mail-auth-brand{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(28px,6vw,72px);border-right:1px solid #1c1c1c;background:linear-gradient(160deg,#141414,#050505 55%,#000)}.mail-auth-logo{width:96px;height:96px;margin-bottom:18px}.mail-domain-logo{width:28px;height:28px;object-fit:contain;border-radius:4px;flex:0 0 auto}.mail-auth-brand .mark{font-size:clamp(36px,5vw,52px)}.mail-auth-brand .muted{max-width:34ch;margin:0}.mail-auth-admin{margin-top:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mail-auth-admin .text-btn{display:inline-flex;align-items:center;gap:4px;padding:0;color:#fff;text-decoration:underline;text-underline-offset:3px}.mail-auth-pane{display:grid;place-items:center;padding:32px 20px}.mail-auth-card{width:min(400px,100%)}.mail-auth-title{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}.mail-auth-card .stack{margin-top:20px}@media(max-width:800px){.mail-auth{grid-template-columns:1fr}.mail-auth-brand{border-right:0;border-bottom:1px solid #1c1c1c;padding:28px 20px}.mail-auth-logo{width:72px;height:72px}.mail-auth-brand .mark{font-size:32px}}.head-logo{width:44px;height:44px;object-fit:contain;display:block}.auth-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.mark{font-weight:700;font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.muted{color:#9a9a9a;line-height:1.45}.stack{display:flex;flex-direction:column;gap:12px;margin-top:28px}.field{width:100%;background:transparent;border:1px solid #333;border-radius:999px;padding:14px 18px;outline:none}.field:focus{border-color:#fff}.password-field{position:relative;width:100%}.password-field .field{padding-right:48px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#999;display:inline-flex;align-items:center;justify-content:center;padding:6px;cursor:pointer}.password-toggle:hover{color:#fff}.pill{border:0;border-radius:999px;background:#fff;color:#000;padding:12px 18px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.pill.small{padding:7px 13px;font-size:13px}.link-pill{text-decoration:none}.pill.ghost,.segment button,.icon-btn{background:transparent;color:#fff;border:1px solid #333}.pill:disabled{opacity:.5;cursor:default}.text-btn{background:none;border:0;color:#9a9a9a;padding:0;text-align:left}.error{color:#ffb4b4;margin:0}.shell{--mail-brand: #ffffff;height:100%;display:grid;grid-template-columns:380px 1fr;transition:grid-template-columns .16s ease}.shell .pill:not(.ghost){border-color:var(--mail-brand)}.shell.manage-shell{grid-template-columns:minmax(240px,300px) minmax(0,760px);justify-content:center;background:radial-gradient(ellipse at top,rgba(255,255,255,.04),transparent 50%),#000}.shell.manage-shell .list{background:#0a0a0a}.shell.manage-shell .detail{background:transparent}.shell.manage-shell .list-head .account:after{content:" · Panel akun";color:#777;font-weight:500;font-size:12px}.shell.manage-shell .manage-home .section{margin-top:28px}.shell.manage-shell .manage-home .domain-row{width:100%;text-align:left;margin-top:8px}.shell.list-collapsed{grid-template-columns:64px 1fr}.list,.detail{min-height:0;overflow:auto}.list{border-right:1px solid #1c1c1c;padding:20px 16px 32px}.mail-list{display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px}.mail-list.collapsed{padding:16px 10px;align-items:stretch}.mail-list.collapsed .list-head{flex-direction:column;align-items:center;margin-bottom:0}.mail-list.collapsed .row-top{flex-direction:column}.list-toggle{display:inline-flex;align-items:center;gap:6px;flex:none}.rail-actions{width:100%;justify-content:center}.mail-list .stack{flex:1;min-height:0;overflow:auto}.list-foot{flex:none;margin-top:auto;position:sticky;bottom:0;background:#000;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:12px}.list-toggle-float{align-self:flex-start}.list-foot-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.list-head-actions{margin-left:auto}.mail-mailbox-bar{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:20px 32px 0;flex:none;flex-wrap:wrap}.mail-mailbox-bar .account{max-width:min(420px,70%)}.list-head,.detail-head,.row-top,.mailbox,.dns-row{display:flex;align-items:center;gap:10px}.list-head{justify-content:space-between;margin-bottom:16px}.account{border:1px solid #333;border-radius:999px;padding:8px 14px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;flex:none}.add-row{display:flex;gap:8px;margin:12px 0}.add-row .field{flex:1}.domain-row{width:100%;text-align:left;background:transparent;border:0;border-radius:16px;padding:12px}.domain-row.active,.domain-row:hover{background:#161616}.domain-name{font-weight:600}.domain-meta{color:#9a9a9a;font-size:13px;margin-top:2px}.detail{padding:28px 32px 48px}.detail-inner{max-width:640px}.detail-head{justify-content:space-between}.eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#777;margin-bottom:8px}.list-group{margin-top:22px}.list-items{display:flex;flex-direction:column;gap:4px}.dash{min-height:100%;max-width:1100px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:20px}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-head .mark{margin:0;font-size:28px}.dash-tabs{display:flex;flex-wrap:wrap;gap:8px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.dash-card{background:#111;border:1px solid #222;border-radius:20px;padding:22px}.dash-card h2{margin:0 0 10px;font-size:18px}.dash-span{grid-column:1 / -1}.msg-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto;margin:12px 0}.msg-bubble{background:#080808;border:1px solid #1e1e1e;border-radius:14px;padding:12px}.msg-bubble p{margin:0 0 6px}.solo-panel{min-height:100%;max-width:960px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:20px}.solo-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.solo-head .mark{margin:0;font-size:22px}.solo-user{display:flex;align-items:center;gap:10px}.home-banner{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px clamp(20px,4vw,36px);border-radius:28px;border:1px solid #222;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%),linear-gradient(160deg,#171717,#0a0a0a 55%,#000)}.home-banner-copy{flex:1 1 280px;min-width:0}.home-banner-copy h1{margin:0;font-size:clamp(26px,4vw,36px);letter-spacing:-.04em;overflow-wrap:anywhere}.home-banner-copy .muted{margin:10px 0 0}.home-banner-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.home-banner-actions .pill{display:inline-flex;align-items:center;gap:8px}.home-mailbox-block{display:flex;flex-direction:column;gap:14px}.home-mailbox-head h2{margin:0;font-size:20px;letter-spacing:-.03em}.home-mailbox-head .muted{margin:6px 0 0}.home-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-tile{background:#111;border:1px solid #222;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px;min-height:160px}.home-tile-mailbox{justify-content:flex-start}.home-tile strong{font-size:18px;letter-spacing:-.03em;overflow-wrap:anywhere}.home-tile .muted{margin:0}.home-tile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}.home-tile-actions .pill{display:inline-flex;align-items:center;gap:6px}.solo-card{background:#111;border:1px solid #222;border-radius:24px;padding:28px}.solo-card h1{font-size:26px;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}@media(max-width:800px){.home-tiles{grid-template-columns:1fr}}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:20px;padding:16px;background:#080808;border:1px solid #1e1e1e;border-radius:16px}.meta-item{display:flex;flex-direction:column;gap:4px;font-weight:600}.meta-item .muted{font-size:12px;font-weight:400}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.solo-note{margin:24px 0 0;padding-top:18px;border-top:1px solid #1e1e1e;font-size:13px}.detail h1{font-size:28px;letter-spacing:-.04em;margin:0}.record{margin-top:28px;background:#141414;border-radius:20px;padding:18px}.record p,.section h2{margin:0 0 8px}.record code,.copy-line{display:block;margin-top:8px;padding:12px 14px;border-radius:12px;background:#000;border:1px solid #2a2a2a;word-break:break-all}.dns{display:grid;gap:8px;margin-top:22px}.dot{width:8px;height:8px;border-radius:999px;background:#555}.dot.on{background:#fff}.section{margin-top:32px}.mailbox{justify-content:space-between;padding:12px 0;border-bottom:1px solid #1c1c1c}.mailbox span:first-child{min-width:0;overflow-wrap:anywhere}.alias-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.alias-form .pill{align-self:flex-start}.swatch-input{width:42px;height:42px;padding:0;border:1px solid #333;border-radius:999px;background:transparent;flex:none}.swatch-input::-webkit-color-swatch-wrapper{padding:0}.swatch-input::-webkit-color-swatch{border:0;border-radius:999px}.brand-logo{width:42px;height:42px;border-radius:999px;object-fit:cover;margin-top:12px}.empty{margin-top:18px}.convo{display:flex;gap:10px;align-items:center}.convo-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.convo-main .domain-name,.convo-main .domain-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-main .domain-meta{margin-top:0}.convo-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.convo-when{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.convo-when .domain-meta{margin-top:0}.avatar{width:36px;height:36px;border-radius:999px;border:1px solid #333;display:grid;place-items:center;font-weight:600;flex:none;object-fit:cover}.mail-person{display:flex;align-items:center;gap:12px}.mail-person h1,.mail-person .muted{margin:0}.badge{min-width:22px;padding:0 6px;border-radius:999px;background:#fff;color:#000;font-size:12px;font-weight:700;text-align:center}.mail-detail{display:flex;flex-direction:column;overflow:hidden;padding:0}.mail-head,.compose,.reply-bar{padding:16px 32px 20px}.mail-head h1{margin-top:10px}.compose,.reply-bar{display:flex;flex-direction:column;gap:12px}.mail-detail>.compose{flex:1;min-height:0;overflow:auto}.menu-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.menu-row .pill{display:inline-flex;align-items:center;gap:6px}.thread{flex:1;overflow:auto;padding:8px 32px 24px}.bubble-row{display:flex;justify-content:flex-start;margin:8px 0}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(720px,85%);background:#1a1a1a;border-radius:18px;padding:12px 14px;overflow-x:auto}.bubble-row.mine .bubble{max-width:min(520px,75%)}.shell.list-collapsed .bubble{max-width:min(980px,92%)}.shell.list-collapsed .bubble-row.mine .bubble{max-width:min(640px,78%)}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-meta{color:#9a9a9a;font-size:12px;margin-top:6px}.reply-bar{border-top:1px solid #1c1c1c}.reply-bar textarea,.compose textarea{width:100%;min-height:72px;resize:vertical;background:transparent;color:inherit;border:1px solid #333;border-radius:18px;padding:14px 16px;outline:none;font:inherit}.reply-bar .pill,.compose .pill{align-self:flex-start}.text-btn{display:inline-flex;align-items:center;gap:6px}.record.compact{margin-top:8px;margin-bottom:12px;padding:12px 14px}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.limits-grid .muted{font-size:12px}.mini-quota{width:84px}.mini-quota .add-row{margin:0}.mini-quota .field{padding:7px 12px;font-size:13px}.select-compact{width:auto;padding:8px 14px;font-size:13px}.qr-box{width:180px;height:180px;background:#fff;padding:8px;border-radius:16px}.compact-tabs{margin-top:0;margin-bottom:10px}.mail-iframe{width:100%;min-width:0;border:0;background:transparent;display:block}.bubble-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.attachment-list{margin-top:12px;padding-top:10px;border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.attachment-label{margin:0;display:inline-flex;align-items:center;gap:6px;color:#9a9a9a;font-size:12px;font-weight:600}.attachment-btn{margin-top:0}.letter-meta-box{margin-top:10px;padding:10px 12px;border-radius:12px;background:#101010;border:1px solid #2b2b2b;font-size:12px;color:#b8b8b8;display:grid;gap:4px;word-break:break-word}.bubble-foot{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.bubble-foot .bubble-meta{margin-top:0}.bubble-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.small-action{font-size:12px}@media(max-width:800px){.shell,.shell.list-collapsed{grid-template-columns:1fr}.shell.list-collapsed .mail-list.collapsed{display:none}.list{border-right:0;border-bottom:1px solid #1c1c1c;max-height:46vh}}