:root{--bg-body:#f6f8fc;--sidebar-bg:#ffffff;--border-color:#e0e0e0;--primary-blue:#0b57d0;--text-dark:#1f1f1f;--text-muted:#5f6368;--hover-bg:#f1f3f4;--active-bg:#e8f0fe;--sidebar-width:280px;--primary-color:#000000}*{box-sizing:border-box;border-radius:0!important}*,body,html{margin:0;padding:0}body,html{width:100%;overflow-x:hidden;font-family:Inter,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-dark);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{min-height:100dvh}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-body)}.login-card{background:#fff;width:100%;max-width:380px;padding:60px 40px;border:2px solid var(--primary-color);box-shadow:10px 10px 0 rgba(0,0,0,.05)}.brand-logo{display:flex;justify-content:center;align-items:center;margin-bottom:25px}.brand-logo svg{width:64px;height:64px;fill:var(--primary-color)}.login-title{font-weight:700;font-size:1.4rem;color:var(--primary-color);text-align:center;margin-bottom:8px;letter-spacing:-.5px;text-transform:uppercase}.login-subtitle{font-size:.85rem;color:var(--text-muted);text-align:center;margin-bottom:40px}.form-control{width:100%;border:2px solid var(--primary-color);padding:14px;font-size:1.25rem;font-weight:600;letter-spacing:6px;text-align:center;background-color:transparent;transition:all .2s ease;outline:none}.form-control.error{border-color:#ff0000!important;color:#ff0000}.btn-login{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color);padding:14px;font-weight:700;font-size:.9rem;width:100%;margin-top:20px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.btn-login:disabled{opacity:.6;cursor:not-allowed}.btn-login:hover:not(:disabled){background-color:#fff;color:var(--primary-color)}.app-wrapper{display:flex;height:100vh;width:100%;position:relative;min-width:0}.top-navbar{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;border-bottom:1px solid var(--border-color);padding:0 12px;z-index:1300}.nav-left,.top-navbar{display:flex;align-items:center}.nav-left{flex-shrink:0;margin-right:8px}.btn-icon-nav{border:none;background:transparent;padding:8px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.btn-icon-nav:hover{background-color:var(--hover-bg)}.brand-logo-text{font-size:18px;font-weight:600;margin-left:8px;color:var(--text-dark);letter-spacing:-.5px;white-space:nowrap}.search-box-container{flex:1 1;display:flex;align-items:center;min-width:0}.search-input-field{background:#f1f3f4;border:1px solid transparent;padding:10px 16px;width:100%;height:40px;font-size:14px}.search-input-field:focus{background:#fff;border:1px solid var(--border-color);outline:none}.nav-right{display:flex;align-items:center;flex-shrink:0;margin-left:8px}.drawer{position:fixed;top:64px;height:calc(100vh - 64px);background:#fff;z-index:1200;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;visibility:hidden;overflow-y:auto;width:var(--sidebar-width);max-width:85vw}.sidebar-drawer{left:0;border-right:1px solid var(--border-color);transform:translateX(-100%)}.sidebar-drawer.active{transform:translateX(0);visibility:visible}.account-drawer{right:0;border-left:1px solid var(--border-color);transform:translateX(100%)}.account-drawer.active{transform:translateX(0);visibility:visible}.drawer-header{padding:20px 16px 8px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.account-item{padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer}.account-item:hover{background-color:var(--hover-bg)}.account-item.active{background-color:var(--active-bg);border-left:4px solid var(--primary-blue)}.acc-info{display:flex;flex-direction:column;overflow:hidden}.acc-email{font-size:13px;font-weight:500;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-status{font-size:11px;color:var(--text-muted)}.account-delete-btn{width:74px;height:32px;border:1px solid #f0c9c7;background:#fff;color:#d93025;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;flex-shrink:0}.account-delete-btn:hover{background:#fff4f3}.nav-link-item{padding:12px 20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-muted)}.nav-link-item:hover{background-color:var(--hover-bg)}.nav-link-item.active{background-color:var(--active-bg);color:var(--primary-blue);font-weight:600}.btn-main,.compose-area{padding:12px}.btn-main{width:100%;background:#fff;border:1px solid var(--border-color);font-weight:600;font-size:13px;cursor:pointer;text-transform:uppercase;color:var(--text-dark)}.btn-main:hover{background:var(--text-dark);color:#fff}.main-view{flex:1 1;padding-top:64px;background:#fff;display:flex;flex-direction:column;z-index:1000;width:100%;min-width:0}.view-toolbar{padding:0 12px;height:48px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.toolbar-spacer{flex:1 1}.toolbar-refresh-btn{min-width:82px;height:30px;border:1px solid var(--border-color);background:#fff;color:var(--text-dark);font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer}.toolbar-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.toolbar-refresh-btn:hover:not(:disabled){background:var(--hover-bg)}.content-container{overflow:auto;flex:1 1;-webkit-overflow-scrolling:touch}.inbox-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #f1f3f4;cursor:pointer;font-size:14px;width:100%}.inbox-item:hover{background-color:#f8f9fa;box-shadow:inset 4px 0 0 var(--primary-blue)}.col-sender{width:180px;font-weight:600;flex-shrink:0}.col-content,.col-sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-content{flex:1 1;padding:0 8px;min-width:0}.subject-inline{font-weight:700}.snippet-inline{color:#5f6368}.col-time{width:70px;text-align:right;font-size:12px;color:var(--text-muted);flex-shrink:0}.message-detail{padding:0 0 24px;width:100%;max-width:none;margin:0}.detail-subject{font-size:24px;font-weight:600;color:var(--text-dark);margin:0;padding:16px 16px 12px;letter-spacing:-.5px}.detail-header{border-bottom:1px solid var(--border-color);padding:0 16px 12px;margin:0 0 12px}.detail-sender-name{font-weight:600;font-size:15px}.detail-sender-email{font-size:13px;color:var(--text-muted)}.detail-to{font-size:12px;color:#5f6368;margin-top:4px}.detail-body{padding:0 16px;font-size:15px;line-height:1.7;color:#3c4043;overflow-wrap:anywhere;overflow-x:auto}.detail-actions{padding:0 16px 10px}.message-delete-btn{width:132px;height:34px;border:1px solid #f0c9c7;background:#fff;color:#d93025;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer}.message-delete-btn:hover{background:#fff4f3}.message-iframe{display:block;width:100%;min-height:60vh;border:0;background:#fff}.detail-body iframe,.detail-body img,.detail-body table,.detail-body video{max-width:100%!important}.detail-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.attachment-wrap{margin-top:24px;padding:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.attachment-wrap a{color:var(--primary-blue);text-decoration:none;overflow-wrap:anywhere}.attachment-wrap a:hover{text-decoration:underline}.empty-box{padding:56px;text-align:center;color:var(--text-muted);font-size:13px}.custom-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:2000;display:none;align-items:center;justify-content:center;padding:16px}.custom-modal-overlay.active{display:flex}.custom-modal{background:#fff;width:100%;max-width:380px;padding:24px;border:1px solid #000;box-shadow:0 10px 25px rgba(0,0,0,.1)}.modal-title{font-weight:700;font-size:18px;margin-bottom:12px}.modal-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:16px}.modal-input{width:100%;padding:10px;border:1px solid var(--border-color);margin-bottom:12px;font-size:15px}.domain-select-wrap{margin-bottom:24px}.domain-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.domain-select{width:100%;padding:10px;border:1px solid var(--border-color);background:#fff;font-size:15px;color:var(--text-dark)}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-modal{padding:10px 24px;font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.btn-modal-primary{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.btn-modal-primary:hover{background-color:#fff;color:var(--primary-color)}.btn-modal-secondary{background-color:transparent;color:var(--text-muted);border:2px solid transparent}.btn-modal-secondary:hover{color:var(--text-dark);border-color:var(--border-color)}.overlay-bg{position:fixed;inset:0;background:rgba(0,0,0,.2);display:none;z-index:1150}.overlay-bg.active{display:block}svg{fill:currentColor}@media (max-width:768px){.top-navbar{height:56px;padding:0 8px}.btn-icon-nav{padding:6px}.search-input-field{height:36px;padding:8px 10px;font-size:16px}.drawer{top:56px;height:calc(100vh - 56px);width:min(92vw,340px)}.main-view{padding-top:56px}.view-toolbar{padding:0 8px;height:44px}.toolbar-label{font-size:10px;line-height:1.2}.toolbar-refresh-btn{min-width:74px;height:28px;font-size:11px}.content-container{padding-bottom:20px}.inbox-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"sender time" "content content";grid-gap:4px 8px;gap:4px 8px;align-items:start;padding:10px 12px}.brand-logo-text{display:none}.col-sender{grid-area:sender;width:auto;max-width:100%;font-size:13px}.col-content{grid-area:content;padding:0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.col-time{grid-area:time;width:auto;text-align:right;font-size:11px;margin-left:8px}.message-detail{padding:0 0 14px}.detail-subject{font-size:19px;margin-bottom:0;padding:12px 10px 10px;line-height:1.3}.detail-header{margin-bottom:10px;padding:0 10px 10px}.detail-body{padding:0 10px;font-size:14px;line-height:1.6}.detail-actions{padding:0 10px 10px}.message-delete-btn{width:120px;height:32px;font-size:11px}.message-iframe{min-height:52vh}.attachment-wrap{margin-top:14px;padding:12px 10px}.domain-select,.form-control,.modal-input{font-size:16px}.custom-modal{max-width:92vw;padding:16px}.modal-actions{flex-wrap:wrap;justify-content:stretch}.btn-modal{flex:1 1;min-width:120px;text-align:center;padding:10px 12px}.empty-box{padding:32px 16px}}@media (max-width:420px){.login-card{max-width:94vw;padding:32px 18px;box-shadow:6px 6px 0 rgba(0,0,0,.05)}.login-title{font-size:1.1rem}.form-control{letter-spacing:4px;font-size:1.05rem;padding:12px}.btn-login{padding:12px;font-size:.82rem}.acc-email{max-width:64vw}.account-delete-btn{width:64px;height:30px;font-size:11px}}