:root{--c-primary: #4f46e5;--c-primary-dark: #4338ca;--c-primary-light: #eef2ff;--c-primary-ring: rgb(99 102 241 / .22);--c-bg: #f8fafc;--c-surface: #ffffff;--c-panel: #f1f5f9;--c-border: #e2e8f0;--c-border-strong: #cbd5e1;--c-text-1: #0f172a;--c-text-2: #475569;--c-text-3: #94a3b8;--c-success: #059669;--c-success-bg: #ecfdf5;--c-success-border: #6ee7b7;--c-warn: #d97706;--c-warn-bg: #fffbeb;--c-warn-border: #fcd34d;--c-error: #dc2626;--c-error-bg: #fef2f2;--c-error-border: #fecaca;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .18);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .12s var(--ease);--t-base: .2s var(--ease);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;color:var(--c-text-1);background:var(--c-bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.avatar{align-items:center;border-radius:var(--r-full);display:inline-flex;flex-shrink:0;font-weight:600;justify-content:center;letter-spacing:.02em;line-height:1;-webkit-user-select:none;user-select:none}.boot-screen{align-items:center;background:var(--c-bg);display:flex;justify-content:center;min-height:100dvh}.boot-screen .spin{color:var(--c-primary);opacity:.6}.login-shell{align-items:center;display:flex;justify-content:center;min-height:100dvh;padding:24px;background:radial-gradient(ellipse at 15% 20%,#e0e7ff 0%,transparent 45%),radial-gradient(ellipse at 85% 75%,#ddd6fe 0%,transparent 45%),radial-gradient(ellipse at 65% 5%,#fce7f3 0%,transparent 40%),var(--c-bg)}.login-panel{animation:panel-in .28s var(--ease) both;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--shadow-2xl);display:grid;gap:20px;max-width:420px;padding:40px;width:100%}@keyframes panel-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-mark{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:var(--r-lg);box-shadow:0 8px 20px #4f46e547;color:#fff;display:inline-flex;height:52px;justify-content:center;width:52px}.login-title{font-size:1.65rem;font-weight:700;letter-spacing:-.025em;margin:0 0 4px;color:var(--c-text-1)}.login-subtitle{color:var(--c-text-2);font-size:.9rem;margin:0}.login-panel label{display:grid;gap:7px}.login-panel label span{color:var(--c-text-2);font-size:.875rem;font-weight:500}.login-panel input{background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text-1);min-height:46px;outline:none;padding:11px 14px;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);width:100%}.login-panel input::placeholder{color:var(--c-text-3)}.login-panel input:hover{background:var(--c-surface);border-color:var(--c-border-strong)}.login-panel input:focus{background:var(--c-surface);border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-ring)}.primary-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:var(--r-md);box-shadow:0 4px 14px #4f46e552;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:9px;justify-content:center;min-height:48px;padding:0 20px;transition:opacity var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);width:100%}.primary-button:hover:not(:disabled){box-shadow:0 6px 18px #4f46e56b;opacity:.93;transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}.turnstile-container{border-radius:var(--r-md);overflow:hidden;width:100%}.form-error{align-items:flex-start;animation:shake .3s var(--ease);background:var(--c-error-bg);border:1px solid var(--c-error-border);border-radius:var(--r-md);color:var(--c-error);display:flex;font-size:.875rem;gap:10px;padding:11px 14px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.inbox-shell{display:grid;grid-template-rows:auto auto 1fr;height:100dvh;overflow:hidden}.topbar{align-items:center;background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow-xs);display:flex;justify-content:space-between;min-height:62px;padding:10px 20px;position:sticky;top:0;z-index:10}.topbar-brand{align-items:center;display:flex;gap:11px;min-width:0}.topbar-brand-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:var(--r-md);color:#fff;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.topbar-brand h1{color:var(--c-text-1);font-size:.98rem;font-weight:700;letter-spacing:-.01em;margin:0}.topbar-actions{align-items:center;display:flex;gap:8px}.topbar-user{align-items:center;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-full);display:flex;gap:8px;padding:3px 12px 3px 3px}.topbar-user-email{color:var(--c-text-2);font-size:.8rem;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{align-items:center;border-radius:var(--r-full);display:inline-flex;font-size:.78rem;font-weight:600;gap:7px;min-height:30px;padding:0 12px}.status-dot{border-radius:var(--r-full);display:inline-block;flex-shrink:0;height:7px;width:7px}.status-pill.online{background:var(--c-success-bg);border:1px solid var(--c-success-border);color:var(--c-success)}.status-pill.online .status-dot{animation:pulse-dot 2.2s ease infinite;background:var(--c-success);box-shadow:0 0 0 2px #05966940}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #05966940}50%{box-shadow:0 0 0 4px #05966914}}.status-pill.offline{background:var(--c-warn-bg);border:1px solid var(--c-warn-border);color:var(--c-warn)}.status-pill.offline .status-dot{background:var(--c-warn)}.icon-button{align-items:center;background:transparent;border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text-2);display:inline-flex;height:36px;justify-content:center;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);width:36px}.icon-button:hover{background:var(--c-panel);border-color:var(--c-border-strong);color:var(--c-text-1);box-shadow:var(--shadow-xs)}.icon-button:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.inline-error{align-items:center;background:var(--c-error-bg);border:1px solid var(--c-error-border);border-radius:var(--r-md);color:var(--c-error);display:flex;font-size:.875rem;gap:8px;margin:12px 20px 0;padding:10px 14px}.inbox-layout{display:grid;grid-template-columns:minmax(300px,36%) 1fr;min-height:0;overflow:hidden}.mail-list-panel{background:var(--c-panel);border-right:1px solid var(--c-border);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.mail-list-header{align-items:center;background:var(--c-panel);border-bottom:1px solid var(--c-border);display:flex;gap:10px;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:1}.mail-list-header h2{color:var(--c-text-1);font-size:.85rem;font-weight:700;letter-spacing:.03em;margin:0;text-transform:uppercase}.mail-count-badge{align-items:center;background:var(--c-primary-light);border-radius:var(--r-full);color:var(--c-primary);display:inline-flex;font-size:.72rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.mail-list{display:flex;flex-direction:column;flex:1;gap:2px;list-style:none;margin:0;padding:8px}.mail-row{align-items:flex-start;background:transparent;border:1px solid transparent;border-radius:var(--r-lg);color:inherit;display:flex;gap:12px;outline:none;padding:12px 13px;text-align:left;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.mail-row:hover{background:var(--c-surface);border-color:var(--c-border);box-shadow:var(--shadow-sm)}.mail-row.selected{background:var(--c-surface);border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-ring),var(--shadow-sm)}.mail-row:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.mail-row-content{display:grid;flex:1;gap:3px;min-width:0}.mail-row-top{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.mail-subject{color:var(--c-text-1);flex:1;font-size:.875rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-date{color:var(--c-text-3);flex-shrink:0;font-size:.72rem;font-weight:500}.mail-from{color:var(--c-text-2);font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview{color:var(--c-text-3);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{align-items:center;color:var(--c-text-3);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.empty-state p{color:var(--c-text-2);font-size:.9rem;font-weight:500;margin:0}.detail-placeholder{align-items:center;background:var(--c-bg);color:var(--c-text-3);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:0;height:100%;padding:40px;text-align:center}.detail-placeholder p{color:var(--c-text-2);font-size:.92rem;font-weight:500;margin:0}.detail-placeholder-icon{align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:50%;box-shadow:var(--shadow-md);color:var(--c-text-3);display:flex;height:72px;justify-content:center;width:72px}.mail-detail{background:var(--c-surface);display:flex;flex-direction:column;min-width:0;overflow:auto}.mail-detail-header{border-bottom:1px solid var(--c-border);padding:30px 36px 24px}.mail-detail-subject{color:var(--c-text-1);font-size:1.4rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0 0 22px;overflow-wrap:anywhere}.mail-meta{display:flex;flex-direction:column;gap:10px}.mail-meta-row{align-items:flex-start;display:flex;gap:10px}.mail-meta-label{background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-text-3);flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.06em;min-width:58px;padding:3px 8px;text-align:center;text-transform:uppercase}.mail-meta-value{color:var(--c-text-2);font-size:.875rem;font-weight:500;overflow-wrap:anywhere;padding-top:2px}.mail-detail-body{flex:1;padding:0}.mail-iframe{border:none;display:block;min-height:60vh;width:100%}.mail-body{color:var(--c-text-1);font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;font-size:.875rem;line-height:1.75;margin:0;overflow-wrap:anywhere;padding:26px 36px 36px;white-space:pre-wrap}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.topbar{padding:10px 14px}.topbar-user-email{display:none}.inbox-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mail-list-panel{border-bottom:1px solid var(--c-border);border-right:none;max-height:44dvh}.detail-placeholder{height:auto;min-height:38dvh}.mail-detail-header{padding:22px 20px 18px}.mail-detail-body{padding:18px 20px 28px}}@media(max-width:480px){.login-panel{border-radius:var(--r-lg);padding:28px 22px}.topbar-brand h1,.status-pill span{display:none}.status-pill{padding:0 8px}}