:root{--bm-ink: #101D2B;--bm-mint: #78E4BD;--bm-cloud: #F4F7F5;--bm-peach: #FFBA8B;--bm-slate: #1B2D3E;--bm-muted: #A9B9C5;--bm-muted-dark: #4B606D;--bm-border: #344A5D;--bm-border-light: #CBD6D1;--bm-deep-mint: #17634B;--bm-radius-ctrl: 12px;--bm-radius-card: 16px;--bm-radius-art: 28px;--bm-content: 1200px;--bm-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bm-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--bg-primary: var(--bm-ink);--bg-secondary: var(--bm-slate);--bg-tertiary: #152535;--bg-hover: #1f3348;--text-primary: var(--bm-cloud);--text-secondary: var(--bm-muted);--text-muted: #6b7d8c;--color-primary: var(--bm-mint);--color-primary-hover: #5dd4a7;--color-primary-bg: rgba(120, 228, 189, .1);--color-accent: var(--bm-peach);--color-accent-bg: rgba(255, 186, 139, .1);--color-success: #34d399;--color-success-bg: rgba(52, 211, 153, .1);--color-warn: var(--bm-peach);--color-warn-bg: rgba(255, 186, 139, .12);--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .1);--border-color: var(--bm-border);--border-hover: #406070;--focus-ring: var(--bm-mint);--btn-primary-text: var(--bm-ink)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;line-height:1.6}body{font-family:var(--bm-font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}code,.mono{font-family:var(--bm-mono);font-size:13px}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loading,.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px}.simulator-banner{background:var(--color-warn-bg);color:var(--color-warn);text-align:center;padding:6px 16px;font-size:13px;border-bottom:1px solid rgba(255,186,139,.2)}.layout{display:flex;min-height:calc(100vh - 36px)}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-logo img{height:28px;width:auto;object-fit:contain}.nav-list{list-style:none;padding:12px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--bm-radius-ctrl);color:var(--text-secondary);font-size:15px;transition:all .15s}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.nav-icon{font-size:18px;width:24px;text-align:center}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:8px}.user-email{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.main-content{flex:1;overflow-y:auto}.page{padding:32px;max-width:var(--bm-content)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px;flex-wrap:wrap}.page-header h1{font-size:32px;font-weight:700;letter-spacing:-.02em}.page-header p{color:var(--text-secondary);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--bm-radius-ctrl);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;min-height:44px}.btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--bm-mint);color:var(--bm-ink);border-color:var(--bm-mint);font-weight:600}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:transparent}.btn-sm{padding:4px 12px;font-size:13px;min-height:32px}.btn-lg{padding:14px 24px;font-size:18px;width:100%;justify-content:center;min-height:48px}.input{padding:10px 16px;border-radius:var(--bm-radius-ctrl);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:15px;font-family:inherit;width:100%;transition:border-color .15s;min-height:44px}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #78e4bd26}.badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:13px;font-weight:500}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-archived{background:var(--bg-tertiary);color:var(--text-muted)}.badge-suspended{background:var(--color-warn-bg);color:var(--color-warn)}.badge-closed,.badge-expired{background:var(--color-error-bg);color:var(--color-error)}.badge-persistent{background:var(--color-primary-bg);color:var(--color-primary)}.badge-ephemeral{background:var(--color-accent-bg);color:var(--color-accent)}.badge-type{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-inbound{background:var(--color-primary-bg);color:var(--color-primary)}.badge-outbound{background:var(--color-accent-bg);color:var(--color-accent)}.badge-status-received{background:var(--color-primary-bg);color:var(--color-primary)}.badge-status-queued{background:var(--color-warn-bg);color:var(--color-warn)}.badge-status-sent,.badge-status-delivered{background:var(--color-success-bg);color:var(--color-success)}.badge-status-failed,.badge-status-bounced{background:var(--color-error-bg);color:var(--color-error)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px;transition:border-color .15s}.card:hover{border-color:var(--border-hover)}.card h3{font-size:18px;margin-bottom:8px}.card-desc{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.card-date{color:var(--text-muted);font-size:13px;margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px;text-align:center}.stat-icon{font-size:28px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.stat-label{color:var(--text-secondary);font-size:13px;margin-top:4px}.quick-actions h2{font-size:18px;margin-bottom:16px}.action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.action-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px;transition:all .15s;cursor:pointer}.action-card:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.action-icon{font-size:32px}.action-label{font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;padding:64px;text-align:center;gap:12px}.empty-state img{width:160px;height:auto;border-radius:var(--bm-radius-art);margin-bottom:8px}.empty-state h3{font-size:18px}.empty-state p{color:var(--text-secondary);max-width:360px}.inbox-list{display:flex;flex-direction:column;gap:16px}.inbox-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px}.inbox-address{display:flex;align-items:center;gap:12px}.address-text{font-family:var(--bm-mono);font-size:18px;color:var(--color-primary)}.inbox-name{color:var(--text-secondary);font-size:13px;margin-top:8px}.inbox-meta{display:flex;align-items:center;gap:12px;margin-top:12px}.inbox-date{color:var(--text-muted);font-size:13px}.message-layout{display:grid;grid-template-columns:360px 1fr;gap:0;height:calc(100vh - 200px)}.message-list{border-right:1px solid var(--border-color);overflow-y:auto}.message-item{padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .1s}.message-item:hover{background:var(--bg-hover)}.message-item.selected{background:var(--color-primary-bg);border-left:3px solid var(--color-primary)}.message-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-from{font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-subject{font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-date{font-size:13px;color:var(--text-muted);margin-top:4px}.message-reader{padding:24px;overflow-y:auto}.reader-header h2{font-size:24px;margin-bottom:16px;letter-spacing:-.01em}.reader-meta{background:var(--bg-secondary);padding:16px;border-radius:var(--bm-radius-ctrl);margin-bottom:16px}.reader-meta p{font-size:13px;margin-bottom:4px}.reader-body pre{white-space:pre-wrap;word-break:break-word;font-family:var(--bm-font);font-size:15px;line-height:1.7;color:var(--text-primary)}.filter-group{display:flex;gap:8px}.usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:32px}.usage-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px}.usage-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.usage-icon{font-size:24px}.usage-label{font-weight:500}.usage-bar-container{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-bar{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s}.usage-numbers{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.text-warn{color:var(--color-warn)}.usage-note{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-ctrl);padding:16px}.usage-note p{font-size:13px;color:var(--text-secondary)}.settings-section{margin-bottom:32px}.settings-section h2{font-size:18px;margin-bottom:16px}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--text-secondary)}.settings-value{font-weight:500}.settings-note{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.form-actions{display:flex;gap:12px;margin-top:16px}.create-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px;margin-bottom:32px}.create-form h3{margin-bottom:16px}.create-form .input{margin-bottom:12px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px;background:var(--bm-ink)}.login-card{background:var(--bm-slate);border:1px solid var(--bm-border);border-radius:var(--bm-radius-card);width:100%;max-width:420px;overflow:hidden}.login-header{text-align:center;padding:48px 24px 24px}.login-header img{height:40px;width:auto;margin-bottom:16px}.login-header h1{font-size:24px;font-weight:700;letter-spacing:-.02em}.login-header p{color:var(--text-secondary);margin-top:4px}.login-body{padding:24px;display:flex;flex-direction:column;gap:12px}.simulator-notice{background:var(--color-warn-bg);border:1px solid rgba(255,186,139,.2);border-radius:var(--bm-radius-ctrl);padding:16px;margin-bottom:8px}.simulator-notice strong{color:var(--color-warn);display:block;margin-bottom:4px}.simulator-notice p{font-size:13px;color:var(--text-secondary);margin:0}.login-note{font-size:13px;color:var(--text-muted);text-align:center;margin-top:8px}.homepage{padding:0;max-width:none}.hero-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;max-width:var(--bm-content);margin:0 auto;padding:64px 32px}.hero-copy h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;letter-spacing:-.035em;margin-bottom:20px}.hero-copy h1 span{color:var(--bm-mint)}.hero-copy p{color:var(--text-secondary);font-size:18px;line-height:1.5;max-width:480px;margin-bottom:32px}.hero-art img{width:100%;height:auto;border-radius:var(--bm-radius-art)}.feature-section{max-width:var(--bm-content);margin:0 auto;padding:48px 32px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px;text-align:center}.feature-card img{width:100%;max-width:200px;height:auto;border-radius:var(--bm-radius-art);margin-bottom:16px}.feature-card h3{font-size:18px;margin-bottom:8px}.feature-card p{color:var(--text-secondary);font-size:14px}.homepage-cta{text-align:center;padding:48px 32px 64px}@media(max-width:768px){.sidebar{display:none}.layout{flex-direction:column}.message-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.page{padding:16px}.page-header{flex-direction:column}.hero-section{grid-template-columns:1fr;gap:32px}}@media(max-width:360px){.stat-grid{grid-template-columns:1fr}.login-card{border-radius:var(--bm-radius-ctrl)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.agent-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px;margin-bottom:16px}.agent-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.agent-header h3{font-size:18px;margin-bottom:4px}.agent-desc{color:var(--text-secondary);font-size:13px}.cred-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.cred-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--bm-radius-ctrl);border:1px solid var(--border-color)}.cred-item.revoked{opacity:.6}.cred-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cred-name{font-weight:500}.cred-prefix{font-size:13px;color:var(--text-secondary)}.cred-used{font-size:12px;color:var(--text-muted)}.no-creds{color:var(--text-muted);font-size:13px;margin-top:12px}.token-reveal{background:var(--color-warn-bg);border:1px solid rgba(255,186,139,.3);border-radius:var(--bm-radius-card);padding:24px;margin-bottom:24px}.token-reveal h3{margin-bottom:8px}.token-warning{color:var(--color-warn);font-size:13px;margin-bottom:12px;font-weight:500}.token-display{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);padding:12px 16px;border-radius:var(--bm-radius-ctrl);margin-bottom:12px;overflow-x:auto}.token-display code{font-family:var(--bm-mono);font-size:14px;color:var(--color-primary);word-break:break-all;flex:1}.compose-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--bm-radius-card);padding:24px;margin-bottom:24px}.compose-panel h3{margin-bottom:16px}.compose-panel .input{margin-bottom:12px}.compose-body{min-height:120px;resize:vertical;font-family:var(--bm-font)}.compose-error{background:var(--color-error-bg);color:var(--color-error);padding:8px 12px;border-radius:var(--bm-radius-ctrl);font-size:13px;margin-bottom:12px}.compose-reply-to{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.reader-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.view-toggle{display:flex;gap:4px}.reader-body-html{padding:16px;background:var(--bg-secondary);border-radius:var(--bm-radius-ctrl);margin-top:8px;overflow-x:auto}.html-content{font-family:var(--bm-font);font-size:15px;line-height:1.6;color:var(--text-primary);word-break:break-word}.html-content a{color:var(--color-primary);text-decoration:underline}.html-content img{max-width:100%;height:auto;border-radius:4px}.html-content table{border-collapse:collapse;max-width:100%}.html-content td,.html-content th{padding:4px 8px;border:1px solid var(--border-color)}.html-warning{background:var(--color-warn-bg);color:var(--color-warn);padding:8px 12px;border-radius:var(--bm-radius-ctrl);font-size:13px;margin-bottom:12px}.sidebar-logo{padding:12px 16px;overflow:hidden}.sidebar-logo img{height:56px;width:auto;object-fit:contain;border-radius:12px}.login-header img{width:96px;height:96px;border-radius:20px;object-fit:contain}.feature-card img{max-width:240px;border-radius:24px;margin-bottom:16px}.empty-state img{width:200px;height:auto;border-radius:24px;margin-bottom:12px}.hero-art img{border-radius:24px}