@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fd091ad6-module__giF-bG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fd091ad6-module__giF-bG__variable{--font-sans:"Inter", "Inter Fallback"}
:root{--brand:#3563e9;--brand2:#5b8df7;--brand-gradient:linear-gradient(135deg, var(--brand), var(--brand2));--navy:#0b1739;--bg:#f7f8fc;--surface:#fff;--surface2:#fafbfd;--elevated:#fff;--ink:#0b1739;--ink2:#3a4658;--muted:#5b6b84;--muted2:#94a3b8;--placeholder:#a0aec0;--border:#e7eaf2;--border2:#d8e0f5;--unread-tint:#f0f5ff;--chip-bg:#eef2fc;--chip-border:#d8e0f5;--star:#eea10e;--success:#1e9e63;--success-bg:#e3f6ef;--danger:#d64545;--danger-bg:#fdecea;--shadow-xs:0 1px 3px #0b17390f;--shadow-sm:0 2px 8px #0b173914, 0 1px 2px #0b17390a;--shadow-md:0 6px 24px #0b17391f, 0 2px 6px #0b17390d;--shadow-lg:0 20px 56px #0b173933, 0 6px 16px #0b173914;--shadow-brand:0 8px 24px #3563e952;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--ease:cubic-bezier(.4, 0, .2, 1);--t-fast:.15s;--t-base:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--bg:#0a0e17;--surface:#141b2c;--surface2:#171f33;--elevated:#1c2438;--ink:#e7ecf7;--ink2:#c7d0e3;--muted:#a6b0c3;--muted2:#6b7a93;--placeholder:#4a5a72;--border:#262f45;--border2:#303c58;--unread-tint:#16213a;--chip-bg:#212b44;--chip-border:#303c58;--star:#f0b429;--success:#33c481;--success-bg:#33c48124;--danger:#e5677a;--danger-bg:#d6454526;--shadow-xs:0 1px 3px #0000004d;--shadow-sm:0 2px 8px #00000052, 0 1px 2px #0003;--shadow-md:0 6px 24px #0006, 0 2px 6px #0003;--shadow-lg:0 20px 56px #00000080, 0 6px 16px #00000047;--shadow-brand:0 8px 24px #3563e966;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans), "Segoe UI", system-ui, sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}.app-shell{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:16px;height:64px;padding:0 16px;display:flex}.brand-mark{align-items:center;gap:10px;min-width:190px;display:flex}.brand-mark img{border-radius:8px;width:32px;height:32px}.brand-mark span{color:var(--ink);letter-spacing:-.02em;font-size:18px;font-weight:700}.search-box{border-radius:var(--r-pill);background:var(--bg);max-width:720px;height:44px;color:var(--muted);transition:background var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);border:1px solid #0000;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}html.dark .search-box{background:var(--surface2)}.search-box:focus-within{background:var(--surface);border-color:var(--border2);box-shadow:var(--shadow-sm)}.search-box input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-box input::placeholder{color:var(--placeholder)}.search-box button{color:var(--muted);display:flex}.topbar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.icon-btn{width:40px;height:40px;color:var(--muted);transition:background var(--t-fast), color var(--t-fast);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--bg);color:var(--ink)}html.dark .icon-btn:hover{background:var(--surface2)}.icon-btn.active{color:var(--brand);background:var(--chip-bg)}.icon-btn .dot{background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:8px;right:8px}.account-avatar-btn{border-radius:50%;padding:2px}.account-avatar-btn:hover{background:var(--bg)}html.dark .account-avatar-btn:hover{background:var(--surface2)}.avatar{color:#fff;background:var(--brand);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.ring{box-shadow:0 0 0 3px #3563e940}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:44px;height:44px;font-size:15px}.body-row{flex:1;min-height:0;display:flex}.rail{width:264px;transition:width var(--t-base) var(--ease);flex-direction:column;flex-shrink:0;padding:12px 8px 12px 0;display:flex;overflow:hidden}.rail.collapsed{width:88px}.compose-btn{border-radius:var(--r-lg);background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-brand);transition:transform var(--t-fast), box-shadow var(--t-fast), padding var(--t-base);white-space:nowrap;align-items:center;gap:12px;width:fit-content;margin:4px 8px 20px;padding:15px 24px;font-size:14px;font-weight:600;display:inline-flex}.compose-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #3563e966}.rail.collapsed .compose-btn{padding:15px}.rail.collapsed .compose-btn span{display:none}.rail-nav{flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.rail-item{border-radius:0 var(--r-pill) var(--r-pill) 0;color:var(--ink2);transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;align-items:center;gap:14px;margin:0 4px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.rail-item svg{flex-shrink:0}.rail-item:hover{background:var(--bg)}html.dark .rail-item:hover{background:var(--surface2)}.rail-item.active{background:var(--chip-bg);color:var(--brand);font-weight:700}.rail-item .count{color:var(--muted);margin-left:auto;font-size:11.5px;font-weight:700}.rail-item.active .count{color:var(--brand)}.rail-item .label{text-overflow:ellipsis;overflow:hidden}.rail.collapsed .rail-item{justify-content:center;padding:12px 0}.rail.collapsed .rail-item .label,.rail.collapsed .rail-item .count{display:none}.rail-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);padding:18px 18px 6px;font-size:10.5px;font-weight:700}.rail.collapsed .rail-section-label{display:none}.main-panel{background:var(--surface);border-radius:var(--r-xl) 0 0 0;border:1px solid var(--border);border-bottom:none;border-right:none;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}html.dark .main-panel{background:var(--surface)}.list-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;min-height:56px;padding:8px 16px;display:flex}.list-toolbar .spacer{flex:1}.list-toolbar .page-info{color:var(--muted);margin-right:4px;font-size:12px}.checkbox{border:1.5px solid var(--border2);width:18px;height:18px;transition:background var(--t-fast), border-color var(--t-fast);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.checkbox.checked,.checkbox.indeterminate{background:var(--brand);border-color:var(--brand);color:#fff}.message-list{flex:1;overflow-y:auto}.message-row{border-bottom:1px solid var(--border);height:44px;color:var(--ink2);cursor:pointer;transition:background var(--t-fast), box-shadow var(--t-fast);grid-template-columns:44px 32px 32px minmax(160px,220px) 1fr auto;align-items:center;gap:10px;padding:0 16px;font-size:13.5px;display:grid;position:relative}.message-row:hover{box-shadow:var(--shadow-sm);z-index:1}.message-row.unread{background:var(--unread-tint);color:var(--ink);font-weight:700}.message-row.selected{background:var(--chip-bg)}.message-row .col-center{justify-content:center;align-items:center;display:flex}.message-row .star-btn{color:var(--muted2)}.message-row .star-btn.active{color:var(--star)}.message-row .sender{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-row .subject-line{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.message-row .subject-line .subject{flex-shrink:0}.message-row .subject-line .preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.message-row.unread .subject-line .preview{color:var(--muted)}.message-row .meta{color:var(--muted);justify-self:end;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.message-row.unread .meta{color:var(--ink)}.message-row .hover-actions{align-items:center;gap:2px;display:none}.message-row:hover .meta-date{display:none}.message-row:hover .hover-actions{display:flex}.folder-tag{background:var(--chip-bg);color:var(--brand);border-radius:5px;flex-shrink:0;padding:1px 7px;font-size:10.5px;font-weight:700}.empty-state{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.empty-state svg{color:var(--border2)}.empty-state h3{color:var(--ink2);font-size:16px;font-weight:600}.empty-state p{text-align:center;max-width:320px;font-size:13px}.reading-pane{flex-direction:column;flex:1;min-height:0;display:flex}.reading-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;min-height:56px;padding:8px 16px;display:flex}.reading-toolbar .divider{background:var(--border);width:1px;height:24px;margin:0 6px}.reading-subject{color:var(--ink);letter-spacing:-.01em;padding:18px 28px 4px;font-size:20px;font-weight:700}.reading-body{flex:1;padding:8px 28px 32px;overflow-y:auto}.message-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);margin-bottom:12px;overflow:hidden}.message-card-head{cursor:pointer;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.message-card-head .who{flex:1;min-width:0}.message-card-head .who strong{color:var(--ink);font-size:13.5px;font-weight:600}.message-card-head .who .to-line{color:var(--muted);align-items:center;gap:4px;margin-top:1px;font-size:12px;display:flex}.message-card-head .when{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px}.message-card-body{border-top:1px solid var(--border);padding:4px 18px 18px}.message-card-body iframe{border:0;width:100%;display:block}.message-card.collapsed .message-card-body{display:none}.message-card.collapsed .message-card-head{padding-bottom:14px}.collapsed-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;overflow:hidden}.remote-image-bar{border-radius:var(--r-md);background:var(--chip-bg);color:var(--ink2);align-items:center;gap:10px;margin:0 18px 12px;padding:9px 14px;font-size:12.5px;display:flex}.remote-image-bar button{color:var(--brand);font-weight:700}.attachment-strip{flex-wrap:wrap;gap:10px;padding:4px 18px 18px;display:flex}.attachment-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface2);min-width:180px;max-width:240px;transition:box-shadow var(--t-fast), border-color var(--t-fast);align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.attachment-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border2)}.attachment-card .icon{background:var(--chip-bg);width:34px;height:34px;color:var(--brand);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.attachment-card .info{flex:1;min-width:0}.attachment-card .info .name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:600;overflow:hidden}.attachment-card .info .size{color:var(--muted);font-size:11px}.attachment-card .download{color:var(--muted);flex-shrink:0}.attachment-image-thumb{border-radius:var(--r-md);border:1px solid var(--border);flex-shrink:0;width:96px;height:96px;position:relative;overflow:hidden}.attachment-image-thumb img{object-fit:cover;width:100%;height:100%}.reply-bar{gap:10px;padding:20px 0 4px;display:flex}.btn{border-radius:var(--r-pill);white-space:nowrap;height:38px;transition:transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), opacity var(--t-fast);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--surface2);color:var(--ink2);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border2);box-shadow:var(--shadow-xs)}.btn-ghost{color:var(--muted);border-radius:var(--r-md);height:34px;padding:0 12px}.btn-ghost:hover{background:var(--bg);color:var(--ink)}html.dark .btn-ghost:hover{background:var(--surface2)}.btn-danger{color:var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.btn.sm{height:32px;padding:0 12px;font-size:12.5px}.icon-only{border-radius:50%;width:38px;padding:0}.chip{border-radius:var(--r-pill);background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--ink);align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:13px;display:inline-flex}.chip button{color:var(--muted);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.chip button:hover{color:var(--ink);background:#00000014}.field-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.field-row label{color:var(--muted);flex-shrink:0;width:40px;font-size:13px}.field-row .chips-input{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-height:24px;display:flex}.field-row .chips-input input{background:0 0;border:0;outline:0;flex:1;min-width:120px;padding:4px 2px;font-size:13.5px}.field-row .cc-bcc-toggle{flex-shrink:0;gap:6px;display:flex}.field-row .cc-bcc-toggle button{color:var(--muted);font-size:12px}.field-row .cc-bcc-toggle button:hover{color:var(--brand)}.compose-dock{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;width:512px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);max-height:68vh;transition:right var(--t-base) var(--ease);border-bottom:none;flex-direction:column;display:flex;position:fixed;bottom:0;right:24px}.compose-dock.minimized{max-height:48px}.compose-dock.maximized{width:min(900px,100vw - 64px);max-height:calc(100vh - 48px)}.compose-dock+.compose-dock{right:552px}.compose-dock+.compose-dock+.compose-dock{right:1080px}.compose-titlebar{background:var(--navy);color:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0;cursor:pointer;flex-shrink:0;align-items:center;gap:10px;padding:10px 8px 10px 16px;font-size:13px;font-weight:600;display:flex}.compose-titlebar .title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.compose-titlebar .titlebar-actions{align-items:center;gap:2px;display:flex}.compose-titlebar button{color:#ffffffbf;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.compose-titlebar button:hover{color:#fff;background:#ffffff26}.compose-body{flex-direction:column;flex:1;min-height:0;padding:0 16px;display:flex}.compose-subject{border-bottom:1px solid var(--border);padding:10px 0}.compose-subject input{background:0 0;border:0;outline:0;width:100%;font-size:13.5px}.compose-editor-toolbar{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;padding:8px 0;display:flex}.compose-editor-toolbar button{width:32px;height:32px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.compose-editor-toolbar button:hover{background:var(--bg);color:var(--ink)}html.dark .compose-editor-toolbar button:hover{background:var(--surface2)}.compose-editor{outline:none;flex:1;min-height:140px;padding:12px 2px;font-size:13.5px;line-height:1.6;overflow-y:auto}.compose-editor:empty:before{content:attr(data-placeholder);color:var(--placeholder)}.compose-editor a{color:var(--brand);text-decoration:underline}.compose-editor blockquote{border-left:2px solid var(--border2);color:var(--muted);margin:6px 0;padding-left:10px}.compose-attachments{flex-wrap:wrap;flex-shrink:0;gap:8px;padding:0 0 10px;display:flex}.compose-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:10px 0 14px;display:flex}.compose-footer .spacer{flex:1}.popover{z-index:80;background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:220px;padding:6px;position:absolute}.popover-item{border-radius:var(--r-sm);width:100%;color:var(--ink2);text-align:left;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.popover-item:hover{background:var(--bg)}html.dark .popover-item:hover{background:var(--surface2)}.popover-divider{background:var(--border);height:1px;margin:4px 6px}.popover-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted2);padding:8px 12px 4px;font-size:10.5px;font-weight:700}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b173973;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:640px;max-height:86vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-head h2{font-size:17px;font-weight:700}.modal-head .spacer{flex:1}.modal-body{flex:1;padding:22px 24px;overflow-y:auto}.modal-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:0 24px;display:flex}.modal-tab{color:var(--muted);border-bottom:2px solid #0000;margin-right:20px;padding:12px 4px;font-size:13px;font-weight:600}.modal-tab.active{color:var(--brand);border-color:var(--brand)}.form-group{margin-bottom:18px}.form-group label{color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.form-input,.form-textarea{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:10px 13px;font-size:13.5px}html.dark .form-input,html.dark .form-textarea{background:var(--surface2)}.form-input:focus,.form-textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #3563e924}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-hint{color:var(--muted2);margin-top:5px;font-size:11.5px}.form-row{gap:12px;display:flex}.form-row>*{flex:1}.list-item-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.list-item-row:last-child{border-bottom:0}.list-item-row .grow{flex:1;min-width:0}.list-item-row .grow strong{color:var(--ink);font-size:13.5px;display:block}.list-item-row .grow span{color:var(--muted);font-size:12px}.toast-stack{z-index:200;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:24px;left:24px}.toast{background:var(--navy);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:280px;max-width:420px;animation:toast-in .25s var(--ease) both;align-items:center;gap:14px;padding:13px 18px;font-size:13px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast button{color:#fffc;margin-left:auto;font-weight:700}.toast button:hover{color:#fff}.login-screen{background:radial-gradient(circle at 20% 20%, #3563e91a, transparent 45%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:40px 36px}.login-card .logo{flex-direction:column;align-items:center;gap:14px;margin-bottom:28px;display:flex}.login-card .logo img{width:56px;height:56px;box-shadow:var(--shadow-brand);border-radius:14px}.login-card .logo h1{letter-spacing:-.02em;font-size:22px;font-weight:700}.login-card .logo p{color:var(--muted);font-size:13px}.login-card form{flex-direction:column;gap:14px;display:flex}.login-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--r-md);padding:10px 12px;font-size:12.5px}.login-card .btn-primary{width:100%;height:46px}.login-footer{text-align:center;color:var(--muted2);margin-top:22px;font-size:11.5px}@media (max-width:980px){.rail{z-index:40;background:var(--bg);box-shadow:var(--shadow-lg);position:fixed;top:64px;bottom:0;left:0}.rail:not(.mobile-open){display:none}.main-panel{border:none;border-radius:0}.brand-mark span{display:none}.search-box{max-width:none}.compose-dock{width:calc(100vw - 24px);right:12px}.compose-dock+.compose-dock,.compose-dock+.compose-dock+.compose-dock{right:12px}.message-row{grid-template-columns:32px 28px 1fr auto}.message-row .sender{display:none}}