@font-face{font-family:Pretendard;src:url('/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--bg:#fff;--side:#f7f8fa;--raised:#fff;--hover:#eef1f5;--selected:#e9f2ff;--border:#dce1e8;--strong:#b8c1ce;--text:#253247;--secondary:#46556b;--muted:#617087;--accent:#1769d3;--soft:#e7effb;--green:#24684c;--greenbg:#e8f6ef;--warning:#aa5b13;--shadow:#18284218;--overlay:#14233866}
:root[data-theme=dark]{color-scheme:dark;--bg:#1d2125;--side:#161a1d;--raised:#22272b;--hover:#2c333a;--selected:#1c2b41;--border:#333a43;--strong:#48515e;--text:#d3d9e3;--secondary:#a5afbf;--muted:#929eb0;--accent:#85b8ff;--soft:#203a59;--green:#89d9b7;--greenbg:#1b3930;--warning:#efbd79;--shadow:#0003;--overlay:#080b11a1}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,'Malgun Gothic',sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.9px;font-weight:650}h2{font-size:16px;font-weight:650;letter-spacing:-.3px}small{font-size:12px;color:var(--muted)}button{border:0;background:none}input,select,textarea{min-width:0;border:1px solid var(--strong);border-radius:5px;background:var(--bg);padding:9px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:-100px;z-index:100;background:var(--bg)}.skip:focus{top:0}#app{display:grid;grid-template-columns:239px minmax(0,1fr);grid-template-rows:59px auto;min-height:100vh}.global-header{grid-column:1/-1;position:sticky;top:0;height:59px;z-index:10;display:flex;align-items:center;gap:28px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg)}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:23px;font-weight:650;letter-spacing:-1px;color:var(--text)}.brand-mark{display:grid;place-items:center;width:26px;height:29px;color:var(--accent);font-size:29px;font-weight:800}.brand-sub{font-size:10px;letter-spacing:1.3px;color:var(--muted);margin-left:8px}.global-nav{display:flex;gap:6px}.global-nav button{padding:7px 11px;border-radius:4px;font-weight:550;color:var(--secondary)}.global-nav button:hover{background:var(--hover)}.header-end{display:flex;gap:15px;align-items:center;margin-left:auto}.search{display:flex;align-items:center;gap:8px;width:235px;border:1px solid var(--border);border-radius:5px;padding:0 9px;color:var(--muted)}.search input{border:0;background:none;padding:6px 0;width:100%;font-size:13px}.search kbd{border:1px solid var(--border);border-radius:3px;padding:0 5px;font-size:11px}.icon-button{padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:var(--secondary)}.icon-button:hover{background:var(--hover)}.avatar{background:var(--soft);color:var(--accent);border-radius:50%;width:30px;height:30px;font-size:10px;font-weight:650}.sidebar{background:var(--side);border-right:1px solid var(--border);padding:23px 12px 16px;display:flex;flex-direction:column;position:sticky;top:59px;height:calc(100vh - 59px)}.workspace-identity{display:flex;gap:11px;align-items:center;margin:0 5px 30px}.workspace-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border:1px solid var(--border);border-radius:7px;flex-shrink:0}.workspace-identity strong{display:block;font-size:15px;font-weight:650}.workspace-identity small{display:block}.nav-label{display:block;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.2px;margin:0 11px 9px}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border-radius:4px;color:var(--secondary);padding:10px 12px;text-align:left;font-size:14px}.nav-item:hover{background:var(--hover)}.nav-item.is-active{color:var(--accent);background:var(--selected);font-weight:600}.nav-item b{margin-left:auto;background:var(--soft);border-radius:4px;font-size:11px;padding:0 5px}.sidebar-mailboxes{border-top:1px solid var(--border);margin-top:26px;padding-top:20px}.address{display:flex;align-items:center;gap:9px;width:100%;font-size:12px;padding:8px 10px;color:var(--secondary);white-space:nowrap}.dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#438fe9;flex-shrink:0}.purple{background:#9e7bd0}.status-dot{background:#53a886;width:6px;height:6px}.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:16px 8px 0;color:var(--muted);font-size:12px}.sidebar-bottom button{margin-left:auto}main{min-width:0;padding:25px 30px 48px}.breadcrumb{display:flex;gap:11px;font-size:12px;color:var(--muted);margin-bottom:21px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.page-heading p{color:var(--muted);font-size:13px;margin-top:6px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:5px;padding:8px 13px;font-weight:550;font-size:13px;white-space:nowrap;line-height:1.6}.primary{background:#1769d3;color:#fff;border:1px solid #1769d3}.primary:hover{background:#0b54b5}.secondary{border:1px solid var(--border);background:var(--raised);color:var(--secondary)}.secondary:hover{background:var(--hover);border-color:var(--strong)}.text-button{display:inline-flex;gap:6px;align-items:center;color:var(--accent);font-size:12px;padding:5px 6px;white-space:nowrap}.text-button:hover{text-decoration:underline}.welcome-strip{background:var(--side);border:1px solid var(--border);border-radius:9px;padding:25px 29px;display:flex;justify-content:space-between;gap:20px;overflow:hidden;margin-bottom:21px;min-height:193px}.eyebrow{font-size:10px;color:var(--muted);font-weight:650;letter-spacing:1.6px;display:block;margin-bottom:9px}.welcome-strip h2{font-size:22px;font-weight:620;letter-spacing:-.6px;line-height:1.5}.welcome-strip p{font-size:12px;color:var(--muted);margin-top:9px}.mail-illustration{position:relative;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:var(--bg);border:1px solid var(--border);box-shadow:9px 10px 0 var(--soft);border-radius:7px;padding:19px 26px;transform:rotate(-3deg);margin-right:33px}.mail-illustration .icon{width:34px;height:34px;color:var(--accent);margin-bottom:8px}.mail-illustration span{font-size:11px;color:var(--secondary)}.metrics{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px;margin-bottom:20px}.metrics article{padding:19px 21px;border:1px solid var(--border);border-radius:8px;min-width:0;background:var(--raised)}.metrics article>span{display:block;color:var(--secondary);font-size:12px}.metrics strong{display:block;font-weight:650;letter-spacing:-1px;font-size:29px;margin-top:9px;overflow-wrap:anywhere}.metrics strong small{display:inline;font-size:14px;margin-left:5px;font-weight:500;letter-spacing:0}.metrics article>small{display:block;font-size:11px;margin-top:5px}.connection-banner{display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid var(--border);border-radius:7px;margin-bottom:24px;background:var(--bg)}.connection-banner>.icon{color:var(--accent)}.connection-banner strong{font-size:12px}.connection-banner p{font-size:12px;color:var(--muted)}.connection-banner button{margin-left:auto}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--border);border-radius:8px;min-width:0;overflow:hidden;background:var(--raised)}.panel>header{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-bottom:1px solid var(--border);gap:10px}.panel>header h2{display:flex;align-items:center;gap:9px;font-size:14px}.panel>header h2 .icon{color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 20px;min-height:245px}.empty-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--side);color:var(--muted);margin-bottom:13px}.empty h3{font-size:14px;font-weight:600}.empty p{font-size:12px;color:var(--muted);margin:7px 0 15px;max-width:310px}.list{padding:0 17px}.summary-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:0}.summary-row:hover{background:var(--side)}.service-icon,.sender-icon{display:grid;place-items:center;background:var(--soft);color:var(--accent);width:35px;height:35px;border-radius:7px;flex-shrink:0;font-weight:650}.sender-icon{background:var(--side);color:var(--muted)}.grow{flex:1;min-width:0}.grow strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.grow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;margin-top:3px}.right{text-align:right;flex-shrink:0}.right strong{display:block;font-size:13px}.right small{display:block;font-size:11px;margin-top:3px}.warning{color:var(--warning)!important}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);margin-bottom:19px;padding-bottom:12px;font-size:12px}.tabs{display:flex;gap:6px}.tabs button{padding:7px 10px;color:var(--secondary);border-radius:4px}.tabs button.active{background:var(--selected);color:var(--accent);font-weight:600}.inline-label{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:12px;color:var(--muted)}.inline-label select{padding:5px 8px;font-size:12px}.mail-layout{display:grid;grid-template-columns:minmax(260px,35%) minmax(0,1fr);gap:16px;min-height:560px}.mail-row{display:block;text-align:left;width:100%;padding:17px 18px;border-bottom:1px solid var(--border);background:var(--raised)}.mail-row:last-child{border-bottom:0}.mail-row:hover{background:var(--hover)}.mail-row.selected{background:var(--selected);box-shadow:inset 3px 0 var(--accent)}.mail-row-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.mail-row-top strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-top small{font-size:10px;white-space:nowrap}.subject{font-size:13px;color:var(--text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread .subject{font-weight:700}.mail-row p{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.mail-meta{display:flex;gap:6px;align-items:center;margin-top:10px;font-size:10px}.address-tag{padding:1px 6px;border:1px solid var(--border);border-radius:4px;color:var(--muted)}.badge{display:inline-block;background:var(--selected);color:var(--accent);border-radius:4px;padding:2px 7px;font-size:11px;white-space:nowrap}.badge.green{background:var(--greenbg);color:var(--green)}.muted{color:var(--muted)}.detail-toolbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border)}.detail-heading{padding:23px;border-bottom:1px solid var(--border)}.detail-heading h2{font-size:19px;margin-bottom:14px;overflow-wrap:anywhere}.detail-heading p{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.mail-body{white-space:pre-wrap;word-break:break-word;font:13px/1.9 Pretendard,'Malgun Gothic',sans-serif;padding:24px;margin:0;min-height:250px;color:var(--secondary)}.mail-footer{display:flex;justify-content:space-between;gap:10px;padding:15px 22px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.invoice-banner{display:flex;align-items:center;gap:11px;background:var(--side);border-bottom:1px solid var(--border);padding:14px 20px}.invoice-banner strong{font-size:12px}.invoice-banner p{font-size:11px;color:var(--muted)}.invoice-banner button{margin-left:auto}.attachments{padding:17px 23px}.attachments h3{font-size:12px;margin-bottom:9px}.attachments a{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--border);border-radius:4px;margin-top:6px;font-size:12px;overflow-wrap:anywhere}.attachments small{margin-left:auto}.starred{color:#c58a17}.notice{font-size:12px;padding:13px 16px;background:var(--side);border:1px solid var(--border);border-radius:5px;color:var(--secondary);margin-bottom:19px}.review-row{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--border)}.review-row:last-child{border-bottom:0}.review-row p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;color:var(--muted);background:var(--side);font-weight:550;padding:12px 20px}td{padding:19px 20px;border-top:1px solid var(--border);font-size:12px}td strong{font-size:13px}td small{display:block;font-size:11px;margin-top:4px}.table-service{display:flex;align-items:center;gap:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.settings-grid .wide{grid-column:1/-1}.settings-body{padding:21px}.mailbox-card{display:flex;gap:13px;align-items:center;padding:10px 0}.mailbox-card strong{display:block;font-size:13px}.mailbox-card small{display:block}.settings-body>p{font-size:11px;margin-top:15px}.status-line{display:flex;justify-content:space-between;font-size:12px}.dns-result{padding:16px 0;font-size:12px}.dns-result strong{display:block;font-size:13px;margin-bottom:10px}.dns-result p{margin-bottom:5px;overflow-wrap:anywhere}.steps{list-style:none;padding:0;margin:0;counter-reset:step;display:grid;grid-template-columns:1fr 1fr;gap:23px}.steps li{position:relative;padding-left:35px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:23px;height:23px;background:var(--soft);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:11px}.steps strong{font-size:13px}.steps p{font-size:12px;color:var(--muted);margin-top:5px}.settings-body .notice{margin:23px 0 0}.backup-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.backup-row strong{font-size:13px}.backup-row p{font-size:12px;color:var(--muted);margin-top:5px}dialog{width:min(570px,calc(100vw - 28px));border:1px solid var(--border);background:var(--raised);color:var(--text);border-radius:10px;padding:0;box-shadow:0 24px 80px #0004;max-height:92vh}dialog::backdrop{background:var(--overlay)}dialog form{padding:25px}dialog header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}dialog h2{font-size:21px}dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,.login-panel label{display:grid;gap:7px;font-size:12px;font-weight:550}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;font-weight:400;font-size:13px}.form-grid label small{display:contents;font-size:10px}.form-error{color:#c3463d;font-size:12px;margin-top:13px;min-height:18px}.confirm{padding:28px}.confirm p{margin-top:13px;font-size:13px;color:var(--secondary)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(15px);background:var(--text);color:var(--bg);border-radius:7px;padding:11px 20px;font-size:13px;box-shadow:0 6px 25px #0003;z-index:100;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%)}#toast.error{background:#9a3935;color:#fff}.mobile-toggle{display:none}.login-layout{grid-column:1/-1;grid-row:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-intro{background:var(--side);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10vw}.login-intro .brand{margin-bottom:60px}.login-intro h1{font-size:43px;line-height:1.45;letter-spacing:-1.8px}.login-intro p{margin-top:25px;color:var(--muted);font-size:13px;line-height:2}.login-intro>small{margin-top:50px;font-size:11px}.login-panel{display:flex;align-items:center;justify-content:center;padding:36px}.login-panel form{width:100%;max-width:340px}.login-panel h2{font-size:25px;letter-spacing:-.8px;margin:10px 0}.login-panel p{font-size:12px;color:var(--muted);margin-bottom:27px}.login-panel label{margin-bottom:18px}.login-panel .primary{width:100%;margin-top:7px;padding:11px}.login-panel form>small{display:block;text-align:center;margin-top:20px;font-size:11px}.fatal{grid-column:1/-1;padding:50px}.fatal p{margin:20px 0}
@media(min-width:1600px){main{padding:30px 44px 55px}#page{max-width:1420px}.welcome-strip{padding:30px 35px}}
@media(max-width:1190px){.brand-sub{display:none}.global-header{gap:20px}.search{width:190px}main{padding:23px}.dashboard-grid{grid-template-columns:1fr}.review-row{flex-wrap:wrap}.review-row .grow{min-width:180px}.metrics strong{font-size:25px}.mail-layout{grid-template-columns:minmax(240px,38%) minmax(0,1fr)}}
@media(max-width:900px){#app{grid-template-columns:205px minmax(0,1fr)}.global-nav{display:none}.address{font-size:11px}.metrics{grid-template-columns:1fr 1fr}.metrics article:first-child{grid-column:1/-1}.connection-banner{flex-wrap:wrap}.connection-banner button{margin-left:30px}.mail-layout{grid-template-columns:1fr}.mail-detail{display:none}.mail-layout.has-selection .mail-list{display:none}.mail-layout.has-selection .mail-detail{display:block}.settings-grid{grid-template-columns:1fr}.welcome-strip{padding:22px}.mail-illustration{margin-right:8px;padding:14px}.steps{grid-template-columns:1fr}}
@media(max-width:680px){#app{display:block}.global-header{padding:0 13px;gap:7px;height:57px}.brand{font-size:21px}.mobile-toggle{display:inline-flex}.header-end{gap:4px}.search{width:135px;border:0;padding:0}.search input{font-size:12px}.search kbd{display:none}.sidebar{display:none;position:fixed;top:57px;left:0;bottom:0;width:235px;z-index:20;box-shadow:8px 0 25px #0002}.sidebar.mobile-open{display:flex}main{padding:20px 16px 35px}.breadcrumb{margin-bottom:16px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}h1{font-size:22px}.page-heading p{font-size:12px}.page-heading>.primary,.page-heading>.secondary{padding:7px 9px;font-size:11px}.page-heading>.primary .icon{width:14px}.welcome-strip{min-height:180px;padding:22px}.welcome-strip h2{font-size:20px}.welcome-strip p br{display:none}.mail-illustration{display:none}.metrics{gap:11px}.metrics article{padding:16px}.metrics strong{font-size:25px}.metrics article>small{font-size:10px}.connection-banner{padding:13px;gap:9px}.connection-banner button{margin-left:0}.connection-banner p{font-size:11px}.dashboard-grid{gap:16px}.panel>header{padding:13px 15px}.empty{padding:35px 17px;min-height:215px}.toolbar{flex-wrap:wrap;gap:8px}.inline-label{margin-left:0}.inline-label select{max-width:190px}.mail-layout{min-height:420px}.detail-heading{padding:18px}.detail-heading h2{font-size:17px}.mail-body{padding:18px;font-size:12px}.invoice-banner{flex-wrap:wrap;padding:14px}.invoice-banner button{margin-left:0}.mail-footer{flex-direction:column}.review-row{gap:10px;padding:16px}.review-row .right{margin-left:45px}.backup-row{flex-direction:column;align-items:flex-start}.settings-body{padding:17px}.form-grid{gap:14px}dialog form{padding:21px}.login-layout{grid-template-columns:1fr}.login-intro{padding:32px 25px;border:0;border-bottom:1px solid var(--border)}.login-intro .brand{margin-bottom:25px}.login-intro h1{font-size:28px}.login-intro h1 br{display:none}.login-intro p,.login-intro>small{display:none}.login-panel{padding:30px 24px}.login-panel h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}