.login-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.login-theme-toggle{position:absolute;top:20px;right:20px}.login-card{background:var(--surface);border:1px solid var(--border);width:min(100%,420px);box-shadow:var(--shadow);border-radius:24px;padding:32px}.login-brand{align-items:center;gap:16px;margin-bottom:28px;display:flex}.login-logo{object-fit:cover;border-radius:14px;width:56px;height:56px}.login-brand h1{margin:0 0 4px;font-size:24px}.login-brand p{color:var(--text-secondary);margin:0;font-size:14px}.login-form{gap:16px;display:grid}.login-form label{color:var(--text-secondary);gap:8px;font-size:14px;display:grid}.login-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:12px 14px}.login-form input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.login-error{color:var(--danger);margin:0;font-size:14px}.login-submit{width:100%}.login-demo-users{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.login-demo-users p{color:var(--text-secondary);margin:0 0 8px;font-size:13px}.login-demo-users ul{color:var(--text-secondary);margin:0;padding-left:18px;font-size:13px}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:30;flex-direction:column;gap:12px;width:260px;padding:16px 12px;transition:width .2s;display:flex;position:relative}.sidebar.collapsed{width:88px}.sidebar-header{justify-content:space-between;align-items:center;gap:8px;padding:0 4px;display:flex}.sidebar-brand{align-items:center;gap:10px;min-width:0;font-weight:600;display:flex}.sidebar-logo{border-radius:8px;width:32px;height:32px}.compose-sidebar-button{background:var(--primary-soft);color:var(--primary);min-height:56px;box-shadow:var(--shadow);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-weight:500;display:inline-flex}.compose-sidebar-button.compact{border-radius:16px;width:56px;min-height:56px;padding:0}.compose-sidebar-button:hover{filter:brightness(.98)}.sidebar-nav{gap:4px;display:grid}.sidebar-link{color:var(--text);text-align:left;background:0 0;border:none;border-radius:0 24px 24px 0;align-items:center;gap:14px;padding:10px 14px;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--primary-soft);color:var(--primary)}.sidebar-link-icon{text-align:center;width:24px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:12px;display:flex}.topbar-left h2{margin:0;font-size:20px;font-weight:500}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-user-name{font-size:14px;font-weight:600}.compose-sidebar-button .icon,.sidebar-link.active .icon{color:var(--primary)}.sidebar-link-icon{justify-content:center;width:24px;display:inline-flex}.mobile-compose-fab{align-items:center;gap:8px;display:inline-flex}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:grid}[data-theme=dark] .avatar{color:#202124}.topbar-user-meta{line-height:1.2;display:grid}.topbar-user-meta strong{font-size:14px}.topbar-user-meta span{color:var(--text-secondary);font-size:12px}.topbar-logout{padding:8px 14px;font-size:13px}.mobile-nav{background:var(--surface);border-top:1px solid var(--border);z-index:25;justify-content:center;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--primary);background:0 0;border:none;justify-items:center;gap:2px;min-width:72px;font-size:12px;display:grid}.mobile-compose-fab{background:var(--primary);color:#fff;box-shadow:var(--fab-shadow);border:none;border-radius:16px;padding:14px 20px;font-weight:500;position:fixed;bottom:76px;right:16px}[data-theme=dark] .mobile-compose-fab{color:#202124}.mobile-overlay{background:var(--overlay);z-index:25;border:none;position:fixed;inset:0}.mobile-only{display:inline-flex}.desktop-only{display:none}@media (width<=767px){.sidebar{transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:280px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle.desktop-only,.topbar-user-name{display:none}.topbar-logout{padding:8px 10px;font-size:12px}.topbar-left h2{font-size:17px}}@media (width>=768px){.mobile-only,.mobile-nav,.mobile-compose-fab,.mobile-overlay{display:none!important}.desktop-only{display:inline-flex}}.mail-list{padding:8px 0}.mail-list-header{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:8px 16px 10px;display:flex;position:sticky;top:0}.mail-list-actions{align-items:center;gap:8px;display:flex}.mail-search{background:var(--surface-elevated);border:1px solid var(--border);border-radius:24px;align-items:center;gap:10px;width:100%;padding:0 4px 0 12px;display:flex}.mail-search .icon{color:var(--text-secondary);flex-shrink:0}.mail-search input{min-width:0;color:var(--text);background:0 0;border:none;flex:1;padding:11px 14px 11px 0}.mail-search input:focus{outline:none}.mail-list-items{display:grid}.mail-list-empty{text-align:center;color:var(--text-secondary);margin:48px 16px}.mail-item{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:auto auto auto 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.mail-item:hover,.mail-item.selected{background:var(--primary-soft)}.mail-star{color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:18px}.mail-star.active{color:var(--warning)}.mail-item-avatar{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:50%;place-items:center;font-weight:600;display:grid}.mail-item-content{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;width:100%;padding:0}.mail-item-content:hover{background:0 0}.mail-item-attachment-badge{color:var(--text-secondary);display:inline-flex}.mail-item-top,.mail-item-subject,.mail-item-preview{justify-content:space-between;gap:12px;display:flex}.mail-item-top strong,.mail-item-subject{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-item-subject{align-items:center;gap:4px;margin-top:2px;font-size:14px;display:flex}.mail-item-preview,.mail-item-date{color:var(--text-secondary);font-size:13px}.mail-item-preview{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}@media (width>=768px){.mail-list-header{border-bottom:none;flex-direction:row;align-items:center;gap:8px;padding:8px 16px;position:static}.mail-list-actions{flex-shrink:0;order:-1}.mail-search{flex:1}}@media (width<=767px){.mail-item{grid-template-columns:auto auto 1fr}.mail-item-avatar{display:none}}.compose-overlay{background:var(--overlay);z-index:100;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.compose-modal{background:var(--surface);width:min(100%,760px);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:16px 16px 8px 8px;flex-direction:column;display:flex;overflow:hidden}.compose-header{background:var(--primary-soft);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.compose-header h3{color:var(--primary);margin:0;font-size:15px}.compose-fields{display:grid}.compose-row{border-bottom:1px solid var(--border);grid-template-columns:72px 1fr auto;align-items:center;gap:8px;padding:10px 16px;display:grid}.compose-row label{color:var(--text-secondary);font-size:14px}.compose-row input{color:var(--text);background:0 0;border:none;width:100%}.compose-row input:focus{outline:none}.compose-inline-link{color:var(--text-secondary);background:0 0;border:none;font-size:13px}.compose-editor{min-height:220px;max-height:38vh;padding:16px;line-height:1.6;overflow:auto}.compose-editor:focus{outline:none}.compose-attachments{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:0 16px 12px;display:flex}.compose-attachment-chip{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:12px;display:inline-flex}.compose-attachment-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.compose-attachment-size{white-space:nowrap}.compose-attachment-remove{color:var(--icon-color);background:0 0;border:none;padding:0;display:inline-flex}.compose-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.compose-send-button{background:var(--primary);color:#fff;border:none;border-radius:24px;flex-shrink:0;margin-left:auto;padding:10px 24px;font-weight:500}[data-theme=dark] .compose-send-button{color:#202124}.compose-toolbar{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.compose-tool-button{width:32px;height:32px;color:var(--icon-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.compose-tool-button:hover{background:var(--primary-soft);color:var(--text)}.compose-file-input{display:none}@media (width<=767px){.compose-overlay{align-items:flex-end;padding:12px 12px 88px}.compose-modal{border-radius:16px;width:100%;max-height:70vh}.compose-editor{min-height:100px;max-height:22vh}.compose-row{grid-template-columns:56px 1fr}.compose-inline-link{grid-column:2}.compose-footer{flex-wrap:wrap;gap:8px}.compose-toolbar{flex:100%}.compose-send-button{margin-left:auto}}.mail-detail-overlay{background:var(--overlay);z-index:90;justify-content:center;padding:0;display:flex;position:fixed;inset:0}.mail-detail-modal{background:var(--surface);width:min(100%,900px);height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.mail-detail-header{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 16px;display:grid}.mail-detail-subject{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:500;overflow:hidden}.mail-detail-meta{border-bottom:1px solid var(--border);padding:16px}.mail-detail-meta-row{grid-template-columns:72px 1fr auto;align-items:center;gap:12px;display:grid}.mail-detail-meta-secondary{color:var(--text-secondary);margin-top:10px;font-size:14px}.mail-detail-label{color:var(--text-secondary);font-size:14px}.mail-detail-person{align-items:center;gap:12px;min-width:0;display:flex}.mail-detail-person strong,.mail-detail-person span{display:block}.mail-detail-person span{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mail-detail-avatar{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.mail-detail-date{color:var(--text-secondary);white-space:nowrap;font-size:13px}.mail-detail-attachments{border-bottom:1px solid var(--border);background:var(--bg);padding:12px 16px}.mail-detail-attachments-title{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.mail-detail-attachment-list{flex-wrap:wrap;gap:8px;display:flex}.mail-detail-attachment{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:24px;align-items:center;gap:8px;max-width:100%;padding:8px 14px;display:inline-flex}.mail-detail-attachment:hover{background:var(--primary-soft);border-color:var(--primary)}.mail-detail-attachment-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.mail-detail-attachment-size{color:var(--text-secondary);white-space:nowrap;font-size:12px}.mail-detail-body{flex:1;padding:20px 16px 32px;font-size:15px;line-height:1.7;overflow:auto}.mail-detail-body p{margin:0 0 12px}.mail-detail-body ul,.mail-detail-body ol{margin:0 0 12px;padding-left:24px}@media (width>=768px){.mail-detail-overlay{align-items:center;padding:24px}.mail-detail-modal{border-radius:16px;height:min(100%,88vh)}}@media (width<=767px){.mail-detail-header .icon-button:last-child{display:none}.mail-detail-meta-row{grid-template-columns:56px 1fr}.mail-detail-date{grid-column:2;justify-self:start;margin-top:-4px}}.analysis-overlay{background:var(--overlay);z-index:110;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.analysis-modal{background:var(--surface);border:1px solid var(--border);width:min(100%,1080px);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:20px;padding:20px;overflow:auto}.analysis-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.analysis-kicker{letter-spacing:.08em;color:var(--text-secondary);margin:0 0 4px;font-size:11px}.analysis-header h3{margin:0;font-size:28px}.analysis-subtitle{color:var(--text-secondary);margin:6px 0 0}.analysis-header-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.analysis-timer,.analysis-timer-inline{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;display:inline-flex}.analysis-body{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.analysis-steps-panel,.analysis-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px}.analysis-steps-panel h4,.analysis-card h4{margin:0 0 12px}.analysis-steps{gap:10px;display:grid}.analysis-step{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:12px;display:grid}.analysis-step.active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.analysis-step.done{border-color:var(--success)}.analysis-step-icon{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:50%;place-items:center;font-weight:700;display:grid}.analysis-step.done .analysis-step-icon{background:var(--success-soft);color:var(--success)}.analysis-step p,.analysis-card p,.analysis-hint{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.analysis-step-status{color:var(--text-secondary);white-space:nowrap;font-size:12px}.analysis-result-panel{gap:16px;display:grid}.decision-card.toxic{border-color:var(--danger);background:var(--danger-soft)}.decision-card.safe{border-color:var(--success);background:var(--success-soft)}.analysis-decision-percent{margin:8px 0;font-size:22px;font-weight:700}.analysis-metrics{flex-wrap:wrap;gap:12px;margin-top:12px;font-size:13px;font-weight:600;display:flex}.summary-card ul{gap:8px;margin:0;padding-left:18px;display:grid}.summary-card li{color:var(--text-secondary);line-height:1.5}.error-card{border-color:var(--danger);background:var(--danger-soft)}.analysis-stats{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.analysis-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.analysis-actions .primary-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.analysis-body{grid-template-columns:1fr}.analysis-header{flex-direction:column}}:root,[data-theme=light]{--bg:#f6f8fc;--surface:#fff;--surface-elevated:#fff;--sidebar:#f6f8fc;--text:#202124;--text-secondary:#5f6368;--border:#dadce0;--primary:#1a73e8;--primary-hover:#1765cc;--primary-soft:#e8f0fe;--danger:#d93025;--danger-soft:#fce8e6;--success:#188038;--success-soft:#e6f4ea;--warning:#f9ab00;--shadow:0 1px 2px #3c404326, 0 2px 6px #3c40431a;--overlay:#20212473;--fab-shadow:0 4px 12px #1a73e859;--icon-color:#5f6368}[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--surface-elevated:#2d2e30;--sidebar:#1e1e1e;--text:#e8eaed;--text-secondary:#9aa0a6;--border:#3c4043;--primary:#8ab4f8;--primary-hover:#aecbfa;--primary-soft:#394457;--danger:#f28b82;--danger-soft:#3c2623;--success:#81c995;--success-soft:#1e3324;--warning:#fdd663;--shadow:0 1px 3px #0006;--overlay:#000000a6;--fab-shadow:0 4px 12px #00000073;--icon-color:#9aa0a6}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Google Sans,Segoe UI,Roboto,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.icon{color:var(--icon-color);-webkit-user-select:none;user-select:none;vertical-align:middle}.icon-button .icon{font-size:22px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.content-area{flex:1;padding-bottom:72px;overflow:auto}@media (width>=768px){.content-area{padding-bottom:0}}.icon-button{color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{background:var(--primary-soft);color:var(--text)}.primary-button{background:var(--primary);color:#fff;border:none;border-radius:24px;padding:10px 24px;font-weight:500}[data-theme=dark] .primary-button{color:#202124}.primary-button:hover{background:var(--primary-hover)}.ghost-button{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:24px;padding:10px 20px}.ghost-button:hover{background:var(--primary-soft)}.badge{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.badge.toxic{color:var(--danger);background:var(--danger-soft);border-color:#0000}.badge.safe{color:var(--success);background:var(--success-soft);border-color:#0000}.toast{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);z-index:1200;border-radius:12px;padding:12px 18px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}@media (width>=768px){.toast{bottom:24px}}