:root{color-scheme:dark;--bg:#111113;--panel:#19191c;--line:#2a2a2f;--muted:#8e8e99;--text:#efeff2;--red:#ef454c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #fa777d;outline-offset:4px}button:disabled{opacity:.25;cursor:default}[hidden]{display:none!important}a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:11px;font:800 26px Manrope,sans-serif;letter-spacing:-1.2px}.brand-mark{display:grid;place-items:center;background:var(--red);color:white;width:32px;height:34px;font-size:27px;border-radius:9px;position:relative;padding-bottom:5px}.brand-mark span{position:absolute;right:5px;bottom:3px;font-size:18px}.brand-dot{color:#62626b;margin-left:0;font-weight:400}.muted{color:var(--muted);line-height:1.7}.section-kicker,.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#b1b1ba}.demo-badge{font-size:9px;letter-spacing:1.4px;color:#b2a68c;border:1px solid #3d382e;background:#25231f;padding:7px 10px;border-radius:5px;white-space:nowrap}.tiny-dot{width:6px;height:6px;display:inline-block;background:#81a68b;border-radius:50%;flex-shrink:0}.amber{background:#bda373}.primary{border:1px solid #f25b62;background:var(--red);border-radius:7px;padding:13px 19px;font-weight:600;color:#fff;transition:background .2s}.primary:hover{background:#fa5961}.secondary{border:1px solid #36363c;background:#1d1d21;border-radius:7px;padding:10px 16px;font-size:12px}.secondary:hover{background:#29292e}.secondary span{font-size:20px;margin-right:6px;vertical-align:middle}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{padding:48px 64px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0% 85%,#52242955,transparent 65%),#171719;border-right:1px solid var(--line)}.story-content{margin:auto 0;padding:60px 0}.story-content h1{font:600 clamp(40px,4.5vw,68px)/1.15 Manrope,sans-serif;letter-spacing:-3px;margin:25px 0}.story-content em{font-style:normal;color:#f16a70}.story-content p{max-width:320px;color:#a3a0a5;line-height:1.9}.story-note{font-size:11px;color:#a5a1a8;display:flex;gap:10px;align-items:center;margin-top:35px}.story-footer{font-size:9px;letter-spacing:2px;color:#69676e}.login-panel{display:flex;flex-direction:column;padding:48px 60px;align-items:center}.login-panel>.demo-badge{align-self:flex-end}.login-panel form{width:100%;max-width:355px;margin:auto 0;padding:55px 0}.login-panel h2{font:600 30px Manrope,sans-serif;letter-spacing:-1px;margin:15px 0 8px}.login-panel form>.muted{margin-bottom:35px;font-size:13px}label{display:block;font-size:12px;margin:22px 0 10px}.label-hint{float:right;font-size:10px;color:#777780}input{width:100%;background:#1b1b1e;color:var(--text);border:1px solid #34343a;border-radius:7px;padding:14px;outline:none}input:focus{border-color:var(--red)}.password-wrap{position:relative}.password-wrap input{padding-right:100px}.password-wrap button{position:absolute;right:12px;top:15px;background:none;border:none;color:#a2a2ac;font-size:11px}.login-submit{width:100%;margin-top:28px;display:flex;justify-content:space-between}.login-disclaimer{font-size:11px;text-align:center;color:#7e7e87;line-height:1.7;margin-top:20px}.login-bottom{font-size:11px;color:#6e6e78}.lock-icon{margin-right:8px}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;padding:34px 20px 18px;background:#171719;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar>.brand{margin:0 12px 50px}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#767680;padding:0 13px;margin-bottom:15px}.nav-item{display:flex;align-items:center;gap:12px;border:1px solid #513034;border-radius:7px;background:#342226;width:100%;padding:12px;color:#f28e93;font-size:12px;text-align:left}.nav-item>span{font-size:18px}.nav-item b{margin-left:auto;font-size:10px;background:#5d3036;border-radius:4px;padding:3px 6px}.sidebar-section{padding:34px 13px}.sidebar-section>span{font-size:9px;color:#767680;letter-spacing:1.5px}.source{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:12px;color:#babac2}.netflix-small{font-weight:800;font-size:18px;color:#e8434b}.source>.tiny-dot{margin-left:auto}.sidebar-note{margin:auto 4px 25px;border:1px solid #2d2d32;border-radius:9px;padding:17px;background:linear-gradient(130deg,#242124,#1b1b1e)}.note-symbol{color:#ca898e;font-size:22px;display:block;margin-bottom:10px}.sidebar-note strong{font-size:11px;font-weight:500}.sidebar-note p{font-size:10px;line-height:1.8;color:#85838e;margin-bottom:0}.profile{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;background:#343139;border:1px solid #48424e;border-radius:50%;display:grid;place-items:center;color:#cab8cb;font-size:11px}.profile strong{font-size:10px;font-weight:500}.profile small{display:block;max-width:120px;text-overflow:ellipsis;overflow:hidden;color:#797984;font-size:9px;margin-top:5px}.profile button{margin-left:auto;background:none;border:none;font-size:20px;color:#898994}.main-content{min-width:0;flex:1}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:11px;color:#777781}.topbar strong{font-weight:400;color:#c8c8cf}.slash{margin:0 13px;color:#484850}.page-content{padding:38px;max-width:1560px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading h1{font:600 30px Manrope,sans-serif;letter-spacing:-1.2px;margin:11px 0}.page-heading h1>span{color:var(--red)}.page-heading p{font-size:12px;margin:0}.overview{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:#19191c;border-radius:9px;padding:17px 20px;margin-bottom:28px}.overview-icon{width:36px;height:36px;border:1px solid #3a3034;background:#2b2226;border-radius:8px;color:#d28a91;display:grid;place-items:center;font-size:20px}.overview strong{font-size:12px;font-weight:500;display:block}.overview div>span:not(.tiny-dot){display:block;font-size:10px;color:#858590;margin-top:4px}.overview-divider{height:28px;width:1px;background:#343439;margin:0 12px}.connection{font-size:11px;color:#aaa6a0;display:flex;align-items:center;gap:8px}.overview>small{margin-left:auto;font-size:10px;color:#73737d}.mail-workspace{display:grid;grid-template-columns:minmax(270px,35%) minmax(0,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#161618;min-height:640px}.mail-list-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 15px}.list-toolbar h2{font-size:13px;margin:0;font-weight:500}.list-toolbar h2 span{font-size:10px;background:#29292e;color:#a2a2ad;padding:3px 6px;border-radius:4px;margin-left:7px}.list-toolbar>span{font-size:9px;color:#777781}.filters{display:flex;gap:8px;padding:0 20px 19px;border-bottom:1px solid var(--line)}.filter{font-size:10px;border:1px solid transparent;background:none;color:#8c8c96;border-radius:5px;padding:7px 10px}.filter.active{background:#2b2b30;border-color:#36363d;color:#dcdce2}.mail-item{display:block;width:100%;text-align:left;padding:22px 20px;background:none;border:0;border-bottom:1px solid var(--line);border-left:2px solid transparent}.mail-item.selected{background:linear-gradient(90deg,#33202490,#241c2050);border-left-color:var(--red)}.mail-item:hover{background-color:#242024}.mail-item-top{display:flex;align-items:center;gap:9px}.sender-icon{width:27px;height:27px;border:1px solid #383034;border-radius:7px;background:#201b1f;color:#ee444d;display:grid;place-items:center;font-size:19px;font-weight:800;font-family:Arial,sans-serif}.mail-item-top strong{font-size:11px;font-weight:500}.mail-item-top time{margin-left:auto;font-size:9px;color:#99909a}.unread-dot{height:5px;width:5px;border-radius:50%;background:var(--red)}.mail-item h3{font-size:12px;font-weight:500;margin:14px 0 8px}.mail-item p{color:#86818c;font-size:10px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px}.tag{font-size:9px;color:#a79298;background:#35252c;padding:4px 7px;border-radius:4px}.code-preview{float:right;font-size:10px;color:#b5a3aa;letter-spacing:1px;padding-top:3px}.list-bottom{margin-top:auto;padding:20px;font-size:9px;color:#777780;display:flex;align-items:center;gap:8px}.list-bottom .tiny-dot{width:4px;height:4px;background:#777780}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;border-bottom:1px solid var(--line);color:#777780;font-size:9px;letter-spacing:1.2px;height:58px}.detail-toolbar>span:last-child{letter-spacing:0;display:flex;align-items:center;gap:10px}.detail-toolbar button{background:none;border:1px solid #333339;border-radius:4px;font-size:18px;line-height:20px;width:23px;color:#c5c5ce}.detail-content{padding:26px}.detail-category{font-size:9px;color:#cf9299;background:#34242b;border:1px solid #493139;padding:4px 8px;border-radius:4px}.detail-content>h2{font:600 21px Manrope,sans-serif;letter-spacing:-.5px;margin:15px 0 22px}.sender-row{display:flex;align-items:center;gap:10px;margin-bottom:25px}.sender-icon.large{width:34px;height:34px;font-size:24px}.sender-row strong{font-size:10px;font-weight:500}.sender-address{font-weight:400;font-size:9px;color:#74747f}.sender-row small{display:block;font-size:9px;color:#9696a0;margin-top:5px}.sender-row small>span{color:#666671}.sender-row time{margin-left:auto;text-align:right;font-size:9px;line-height:1.8;color:#82828d;white-space:nowrap}.email-body{border:1px solid #323237;border-radius:8px;padding:30px;background:#1c1c1f;max-width:620px;margin:auto}.netflix-wordmark{font:900 23px Arial,sans-serif;letter-spacing:-1px;color:#f0454e;margin-bottom:28px}.email-body h3{font:600 23px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 12px}.email-body>p{font-size:11px;color:#aaaab3;line-height:1.8;max-width:370px}.otp-box{border:1px solid #3b343b;background:#242126;border-radius:8px;text-align:center;padding:20px;margin-top:24px}.otp-box>span{color:#9b8e98;font-size:8px;letter-spacing:1.8px}.otp-code{font:600 37px Manrope,sans-serif;letter-spacing:7px;margin:12px 0 18px;user-select:all;padding-left:7px}.otp-box button{font-size:11px;padding:10px 19px}.email-body>.email-hint{text-align:center;font-size:9px;color:#75717c;max-width:none;margin-top:12px}.email-separator{height:1px;background:#333338;margin:23px 0 16px}.email-body>.email-footnote{font-size:10px;color:#8a8793}.email-body>.email-signoff{font-size:10px;margin-bottom:0;color:#b3afb9}.detail-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#72727d;margin-top:18px}.device-card{display:flex;align-items:center;gap:12px;border:1px solid #3c363d;background:#242126;border-radius:7px;padding:18px;margin:25px 0 20px}.device-icon{font-size:30px;color:#b69fae}.device-card strong{font-size:12px}.device-card small{display:block;color:#8e8691;font-size:10px;margin-top:7px}.verify-button{width:100%;font-size:12px;display:flex;justify-content:space-between}.app-footer{display:flex;justify-content:space-between;font-size:9px;color:#5f5f6a;margin-top:22px}.app-footer>span:last-child{font-size:8px;letter-spacing:1.3px}.footer-dot{color:#a5545e;margin:0 6px;font-size:5px;vertical-align:middle}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);background:#363038;border:1px solid #65505b;color:#f0e8ed;padding:13px 22px;border-radius:8px;box-shadow:0 8px 30px #0006;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;width:max-content;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.page-content{padding:45px 55px}.mail-workspace{grid-template-columns:360px 1fr}.email-body{padding:36px 42px}}
@media(max-width:1100px){.sidebar{width:190px;padding-left:13px;padding-right:13px}.page-content{padding:25px}.topbar{padding:0 25px}.sender-address{display:none}.overview-divider{margin:0 2px}.overview>small{display:none}.detail-content{padding:22px}.email-body{padding:24px}.mail-workspace{grid-template-columns:270px minmax(0,1fr)}.page-heading h1{font-size:26px}.login-story{padding:40px}.login-panel{padding:40px}}
@media(max-width:800px){.sidebar{width:75px;align-items:center;padding:25px 10px}.sidebar .brand{font-size:0;gap:0;margin:0 0 35px}.brand-dot,.workspace-label,.sidebar-section,.sidebar-note,.profile div,.profile>.avatar{display:none}.nav-item{font-size:0;gap:0;padding:10px;justify-content:center;position:relative}.nav-item b{position:absolute;right:2px;top:2px;font-size:8px;padding:1px 3px}.profile{margin-top:auto;width:100%;justify-content:center}.profile button{margin:0}.page-content{padding:22px}.mail-workspace{grid-template-columns:1fr}.mail-list-panel{border-right:0;border-bottom:1px solid var(--line)}#mail-list{display:grid;grid-template-columns:1fr 1fr}.mail-item{border-bottom:0}.mail-item:first-child{border-right:1px solid var(--line)}.list-bottom{display:none}.detail-content{padding:24px}.mail-detail{min-width:0}.detail-content>h2{font-size:22px}.email-body{max-width:none}.login-story{padding:30px}.story-content h1{font-size:44px}.login-panel{padding:30px}.login-panel h2{font-size:25px}.story-content p{font-size:12px}.sender-address{display:inline}.connection{font-size:10px}.app-footer>span:first-child{display:none}.app-footer{justify-content:flex-end}}
@media(max-width:540px){.login-view{display:block}.login-story{padding:22px 25px;border-right:0;border-bottom:1px solid var(--line)}.story-content{padding:28px 0 0}.story-content .eyebrow,.story-content p,.story-note,.story-footer{display:none}.story-content h1{font-size:32px;letter-spacing:-1.3px;margin:0}.story-content h1 br{display:none}.story-content h1 em{display:block}.login-panel{padding:23px 25px 30px}.login-panel>.demo-badge{align-self:flex-start}.login-panel form{padding:30px 0;max-width:none}.login-panel h2{font-size:26px}.sidebar{display:none}.topbar{height:61px;padding:0 20px}.page-content{padding:25px 16px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:8px}.page-heading h1{font-size:23px;letter-spacing:-1px;max-width:250px}.page-heading p{font-size:10px;max-width:230px}.section-kicker{font-size:8px}.page-heading .secondary{font-size:0;padding:4px 10px;margin-top:20px}.secondary span{font-size:23px;margin:0}.overview{padding:14px 12px;gap:10px;margin-bottom:22px}.overview-divider{display:none}.overview strong{font-size:11px}.connection{margin-left:auto;max-width:130px;line-height:1.6;font-size:9px}.overview-icon{width:29px;height:32px}.mail-item{padding:16px 12px}.mail-item h3{line-height:1.5;font-size:11px;min-height:33px}.mail-item p{font-size:9px}.code-preview{display:none}.tag{font-size:8px}.mail-item-top{gap:5px}.mail-item-top time{font-size:8px}.mail-item-top strong{font-size:10px}.sender-icon{width:23px;height:25px;font-size:17px}.detail-content{padding:21px 15px}.detail-content>h2{font-size:19px}.sender-row{gap:8px}.sender-address{display:none}.sender-row time{font-size:8px}.email-body{padding:23px 19px}.email-body h3{font-size:22px}.otp-code{font-size:32px;letter-spacing:6px}.detail-note{font-size:8px;line-height:1.6}.detail-toolbar{padding:17px}.list-toolbar{padding:19px 16px 15px}.filters{padding-left:16px}.app-footer:before{content:'Keluar tersedia lewat tombol di bawah';display:none}.mobile-logout{display:block}}

.topbar-actions{display:flex;align-items:center;gap:12px}.mobile-logout{display:none;background:none;border:0;font-size:10px;color:#a4a4ad}@media(max-width:540px){.mobile-logout{display:block}}
.mail-list-panel,.mail-item{min-width:0}@media(max-width:800px){#mail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-workspace{grid-template-columns:minmax(0,1fr)}}

#login-status{max-width:355px;font-size:12px;line-height:1.8;color:#d0afb3}#login-status:empty{display:none}.inbox-status{font-size:12px;color:#bda6ab;line-height:1.8}.inbox-status:empty{display:none}.empty-state{padding:35px 24px;color:#a3a3ad;line-height:1.8;font-size:13px}.account-fixed{font-size:12px;overflow-wrap:anywhere}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.85 'DM Sans',sans-serif;color:#bcbcc6}.email-links{display:grid;gap:9px;margin:20px 0}.email-links a{font-size:12px;color:#f58a90;overflow-wrap:anywhere;text-decoration:underline}.email-body{max-width:100%}.mail-item h3{overflow-wrap:anywhere}.sender-address{overflow-wrap:anywhere}.sender-row>div{min-width:0}.sender-row strong{overflow-wrap:anywhere}.otp-code{letter-spacing:4px}dialog{width:min(520px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #45404a;border-radius:14px;background:#1c1c20;color:#efeff2;padding:28px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-heading h2{font-size:21px;letter-spacing:-.5px}.settings-heading button{font-size:11px}.settings-heading~.muted{font-size:12px;overflow-wrap:anywhere}#gmail-form>.primary{margin-top:14px;width:100%}#gmail-status{font-size:12px;line-height:1.8}button:disabled{opacity:.5;cursor:wait}.detail-category{display:inline-block}.email-body .email-hint{text-align:left}.topbar-actions{flex-wrap:wrap}.topbar .secondary{font-size:11px;padding:7px 9px}@media(max-width:540px){.topbar .demo-badge{display:none}.topbar{padding:0 14px}.topbar-actions{gap:8px}.mail-text{font-size:12px}.sender-row{flex-wrap:wrap}.sender-row time{margin-left:0}.login-panel #setup-form{padding:25px 0}.email-body{padding:18px}.otp-code{font-size:28px;letter-spacing:3px}}
.mailbox-picker{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px}.mailbox-picker label{margin:0;color:#aaa;font-size:12px}.mailbox-picker select{max-width:100%;min-width:220px;flex:1;padding:12px;background:#212126;border:1px solid #41414a;border-radius:7px;color:#eee;font:inherit}.mailbox-picker>span{font-size:11px;color:#b58e93}.admin-dialog{width:min(1000px,calc(100vw - 32px))}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.admin-columns>section{min-width:0}.admin-columns h3{font-size:16px}.admin-columns form{border-top:1px solid #444;padding-top:12px;margin-top:20px}.admin-columns .primary,.admin-columns .secondary{margin-top:10px;font-size:12px}.admin-card{border:1px solid #38383f;border-radius:8px;padding:14px;margin:10px 0;overflow-wrap:anywhere}.admin-card small{display:block;color:#a6a1ad;font-size:11px;margin:8px 0}.admin-card p{font-size:12px;color:#beb8c6}.secret-status{font-size:10px;color:#92ab98;display:block}.check-label{display:flex;align-items:center;gap:10px;line-height:1.5}.check-label input{width:auto}.check-label small{display:block;color:#9a94a0;font-size:10px}fieldset{border:1px solid #444;border-radius:7px;margin-top:20px}legend{font-size:12px;color:#b9b0bf}#admin-status{font-size:12px;line-height:1.7;color:#d7b4bb;overflow-wrap:anywhere}@media(max-width:700px){.admin-columns{grid-template-columns:1fr}.admin-dialog{padding:20px}.mailbox-picker{gap:8px}.mailbox-picker select{width:100%}}