:root{--background:#f6f7f9;--foreground:#171717;--muted:#667085;--panel:#fff;--border:#d9dee7;--accent:#7f1d1d;--accent-hover:#5f1515;--accent-soft:#fdf2f2;--accent-ring:#7f1d1d29;--danger:#b42318}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;font-weight:650}button:hover{background:var(--accent-hover)}button:disabled{cursor:not-allowed;opacity:.72}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;gap:28px;width:min(100%,420px);padding:32px;display:grid;box-shadow:0 18px 45px #10182814}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:750}.auth-panel h1{font-size:1.7rem;line-height:1.15}.login-form{gap:18px;display:grid}.login-form label{color:#344054;gap:8px;font-size:.92rem;font-weight:650;display:grid}.login-form input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:10px 12px}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.login-form button{min-height:44px;margin-top:4px}.form-error{color:var(--danger);font-size:.9rem;font-weight:650}.form-note{color:var(--muted);font-size:.92rem;line-height:1.45}.home-page{background:var(--background);min-height:100vh}.app-shell{background:var(--background);grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;gap:16px;min-height:100vh;padding:20px;display:flex}.sidebar-brand{border-bottom:1px solid var(--border);gap:6px;padding-bottom:16px;display:grid}.sidebar-brand span{color:var(--foreground);font-size:1rem;font-weight:750}.sidebar-brand strong{background:var(--accent-soft);width:fit-content;color:var(--accent);border-radius:999px;padding:4px 10px;font-size:.78rem}.sidebar-nav{gap:6px;display:grid}.sidebar-link{color:#344054;border-radius:8px;align-items:center;min-height:40px;padding:0 12px;font-weight:650;display:flex}.sidebar-link:hover{background:var(--accent-soft);color:var(--accent)}.sidebar-user{border-top:1px solid var(--border);gap:14px;margin-top:auto;padding-top:16px;display:grid}.sidebar-user div{gap:4px;min-width:0;display:grid}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user strong{font-size:.92rem}.sidebar-user span{color:var(--muted);font-size:.84rem}.sidebar-user button{width:100%;min-height:36px;padding:0 16px}.content-area{flex-direction:column;min-width:0;display:flex}.content-header{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;min-height:72px;padding:0 28px;display:flex}.content-header h1{font-size:1.35rem;line-height:1.2}.content-body{flex:1;padding:28px}.empty-state{min-height:240px}.users-page{gap:20px;display:grid}.admin-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;gap:18px;padding:20px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{font-size:1.05rem;line-height:1.25}.section-heading p{color:var(--muted);margin-top:4px;font-size:.9rem;line-height:1.4}.section-heading span{background:var(--accent-soft);min-width:32px;color:var(--accent);text-align:center;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:750}.admin-form{gap:14px;display:grid}.create-user-panel .admin-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.form-fields{grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;display:grid}.inline-form{gap:10px;display:grid}.admin-form label,.inline-form label{color:#344054;gap:7px;font-size:.86rem;font-weight:650;display:grid}.admin-form input,.admin-form select,.inline-form input,.inline-form select{border:1px solid var(--border);width:100%;min-height:40px;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:9px 11px}.admin-form input:focus,.admin-form select:focus,.inline-form input:focus,.inline-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.admin-form button,.inline-form button{min-height:40px;padding:0 14px}.create-user-panel .admin-form button{min-width:118px}.users-panel{min-width:0}.users-edit-list{gap:12px;display:grid}.user-edit-item{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.user-edit-item summary{cursor:pointer;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:14px;min-height:64px;padding:14px;list-style:none;display:grid}.user-edit-item summary::-webkit-details-marker{display:none}.user-edit-item[open] summary{border-bottom:1px solid var(--border)}.role-pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:750}.edit-button{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:.88rem;font-weight:700;display:inline-flex}.user-edit-item summary:hover .edit-button{background:var(--accent-hover)}.user-edit-content{gap:20px;padding:18px;display:grid}.user-edit-forms{grid-template-columns:minmax(220px,320px) minmax(260px,420px);align-items:end;gap:14px;display:grid}.mailbox-permissions{border-top:1px solid var(--border);gap:14px;padding-top:18px;display:grid}.section-heading.compact h3{font-size:1rem;line-height:1.25}.permission-folder-list{gap:14px;display:grid}.permission-folder{border:1px solid var(--border);background:#f9fafb;border-radius:8px;gap:10px;padding:12px;display:grid}.permission-folder h4{font-size:.95rem;line-height:1.25}.permission-account-list{gap:8px;display:grid}.permission-account{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.permission-account div{gap:4px;min-width:0;display:grid}.permission-account strong,.permission-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.permission-account span{color:var(--muted);font-size:.84rem}.toggle-button{min-height:34px;color:var(--accent);border:1px solid var(--accent);background:#fff;padding:0 12px}.toggle-button:hover,.toggle-button.active{background:var(--accent);color:#fff}.users-table{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.users-table-head{border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;background:#f9fafb;grid-template-columns:minmax(220px,1fr) minmax(220px,280px) minmax(300px,420px);align-items:center;gap:16px;padding:11px 14px;font-size:.78rem;font-weight:750;display:grid}.user-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) minmax(220px,280px) minmax(300px,420px);align-items:center;gap:16px;padding:14px;display:grid}.user-row:last-child{border-bottom:0}.user-summary{align-items:center;gap:12px;min-width:0;display:flex}.avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid}.user-summary div:last-child{gap:4px;min-width:0;display:grid}.user-summary strong,.user-summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-summary span{color:var(--muted);font-size:.88rem}.role-form,.password-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.password-form button{min-width:86px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.alert{border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:650}.alert.error{color:var(--danger);background:#fff1f0}.alert.success{color:#027a48;background:#ecfdf3}.mailbox-panel{max-width:620px}.home-inbox-page{gap:18px;display:grid}.home-inbox-panel{max-width:1120px}.home-inbox-list{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.home-sync-form{justify-content:flex-end;display:flex}.home-sync-form button{min-height:38px;padding:0 14px}.home-inbox-item{border-bottom:1px solid var(--border)}.home-inbox-item:last-child{border-bottom:0}.home-inbox-item button{width:100%;min-height:72px;color:var(--foreground);text-align:left;background:#fff;border-radius:0;grid-template-columns:minmax(260px,1fr) minmax(220px,300px) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.home-inbox-item button:hover{background:var(--accent-soft);color:var(--foreground)}.home-inbox-item span{gap:5px;min-width:0;display:grid}.home-inbox-item strong,.home-inbox-item small,.home-inbox-item time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-inbox-item strong{font-size:.94rem}.home-inbox-item small,.home-inbox-item time{color:var(--muted);font-size:.86rem;font-weight:500}.mailbox-admin-page{gap:20px;display:grid}.mailbox-messages{gap:10px;display:grid}.mailbox-messages:empty{display:none}.mailbox-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.disclosure-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;width:min(100%,420px)}.disclosure-panel[open]{width:min(100%,960px)}.disclosure-panel summary{background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:700;list-style:none;display:flex}.disclosure-panel summary::-webkit-details-marker{display:none}.disclosure-panel summary:hover{background:var(--accent-hover)}.disclosure-panel[open] summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.disclosure-content{gap:18px;padding:20px;display:grid}.mailbox-form{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:14px;display:grid}.mailbox-form label{color:#344054;gap:7px;font-size:.86rem;font-weight:650;display:grid}.mailbox-form input{border:1px solid var(--border);width:100%;min-height:40px;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:9px 11px}.mailbox-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.mailbox-form button{min-height:40px;padding:0 16px}.mailbox-account-panel{max-width:960px}.mail-account-form{gap:14px;display:grid}.mail-account-fields{grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;display:grid}.mail-account-form label{color:#344054;gap:7px;font-size:.86rem;font-weight:650;display:grid}.mail-account-form input,.mail-account-form select{border:1px solid var(--border);width:100%;min-height:40px;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:9px 11px}.mail-account-form input:focus,.mail-account-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.mail-account-form button{width:fit-content;min-height:40px;padding:0 16px}.mailbox-accounts-list,.mailbox-browser{max-width:960px}.folder-accounts{gap:12px;min-width:0;display:grid}.mailbox-folder-picker{max-width:520px}.folder-select-label{color:#344054;gap:7px;font-size:.86rem;font-weight:650;display:grid}.folder-select-label select{border:1px solid var(--border);width:100%;min-height:42px;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:9px 11px}.folder-select-label select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.folder-accounts-header{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:12px 14px;display:flex}.folder-accounts-header h3{font-size:1rem;line-height:1.25}.folder-accounts-header p{color:var(--muted);margin-top:4px;font-size:.88rem}.mail-account-list{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.mail-account-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) minmax(120px,160px) minmax(120px,160px) auto;align-items:center;gap:16px;padding:14px;display:grid}.mail-account-row:last-child{border-bottom:0}.mail-account-row div{gap:4px;min-width:0;display:grid}.mail-account-row strong,.mail-account-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-account-row span{color:var(--muted);font-size:.88rem}.muted-text{color:var(--muted);padding:14px;font-size:.92rem}.account-action-link,.text-link{width:fit-content;color:var(--accent);font-weight:750}.account-action-link{border:1px solid var(--accent);border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;display:inline-flex}.account-action-link:hover{background:var(--accent);color:#fff}.account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.danger-button{border:1px solid var(--danger);min-height:34px;color:var(--danger);background:#fff;padding:0 12px}.danger-button:hover{background:var(--danger);color:#fff}.danger-button.compact{min-height:34px}.inbox-page,.message-detail-page{gap:18px;display:grid}.inbox-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.inbox-toolbar h2{font-size:1.2rem;line-height:1.25}.inbox-toolbar p{color:var(--muted);margin-top:4px;font-size:.92rem}.inbox-back-button{background:var(--accent);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-weight:750;display:inline-flex}.inbox-back-button:hover{background:var(--accent-hover)}.inbox-panel{padding:0;overflow:hidden}.inbox-list{display:grid}.inbox-pagination-summary{border-bottom:1px solid var(--border);color:var(--muted);background:#f9fafb;justify-content:space-between;gap:12px;padding:12px 16px;font-size:.88rem;font-weight:650;display:flex}.inbox-message{border-bottom:1px solid var(--border);display:block}.inbox-message:last-child{border-bottom:0}.inbox-message:hover{background:#f9fafb}.inbox-message-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.inbox-message-row div{gap:5px;min-width:0;display:grid}.inbox-message-row strong,.inbox-message-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox-message-row span,.inbox-message time{color:var(--muted);font-size:.88rem}.inbox-pagination{border-top:1px solid var(--border);background:#f9fafb;justify-content:flex-end;gap:10px;padding:12px 16px;display:flex}.inbox-pagination a,.inbox-pagination span{border:1px solid var(--accent);border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:.9rem;font-weight:750;display:inline-flex}.inbox-pagination a{color:var(--accent);background:#fff}.inbox-pagination a:hover{background:var(--accent);color:#fff}.inbox-pagination span{border-color:var(--border);color:var(--muted)}.message-detail-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}.message-reading-panel,.reply-panel{min-width:0}.message-reading-panel{max-width:1180px}.reply-panel{max-width:920px;margin-top:2px}.reply-panel .section-heading{border-bottom:1px solid var(--border);padding-bottom:12px}.message-meta{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding-bottom:14px;display:flex}.message-meta div{gap:4px;min-width:0;display:grid}.message-meta span,.message-meta time{color:var(--muted);font-size:.86rem}.message-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-reading-panel pre,.message-html-frame{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:560px;max-height:760px;overflow:auto}.message-reading-panel pre{white-space:pre-wrap;word-break:break-word;color:#344054;padding:14px;font-family:Arial,Helvetica,sans-serif;font-size:.92rem;line-height:1.5}.message-html-frame{width:100%}.message-attachments{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:grid}.message-attachment-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.message-attachment{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.message-attachment:hover{border-color:var(--accent)}.message-attachment img,.message-attachment>span{border-radius:8px;width:46px;height:46px}.message-attachment img{object-fit:cover;border:1px solid var(--border)}.message-attachment>span{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;place-items:center;font-size:.68rem;font-weight:800;display:grid}.message-attachment div{gap:4px;min-width:0;display:grid}.message-attachment strong,.message-attachment small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-attachment small{color:var(--muted);font-size:.78rem}.reply-form{gap:12px;display:grid}.professional-reply-form{gap:16px}.reply-context{border:1px solid var(--border);background:#f9fafb;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.reply-context div{gap:4px;min-width:0;display:grid}.reply-context span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:750}.reply-context strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.reply-toolbar{flex-wrap:wrap;gap:8px;display:flex}.reply-toolbar button{border:1px solid var(--border);color:#344054;background:#fff;min-height:34px;padding:0 12px;font-size:.84rem}.reply-toolbar button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.reply-form label{color:#344054;gap:7px;font-size:.86rem;font-weight:650;display:grid}.reply-editor-label{min-width:0}.reply-form textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:220px;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:10px 12px}.reply-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.selected-attachments{flex-wrap:wrap;gap:8px;display:flex}.selected-attachments span{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);color:#344054;background:#fff;border-radius:999px;max-width:100%;padding:6px 10px;font-size:.82rem;font-weight:650;overflow:hidden}.reply-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reply-form button,.attachment-button{border-radius:8px;justify-content:center;align-items:center;width:fit-content;min-height:40px;padding:0 16px;font-weight:750;display:inline-flex}.attachment-button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#fff}.attachment-button:hover{background:var(--accent-soft)}.attachment-button input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:auto}.sidebar-user{margin-top:0}.content-header,.content-body{padding-left:20px;padding-right:20px}.create-user-panel .admin-form,.form-fields,.users-table-head,.user-edit-item summary,.user-edit-forms,.permission-account,.user-row,.role-form,.password-form,.mailbox-form,.mail-account-fields,.mail-account-row,.home-inbox-item button,.inbox-message-row,.message-detail-layout,.reply-context{grid-template-columns:1fr}.inbox-toolbar{flex-direction:column-reverse;align-items:stretch}.inbox-back-button{align-self:flex-end;width:fit-content}.mailbox-actions,.disclosure-panel,.disclosure-panel[open],.mail-account-form button{width:100%}.users-table-head{display:none}.user-row{gap:14px}}