.admin-field.admin-role-toggle{display:flex;align-items:center;gap:11px;min-height:42px;padding:10px 12px;border:1px solid #dbe5f2;border-radius:10px;background:#f7faff;cursor:pointer}.admin-field.admin-role-toggle input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--blue)}.brand-logo{display:block;width:160px;max-width:100%;height:auto;object-fit:contain}.brand-lockup{min-width:0}.brand-lockup>div{min-width:0}.auth-brand .brand-logo{width:220px;margin:0 auto}.auth-brand h1{margin:12px 0 18px}.external-brand-logo{width:140px}@media (max-width: 650px){.brand-lockup .brand-logo{width:120px}.auth-brand .brand-logo{width:min(210px,100%);margin:0 auto}.app-shell .container.card:not(.auth-card):not(.admin-card)>.topbar{align-items:center;height:64px;min-height:64px}.app-shell .container.card:not(.auth-card):not(.admin-card) .chat-layout{height:calc(100dvh - 64px)}.app-shell.auth-shell{align-items:start;height:100dvh;min-height:0;overflow-y:auto}}.brand-logo .brand-logo-dark{display:none}[data-theme=dark] .app-shell:not(.auth-shell):not(.external-share-shell) .brand-logo .brand-logo-light{display:none}[data-theme=dark] .app-shell:not(.auth-shell):not(.external-share-shell) .brand-logo .brand-logo-dark{display:inline}.app-shell.workspace-shell{height:auto;min-height:100dvh;padding:24px 32px 40px;overflow:visible;background:#f7f9fd}.workspace-page{width:min(1320px,100%);min-width:0;margin:0 auto}.workspace-icon{flex:0 0 auto;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.workspace-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:0 0 20px;border-bottom:1px solid var(--line)}.workspace-brand{display:flex;align-items:center;gap:24px;min-width:0}.workspace-brand .brand-logo{width:144px;flex:0 0 auto}.workspace-breadcrumb{display:flex;align-items:center;gap:10px;padding-left:24px;border-left:1px solid var(--line);color:var(--muted);font-size:.75rem}.workspace-breadcrumb strong{color:var(--navy);font-weight:600}.workspace-back{display:flex;align-items:center;justify-content:center;justify-self:end;gap:8px;min-height:40px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;color:var(--navy);background:#fff;box-shadow:0 1px 2px #0f172a08;font-size:.75rem;white-space:nowrap}.workspace-back:hover{transform:none;border-color:var(--blue-border);color:var(--blue);background:var(--blue-soft);box-shadow:none}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 24px}.workspace-heading h1{color:var(--brand-navy);font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.2}.workspace-heading .eyebrow{margin-bottom:7px;font-size:.65rem}.workspace-description{max-width:650px;margin:9px 0 0;color:var(--muted);font-size:.85rem;line-height:1.6}.workspace-heading-actions{display:flex;flex:0 0 auto;align-items:center;gap:12px}.workspace-shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border-radius:9px;font-size:.75rem}.workspace-heading-actions .security-status{padding:7px 10px;font-size:.66rem}.workspace-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px}.workspace-stats-employee{max-width:320px}.workspace-stat{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.workspace-stat>div{display:grid;gap:7px;min-width:0}.workspace-stat>div>span{color:var(--muted);font-size:.73rem}.workspace-stat strong{color:var(--brand-navy);font-size:1.9rem;font-weight:750;line-height:1.1;letter-spacing:-.04em}.workspace-stat small{color:var(--muted);font-size:.65rem}.workspace-stat-icon{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--blue);background:var(--blue-soft)}.workspace-panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 12px #0f172a06}.workspace-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.workspace-panel-heading>div{min-width:0}.workspace-panel-heading h2{margin:0;font-size:1rem;letter-spacing:-.02em}.workspace-panel-heading p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.workspace-panel-heading>.workspace-icon{color:var(--blue)}.workspace-tabs{display:flex;flex-wrap:wrap;gap:5px}.workspace-tabs>button{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border:0;border-radius:8px;color:var(--muted);background:transparent;box-shadow:none;font-size:.74rem}.workspace-tabs>button:hover{transform:none;color:var(--blue);background:var(--blue-soft);box-shadow:none}.workspace-tabs>button[aria-pressed=true]{color:var(--blue);background:var(--blue-soft)}.workspace-tabs>button>span{padding:2px 6px;border-radius:5px;background:#64748b14;font-size:.63rem}.workspace-tabs .workspace-icon{width:16px;height:16px}.workspace-empty{display:grid;place-items:center;gap:10px;padding:42px 20px;text-align:center}.workspace-empty>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:2px;border-radius:14px;color:var(--blue);background:var(--blue-soft)}.workspace-empty strong{color:var(--navy);font-size:.85rem}.workspace-empty p{max-width:280px;margin:0;color:var(--muted);font-size:.74rem;line-height:1.6}.workspace-security-note{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px 16px;border:1px solid var(--blue-border);border-radius:11px;color:var(--muted);background:var(--blue-soft);font-size:.73rem;line-height:1.6}.workspace-security-note>.workspace-icon{color:var(--blue)}.workspace-security-note p{margin:0}.workspace-security-note strong{color:var(--brand-navy)}.workspace-shell .admin-section{margin:0!important;padding:22px}.workspace-shell .admin-section-heading{margin-bottom:16px}.workspace-shell .admin-section-heading h2{font-size:1rem}.workspace-shell .admin-section-heading .eyebrow{display:none}.workspace-shell .admin-table-wrap{border-color:var(--line);border-radius:10px}.workspace-shell .admin-table{min-width:760px;font-size:.75rem}.workspace-shell .admin-table th{background:#f8faff;color:var(--muted);font-size:.61rem;letter-spacing:.045em}.workspace-shell .admin-table td{padding:15px 12px;border-right:0}.workspace-shell .admin-row-actions{gap:5px}.workspace-shell .admin-row-actions button{font-size:.65rem}.workspace-shell .admin-alert{margin:0 0 18px}.workspace-columns{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start;gap:22px}.workspace-shell .payroll-form,.workspace-shell .external-share-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0;padding:22px;border:0;border-radius:0;background:#fff}.workspace-shell .payroll-form label,.workspace-shell .external-share-form label{display:grid;gap:8px;color:var(--navy);font-size:.74rem;font-weight:650}.workspace-shell .external-share-form label>small{color:var(--muted);font-size:.65rem;font-weight:400}.workspace-shell .payroll-form input,.workspace-shell .payroll-form select,.workspace-shell .external-share-form input,.workspace-shell .external-share-form select,.workspace-shell .external-share-form textarea{min-height:42px;padding:10px 12px;border-color:var(--line);border-radius:9px;color:var(--navy);background:#fbfcff;font-size:.78rem}.workspace-shell textarea{resize:vertical}.workspace-shell .payroll-form>button,.workspace-shell .external-share-form>button{justify-self:stretch;min-height:43px}.workspace-form-help{margin:-7px 0 0;color:var(--muted);font-size:.68rem;line-height:1.6}.workspace-shell label.workspace-upload{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;border:1px dashed var(--blue-border);border-radius:11px;color:var(--blue);background:var(--blue-soft);text-align:center;cursor:pointer}.workspace-upload>.workspace-icon{width:26px;height:26px;margin-bottom:3px}.workspace-upload strong{font-size:.76rem}.workspace-shell .workspace-upload>small{color:var(--muted);font-size:.65rem;font-weight:400;overflow-wrap:anywhere}.workspace-shell .workspace-upload input[type=file]{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0}.workspace-upload:focus-within{outline:2px solid var(--blue);outline-offset:3px}.workspace-shell .payroll-list{margin:0;padding:8px 22px 18px}.workspace-shell .payroll-row{display:flex;flex-wrap:wrap;gap:12px;padding:17px 0}.payroll-document{display:flex!important;flex:1;align-items:center;gap:12px}.payroll-document>.workspace-stat-icon{width:36px;height:42px;border-radius:8px}.payroll-document>div{display:grid;min-width:0;gap:5px}.payroll-document strong{font-size:.8rem;text-transform:capitalize}.workspace-shell .payroll-row small{font-size:.66rem}.workspace-shell .payroll-row-actions{margin-left:auto;gap:7px}.workspace-shell .payroll-row .btn{min-height:34px;padding:7px 10px;font-size:.67rem}.workspace-shell .payroll-pagination{padding-top:18px;font-size:.69rem}.workspace-shell .error-text,.workspace-shell .success-text{padding:12px 15px;margin:0 0 18px;border:1px solid #f0c5cc;border-radius:10px;background:#fff4f6;font-size:.77rem}.workspace-shell .success-text{color:#24714d;border-color:#c8e8d6;background:#f0fbf5}.workspace-share-columns{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.workspace-form-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px}.workspace-shell .external-share-span{grid-column:auto}.workspace-shell .external-share-list{padding:18px}.workspace-shell .external-share-list>ul{gap:12px}.workspace-shell .external-share-row{gap:14px;padding:17px;border-color:var(--line);border-radius:11px;box-shadow:none}.workspace-share-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.workspace-share-title strong{min-width:0;font-size:.85rem;overflow-wrap:anywhere}.workspace-share-status{flex:0 0 auto;padding:4px 7px;border-radius:5px;color:#23754f;background:#ebf9f1;font-size:.58rem;font-weight:750}.workspace-share-status.expired{color:#967135;background:#fff6e7}.workspace-share-status.revoked{color:var(--muted);background:#f0f2f6}.workspace-shell .external-share-row-main{gap:8px}.workspace-shell .external-share-row-main small{font-size:.69rem;line-height:1.5}.workspace-share-expiry{display:flex;align-items:center;gap:5px}.workspace-share-expiry .workspace-icon{width:13px;height:13px}.workspace-shell .external-share-row-actions{gap:6px;padding-top:13px;border-top:1px solid var(--line)}.workspace-shell .external-share-row-actions .btn{min-height:32px;padding:6px 8px;font-size:.65rem}.workspace-shell .external-share-linkbox{margin-bottom:20px}.workspace-shell .external-share-linkbox code{max-width:100%;overflow-wrap:anywhere;word-break:break-all}.workspace-shell .external-share-log li{grid-template-columns:1fr;gap:3px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.65rem}@media (max-width: 1050px){.workspace-breadcrumb{display:none}.workspace-heading-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-columns,.workspace-share-columns{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.workspace-form-grid{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell.workspace-shell{height:100dvh;min-height:0;padding:18px 16px 28px;overflow-y:auto}.workspace-toolbar{gap:12px;padding-bottom:18px}.workspace-brand .brand-logo{width:112px}.workspace-back{min-height:36px;padding:8px 10px;font-size:.67rem}.workspace-back .workspace-icon{width:16px;height:16px}.workspace-heading{align-items:start;flex-direction:column;gap:15px;padding:25px 0 20px}.workspace-heading h1{font-size:1.65rem}.workspace-heading-actions{justify-content:flex-start}.workspace-description{font-size:.78rem}.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.workspace-stats>.workspace-stat:last-child:nth-child(3){grid-column:1 / -1}.workspace-stat{padding:15px;gap:7px}.workspace-stat strong{font-size:1.55rem}.workspace-stat>div>span{font-size:.65rem}.workspace-stat small{font-size:.6rem}.workspace-stat-icon{width:30px;height:30px;border-radius:8px}.workspace-stat-icon .workspace-icon{width:16px;height:16px}.workspace-columns,.workspace-share-columns{grid-template-columns:minmax(0,1fr);gap:20px}.workspace-panel-heading{flex-wrap:wrap;padding:17px}.workspace-shell .admin-section{padding:17px}.workspace-shell .admin-section-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px}.workspace-shell .admin-section-heading>div{grid-template-columns:minmax(0,1fr) auto}.workspace-shell .admin-section-heading>.btn{justify-self:end;width:auto}.workspace-shell .payroll-form,.workspace-shell .external-share-form{padding:18px}.workspace-shell .payroll-list{padding:8px 18px 18px}.workspace-security-note{align-items:start;font-size:.67rem}}.topbar-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:11px;color:var(--navy);background:#fff9;box-shadow:none;cursor:pointer;transition:.16s}.theme-toggle:hover{color:var(--blue);border-color:var(--blue-border);background:var(--blue-soft);transform:none;box-shadow:none}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[data-theme=dark] .theme-toggle{background:#16203a;border-color:#2b3a56}.external-share-shell{width:min(780px,100%);min-height:100vh;margin:0 auto;padding:clamp(20px,4vw,40px) 20px;display:flex;flex-direction:column;justify-content:center}.external-share-card{width:100%;padding:clamp(22px,4vw,34px);overflow:hidden;position:relative}.external-share-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--blue-bright),var(--blue-dark))}.external-share-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}.external-share-header>button{flex:0 0 auto}.external-secure-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #bde7d0;border-radius:999px;background:#effbf4;color:#23774a;font-size:.72rem;font-weight:700;white-space:nowrap}.external-secure-pill svg{width:13px;height:13px}.external-share-hero{margin-bottom:4px}.external-share-hero h1{margin:6px 0 0;font-size:clamp(1.35rem,2.4vw,1.7rem)}.external-share-sub{margin:10px 0 0;color:var(--muted);font-size:.92rem}.external-share-state{display:flex;flex-direction:column;align-items:center;padding:26px 8px 8px;text-align:center}.external-share-state-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:20px;border-radius:22px}.external-share-state-icon svg{width:34px;height:34px}.external-share-state-icon.tone-danger{color:var(--danger);border:1px solid #f6ccd0;background:#fdeff0}.external-share-state-icon.tone-info{color:var(--blue);border:1px solid var(--blue-border);background:var(--blue-soft)}.external-share-state h2{margin:0 0 10px;font-size:1.3rem;letter-spacing:-.02em}.external-share-state p{max-width:46ch;margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}.external-share-hint{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--muted);font-size:.78rem}.external-share-hint svg{flex:0 0 auto;width:14px;height:14px;color:var(--blue)}.external-share-spinner{width:34px;height:34px;border:3px solid var(--blue-border);border-top-color:var(--blue);border-radius:50%;animation:external-share-spin .8s linear infinite}@keyframes external-share-spin{to{transform:rotate(360deg)}}.external-share-countdown{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 20px;padding:16px 20px;border:1px solid var(--blue-border);border-radius:16px;background:linear-gradient(135deg,var(--blue-soft),#f4f9ff)}.external-share-countdown .label{display:flex;flex-direction:column;gap:3px}.external-share-countdown .label span{color:var(--blue-dark);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.external-share-countdown .label small{color:var(--muted);font-size:.78rem}.external-share-countdown strong{color:var(--blue-dark);font-size:1.9rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.external-share-countdown.expired{border-color:#f6ccd0;background:#fdeff0}.external-share-countdown.expired .label span,.external-share-countdown.expired strong{color:var(--danger)}.external-share-note{margin-bottom:20px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.external-share-note strong{display:block;margin-bottom:6px;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.external-share-note p{margin:0;white-space:pre-wrap;font-size:.9rem}.external-share-files{display:grid;gap:10px;margin:0;padding:0;list-style:none}.external-share-files li{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.16s}.external-share-files li:hover{border-color:var(--blue-border);box-shadow:0 8px 22px #0f172a12}.external-share-ftype{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--blue-dark);background:var(--blue-soft);font-size:.66rem;font-weight:800;letter-spacing:.02em}.external-share-file-info{display:grid;min-width:0;gap:3px}.external-share-file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external-share-file-info small{color:var(--muted);font-size:.76rem}.external-share-footnote{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.external-share-footnote svg{flex:0 0 auto;width:14px;height:14px;color:var(--blue)}.external-share-panel{max-width:900px;margin:40px auto;padding:28px}.external-share-linkbox{display:grid;gap:10px;padding:16px;margin-bottom:22px;border:1px solid var(--blue-border);border-radius:12px;background:var(--blue-soft)}.external-share-linkbox code{display:block;overflow-wrap:anywhere;padding:10px 12px;border-radius:9px;background:#fff;border:1px solid var(--blue-border);font-size:.8rem}.external-share-linkbox small{flex:1}.external-share-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.external-share-form h2{grid-column:1 / -1;margin:0}.external-share-form label{display:grid;min-width:0;gap:7px;color:#435873;font-size:.85rem;font-weight:700}.external-share-form label small{font-weight:500;color:var(--muted)}.external-share-form input,.external-share-form select,.external-share-form textarea{width:100%;padding:10px 12px;border:1px solid #ccdaeb;border-radius:10px;font:inherit}.external-share-span{grid-column:1 / -1}.external-share-list ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.external-share-row{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.external-share-row.expired{opacity:.72}.external-share-row.revoked{opacity:.58}.external-share-row-main{display:grid;gap:4px}.external-share-row-main small{color:var(--muted)}.external-share-row-actions{display:flex;flex-wrap:wrap;gap:8px}.external-share-row-actions .btn{min-height:38px}.external-share-log{padding:12px;border-radius:10px;background:#f7fafe}.external-share-log ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.external-share-log li{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;font-size:.74rem;color:#435873}.btn.danger{color:#b3253a;border-color:#f3c6cb}@media (max-width: 720px){.external-share-shell{width:100%;min-height:100vh;padding:0;justify-content:flex-start}.external-share-card{min-height:100vh;border:0;border-radius:0}.external-share-header{flex-direction:column;align-items:flex-start;gap:10px}.external-share-files li{grid-template-columns:40px minmax(0,1fr)}.external-share-files li .btn{grid-column:auto}.external-share-panel{width:100%;margin:0;padding:20px 16px}.external-share-form{grid-template-columns:minmax(0,1fr)}.external-share-form label,.external-share-span{grid-column:auto}}.payroll-dashboard{width:min(1040px,100%);min-height:calc(100vh - 56px);margin:0 auto;padding:clamp(24px,4vw,44px)}.payroll-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.payroll-header>div{min-width:0}.payroll-header .eyebrow{margin:0 0 8px}.payroll-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.payroll-header .helper-text{margin:10px 0 0}.payroll-header>button{flex:0 0 auto;margin-top:4px}.payroll-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:18px;margin:28px 0;padding:clamp(18px,3vw,26px);border:1px solid var(--line);border-radius:16px;background:#f8faff}.payroll-form h2{grid-column:1 / -1;margin:0}.payroll-form label{display:grid;min-width:0;gap:8px;color:#435873;font-size:.88rem;font-weight:700}.payroll-form input,.payroll-form select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #cbd8e8;border-radius:10px;color:var(--navy);background:#fff;font-size:.92rem}.payroll-form input[type=file]{padding:7px 9px}.payroll-form label:nth-of-type(3){grid-column:1 / -1}.payroll-form>button{justify-self:start;min-height:44px}.payroll-list{margin-top:30px}.payroll-list h2{margin:0 0 12px}.payroll-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line)}.payroll-row>div{display:grid;min-width:0;gap:5px}.payroll-row small{overflow-wrap:anywhere;color:var(--muted)}.payroll-row .btn{flex:0 0 auto}.payroll-delivery-state{flex:0 0 auto;padding:6px 9px;border-radius:999px;color:#176541;background:#e9f8ef;font-size:.72rem;font-weight:750}.payroll-row-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}.payroll-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 0 4px;color:var(--muted);font-size:.78rem}.payroll-pagination .btn{min-height:36px;padding:7px 12px;font-size:.76rem}.payroll-pagination .btn:disabled{cursor:not-allowed;opacity:.48}.pdf-preview-open{display:grid;place-content:center;justify-items:center;gap:14px;min-height:0;padding:28px;border-radius:10px;background:#f3f7fc;text-align:center}.pdf-preview-open p{max-width:560px;margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}.payroll-dashboard .error-text,.payroll-dashboard .success-text{margin:18px 0}.payroll-dashboard .success-text{padding:12px 14px;border-radius:10px;color:#176541;background:#e9f8ef}@media (max-width: 620px){.payroll-dashboard{width:100%;min-height:100vh;margin:0;padding:22px 16px;border:0;border-radius:0}.payroll-header{flex-direction:column;gap:16px}.payroll-header>button{margin:0}.payroll-form{grid-template-columns:minmax(0,1fr);gap:15px}.payroll-form h2,.payroll-form label:nth-of-type(3){grid-column:auto}}.file-preview-modal:has(.pdf-preview-open){height:auto;max-height:min(760px,calc(100dvh - 40px));overflow-y:auto}.file-preview-modal:has(.pdf-preview-open) header>div{min-width:0}.file-preview-modal:has(.pdf-preview-open) header h2{overflow-wrap:anywhere}.file-preview-modal:has(.pdf-preview-open) header>button{flex-shrink:0}.pdf-preview-open>a.btn{display:inline-flex;align-items:center;justify-content:center;max-width:100%;text-decoration:none}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#10213c;background:#edf4ff;--blue:#1769e0;--blue-dark:#0f4fb5;--blue-soft:#eaf3ff;--navy:#10213c;--muted:#63728a;--line:#dbe5f2;--soft:#f6f9fd;--danger:#c6283d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 0%,rgba(var(--blue-rgb),.22),transparent 28rem),linear-gradient(145deg,#f7faff,var(--blue-soft));color:var(--navy)}button,input{font:inherit}.app-shell{min-height:100vh;padding:28px}.container{width:min(1180px,100%);margin:0 auto;padding:28px}.card{background:#fffffff7;border:1px solid #ccdaec;border-radius:22px;box-shadow:0 24px 70px #2145751f}h1,h2{margin:0;letter-spacing:-.035em}h1{font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.05}h2{font-size:1.25rem}p{line-height:1.55}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.brand-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:18px;color:#fff;background:linear-gradient(145deg,var(--blue-bright),var(--blue-dark));box-shadow:0 10px 25px rgba(var(--blue-rgb),.3);font-size:1.6rem;font-weight:800}.brand-mark-small{width:44px;height:44px;margin:0;border-radius:14px;font-size:1.25rem}.security-status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #bde7d0;border-radius:999px;background:#effbf4;color:#23774a;font-size:.78rem;font-weight:700;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#24a563;box-shadow:0 0 0 4px #24a5631f}.eyebrow{margin:0 0 7px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-card{width:min(470px,100%);margin-top:max(5vh,28px);padding:clamp(28px,6vw,48px)}.auth-card h1{margin-bottom:12px}.auth-card h2{margin:30px 0 16px}.auth-intro{margin:0;color:var(--muted)}.auth-form{display:grid;gap:12px;margin-bottom:14px}input{width:100%;min-width:0;padding:12px 14px;border:1px solid #cbd8e8;border-radius:11px;color:var(--navy);background:#fff;transition:.18s}input::placeholder{color:#8a98aa}input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(var(--blue-rgb),.11)}.btn,button{border:1px solid #cad7e8;border-radius:11px;padding:10px 14px;cursor:pointer;color:var(--navy);background:#fff;font-weight:650;transition:.16s}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #22436f1a}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.btn-primary{color:#fff;border-color:var(--blue);background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 7px 16px rgba(var(--blue-rgb),.2)}.btn-secondary{background:var(--soft)}.btn-link{padding:3px;color:var(--blue);border:0;background:transparent;box-shadow:none}.row,.actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.row{margin-bottom:12px}.row input{flex:1 1 180px}.actions-row{margin:12px 0 4px}.chat-layout{display:grid;grid-template-columns:286px minmax(0,1fr);gap:18px;margin-top:20px;min-height:680px}.sidebar{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:17px;background:#f7faff}.sidebar-header{padding-bottom:14px;border-bottom:1px solid var(--line)}.sidebar-header h2{font-size:1.15rem}.group-create-box{display:grid;gap:8px;margin:16px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.contact-list{display:flex;flex:1;flex-direction:column;gap:7px;max-height:455px;margin-bottom:12px;overflow:auto;scrollbar-width:thin}.contact-list>.helper-text{margin:12px 4px 4px;color:#44536a;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.contact-item{display:flex;align-items:center;gap:7px}.contact-open{display:flex;flex:1;align-items:center;gap:10px;min-width:0;padding:9px 10px;text-align:left;border-color:transparent;background:transparent;box-shadow:none}.contact-open:hover{background:var(--blue-soft);box-shadow:none}.contact-item.active .contact-open{color:var(--blue-dark);border-color:var(--blue-border);background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}.contact-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--blue-dark);background:var(--blue-tint);font-size:.78rem;font-weight:800}.unread-badge{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;margin-left:auto;border-radius:999px;color:#fff;background:var(--blue);font-size:.68rem;font-weight:800}.chat-panel{min-width:0;padding:4px 20px 20px;border:1px solid var(--line);border-radius:17px;background:#fff}.section{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.chat-panel>.section:first-child{border-top:0}.messages-pane{display:flex;flex-direction:column;gap:10px;min-height:180px;max-height:340px;padding:14px 4px 18px;overflow:auto;scroll-behavior:smooth}.message-bubble{max-width:min(76%,560px);padding:11px 14px;border:1px solid var(--line);border-radius:17px 17px 17px 5px;background:#f5f8fc;box-shadow:0 4px 12px #1938620d;line-height:1.45}.message-bubble.mine{margin-left:auto;color:var(--brand-navy);border-color:var(--blue-border);border-radius:17px 17px 5px;background:var(--blue-tint)}.message-bubble.theirs{margin-right:auto}.message-meta{margin-bottom:5px;color:#53647c;font-size:.72rem}.message-bubble small{display:block;margin-top:6px;color:#738197;font-size:.67rem}.group-manage-box{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.list li{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.tags-wrap{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.tag{padding:6px 10px;color:var(--blue-dark);border-color:var(--blue-border);border-radius:999px;background:var(--blue-soft);font-size:.75rem}.helper-text{margin:6px 0 10px;color:var(--muted);font-size:.86rem}.error-text{margin:8px 0 13px;color:var(--danger);font-size:.88rem}code{display:inline-block;padding:9px 12px;border:1px solid #c9d9ec;border-radius:9px;background:#f3f7fc;overflow-wrap:anywhere}.admin-card{width:min(1380px,100%);overflow:hidden}.admin-card section{margin-top:28px}.table{width:100%;border-spacing:0;border-collapse:separate;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;font-size:.8rem}.table th,.table td{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}.table th:last-child,.table td:last-child{border-right:0}.table tr:last-child td{border-bottom:0}.table th{color:#40516a;background:#edf4fd;text-align:left;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.table tbody tr:hover{background:#f8fbff}@media (max-width:900px){.app-shell{padding:12px}.container{padding:18px}.chat-layout{grid-template-columns:1fr;min-height:0}.contact-list{max-height:300px}.chat-panel{padding:2px 14px 16px}.admin-card{overflow-x:auto}.table{min-width:850px}}@media (max-width:560px){.app-shell{padding:0}.container{min-height:100vh;border:0;border-radius:0}.topbar{align-items:flex-start}.security-status{padding:7px 9px;font-size:0}.message-bubble{max-width:90%}.row>.btn,.row>button{flex:1}.actions-row{align-items:stretch}.actions-row>button{flex:1}}.empty-state{margin:auto;color:var(--muted);font-size:.84rem;text-align:center}.file-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:14px 0}.file-picker{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 13px;border:1px dashed #a9c2e4;border-radius:12px;background:#f7faff;cursor:pointer;transition:.18s}.file-picker:hover{border-color:var(--blue);background:var(--blue-soft)}.file-picker input{display:none}.file-picker>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.file-picker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.file-picker small{margin-top:2px;color:var(--muted);font-size:.7rem}.file-picker-icon{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:var(--blue);font-size:1.15rem}.file-list{display:grid;gap:8px;max-height:220px;padding-right:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbe3 transparent}.file-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);transition:.16s}.file-card:hover{border-color:#bfd3ed;background:var(--blue-soft)}.file-type{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:var(--blue-dark);background:var(--blue-tint);font-size:.65rem;font-weight:800}.file-details{display:flex;min-width:0;flex-direction:column}.file-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.file-details small{margin-top:4px;color:var(--muted);font-size:.69rem}.file-empty{padding:24px;border:1px dashed var(--line);border-radius:12px}.contact-list{min-height:130px;max-height:min(455px,calc(100vh - 430px));padding-right:4px;overscroll-behavior:contain;scrollbar-color:#b9cbe3 transparent}.messages-pane{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbe3 transparent}.list-heading,.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.list-heading span,.section-title-row>span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:3px 7px;border-radius:999px;color:var(--blue-dark);background:var(--blue-tint);font-size:.68rem;font-weight:800}.file-list::-webkit-scrollbar,.contact-list::-webkit-scrollbar,.messages-pane::-webkit-scrollbar{width:7px}.file-list::-webkit-scrollbar-thumb,.contact-list::-webkit-scrollbar-thumb,.messages-pane::-webkit-scrollbar-thumb{border-radius:99px;background:#b9cbe3}.file-list::-webkit-scrollbar-track,.contact-list::-webkit-scrollbar-track,.messages-pane::-webkit-scrollbar-track{background:transparent}.sidebar-header{display:grid;gap:16px}.profile-card{display:grid;grid-template-columns:38px minmax(0,1fr) 8px;align-items:center;gap:10px;padding:10px;border:1px solid #d7e4f3;border-radius:13px;background:#fff}.profile-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--blue-bright),var(--blue-dark));font-size:.85rem;font-weight:800}.group-avatar{color:#5b3eb8;background:#ebe5ff}.profile-card div{display:flex;min-width:0;flex-direction:column}.profile-card small{color:var(--muted);font-size:.65rem}.profile-card strong{overflow:hidden;margin-top:1px;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.online-dot{width:8px;height:8px;border-radius:50%;background:#28a866;box-shadow:0 0 0 4px #e3f7ed}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-title-row h2{font-size:1rem}.new-group-button{padding:6px 8px;color:var(--blue);border:0;background:transparent;box-shadow:none;font-size:.68rem}.new-group-button:hover{background:var(--blue-soft);box-shadow:none}.group-create-box{padding:12px;border:1px solid var(--blue-border);border-radius:13px;background:#fff}.group-create-box .helper-text{font-size:.7rem}.sidebar-empty{margin:2px 4px 8px;padding:12px;border:1px dashed #cfdaea;border-radius:10px;color:var(--muted);text-align:center;font-size:.72rem}.conversation-search{position:relative;display:flex;align-items:center;margin:12px 0 2px}.conversation-search>svg{position:absolute;left:10px;width:15px;height:15px;fill:none;stroke:#7a8ba2;stroke-width:1.8;stroke-linecap:round}.conversation-search input{min-height:36px;padding:8px 30px 8px 33px;border-radius:10px;background:#fff;font-size:.72rem}.conversation-search>button{position:absolute;right:7px;width:24px;height:24px;padding:0;border:0;border-radius:7px;color:#7a8ba2;background:#eef3f9;box-shadow:none;font-size:.9rem}.conversation-search>button:hover{transform:none;color:var(--navy);box-shadow:none}.contact-list>.list-heading{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin:12px 4px 4px;color:#44536a;font-size:.67rem;letter-spacing:.04em;text-transform:uppercase}.list-heading>span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:99px;color:var(--blue-dark);background:#e4efff;font-size:.62rem}.list-heading>button{display:grid;place-items:center;width:22px;height:22px;padding:0;border-color:transparent;border-radius:7px;color:#63758d;background:transparent;box-shadow:none;font-size:.82rem}.list-heading>button:hover{transform:none;color:var(--blue);background:var(--blue-soft);box-shadow:none}.contact-list>.list-heading-toggle{width:calc(100% - 8px);padding:9px 3px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;text-align:left}.contact-list>.list-heading-toggle:hover{transform:none;color:var(--blue-dark);background:transparent;box-shadow:none}.list-heading-toggle i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#657991;font-size:.82rem;font-style:normal;transition:transform .18s ease}.list-heading-toggle i.collapsed{transform:rotate(180deg)}.contact-select{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;padding:0;border-radius:9px;color:var(--blue);border-color:var(--blue-border);background:var(--blue-soft)}.contact-select.selected{color:#fff;border-color:var(--blue);background:var(--blue)}.sidebar-actions{display:grid;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.recovery-action{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px;color:var(--blue-dark);border-color:var(--blue-border);background:linear-gradient(135deg,var(--blue-soft),var(--blue-tint));text-align:left}.recovery-action:hover{border-color:var(--blue-focus);box-shadow:0 8px 18px rgba(var(--blue-rgb),.12)}.sidebar-action-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--blue-bright),var(--blue-dark));box-shadow:0 6px 14px rgba(var(--blue-rgb),.22)}.sidebar-action-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-action-icon circle{fill:currentColor;stroke:none}.sidebar-action-copy{display:grid;min-width:0;gap:2px}.sidebar-action-copy strong{font-size:.76rem;line-height:1.25}.sidebar-action-copy small{color:#66809f;font-size:.65rem;font-weight:550}.sidebar-action-arrow{color:#7195c4;font-size:1.4rem;font-weight:400;line-height:1}.sidebar-utility-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sidebar-utility-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 7px;color:#53647c;border-color:transparent;background:transparent;box-shadow:none;font-size:.7rem}.sidebar-utility-button:hover{color:var(--blue-dark);border-color:#d7e3f2;background:#fff;box-shadow:none}.sidebar-utility-button svg{flex:0 0 auto;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-utility-button.logout-action{color:#a74352}.sidebar-utility-button.logout-action:hover{color:var(--danger);border-color:#f0d2d8;background:#fff7f8}.admin-dashboard-action{width:100%;padding:9px 8px;font-size:.75rem}.modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0919317a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .16s ease-out}.confirmation-modal{width:min(440px,100%);padding:26px;border:1px solid #d3e0f0;border-radius:20px;background:#fff;box-shadow:0 28px 80px #081f4240;animation:modal-slide-in .18s ease-out}.confirmation-modal-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--blue-bright),var(--blue-dark));box-shadow:0 8px 20px rgba(var(--blue-rgb),.24)}.confirmation-modal-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.confirmation-modal-icon circle{fill:currentColor;stroke:none}.confirmation-modal-copy>p:not(.eyebrow){margin:10px 0 14px;color:var(--muted);font-size:.9rem}.confirmation-note{padding:11px 12px;border:1px solid var(--blue-border);border-radius:10px;color:#365b89;background:#f2f7fe;font-size:.78rem;line-height:1.5}.confirmation-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.member-removal-icon{font-size:1.1rem;font-weight:850;background:linear-gradient(145deg,#e05268,#b9283e)}.member-removal-note{color:#7f4750;border-color:#efd1d6;background:#fff6f7}.member-search{position:relative;flex:1 1 180px;min-width:0}.member-suggestions{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;padding:5px;border:1px solid #cbd9eb;border-radius:11px;background:#fff;box-shadow:0 14px 32px #1a375f29}.member-suggestions button{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:transparent;text-align:left;box-shadow:none}.member-suggestions button:hover{transform:none;background:var(--blue-soft);box-shadow:none}.member-suggestion-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--blue-dark);background:#dfecff;font-size:.72rem;font-weight:800}.member-suggestions button>span:nth-child(2){display:grid;gap:1px}.member-suggestions strong{font-size:.75rem}.member-suggestions small{color:var(--muted);font-size:.63rem}.member-suggestion-plus{color:var(--blue);font-size:1.1rem;font-weight:700}.group-manage-modal{width:min(680px,100%);max-height:calc(100vh - 40px);margin:0;padding:28px;overflow-y:auto;border-color:#d3e0f0;border-radius:18px;background:#fff;box-shadow:0 28px 80px #081f4242;animation:modal-slide-in .18s ease-out}.group-manage-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.group-manage-modal-header .eyebrow{margin-bottom:4px}.group-modal-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border-color:transparent;border-radius:9px;color:#66778e;background:#f1f5fa;box-shadow:none;font-size:1.25rem}.group-modal-close:hover{color:var(--navy);background:#e7eef7;box-shadow:none}.group-manage-label{display:block;margin:0 0 7px;color:#43546b;font-size:.72rem;font-weight:750}.group-manage-modal .row{align-items:stretch;margin-bottom:17px}.group-manage-modal .row>.btn{flex:0 0 auto}.group-members-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 9px;color:#43546b;font-size:.72rem;font-weight:750}.group-members-heading small{display:grid;place-items:center;min-width:21px;height:21px;border-radius:99px;color:var(--blue-dark);background:var(--blue-tint)}.group-manage-modal .tags-wrap{margin:0;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f7f9fc}.group-manage-modal .tag{background:#fff}.group-manage-modal .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:20px}.group-manage-modal input{min-height:44px;border-color:#ccd9e9;background:#fbfdff}.group-manage-modal input:focus{background:#fff}.group-form-action{min-width:120px;color:var(--blue-dark);border-color:var(--blue-border);background:var(--blue-soft)}.group-form-action:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.add-member-action{min-width:142px;color:#fff;border-color:var(--blue);background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 6px 14px rgba(var(--blue-rgb),.18)}.group-manage-label{margin-top:2px;padding-left:2px}.group-members-heading{margin-top:6px;padding-top:17px;border-top:1px solid var(--line)}.group-manage-modal .tags-wrap{gap:8px;min-height:58px;padding:10px;background:#f5f8fc}.group-manage-modal .group-member-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 7px 5px 5px;color:#294b77;border-color:#d1deee;border-radius:10px;background:#fff;box-shadow:0 2px 6px #1c3a620a}.group-manage-modal .group-member-tag:hover{color:#a52b3e;border-color:#efc8ce;background:#fff7f8;box-shadow:none}.group-member-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:var(--blue-dark);background:var(--blue-tint);font-size:.65rem;font-weight:800}.group-member-remove{display:grid;place-items:center;width:18px;height:18px;margin-left:2px;border-radius:50%;color:#8795a8;background:#edf1f6;font-size:.85rem}.group-member-tag:hover .group-member-remove{color:#fff;background:#c63a50}@media (max-width:620px){.group-manage-modal{padding:20px 16px}.group-manage-modal .row{grid-template-columns:1fr}.group-form-action{width:100%}}.group-manage-modal{width:min(600px,100%);padding:22px}.group-manage-modal-header{margin-bottom:16px;padding-bottom:13px}.group-manage-modal-header .eyebrow{font-size:.6rem}.group-manage-modal-header h2{font-size:1rem}.group-manage-modal .group-modal-close{width:29px;height:29px;border-radius:8px;font-size:1rem}.group-manage-modal .group-manage-label{margin-bottom:5px;font-size:.66rem}.group-manage-modal .row{gap:8px;margin-bottom:15px}.group-manage-modal input{min-height:38px;padding:8px 11px;border-radius:9px;font-size:.76rem}.group-manage-modal .group-form-action{min-width:104px;padding:8px 11px;border-radius:9px;font-size:.7rem}.group-manage-modal .add-member-action{min-width:126px}.group-manage-modal .group-members-heading{padding-top:14px;font-size:.67rem}.group-manage-modal .group-members-heading small{min-width:19px;height:19px;font-size:.63rem}.group-manage-modal .tags-wrap{min-height:50px;padding:8px}.group-manage-modal .group-member-tag{gap:6px;padding:4px 6px 4px 4px;font-size:.69rem}.group-manage-modal .group-member-avatar{width:23px;height:23px}.group-manage-modal .group-member-remove{width:17px;height:17px;font-size:.76rem}@keyframes modal-fade-in{0%{opacity:0}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media (max-width:560px){.confirmation-modal{padding:22px 18px}.confirmation-modal-actions{flex-direction:column-reverse}.confirmation-modal-actions .btn{width:100%}}.conversation-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.conversation-title-row>div{min-width:0}.group-settings-toggle{flex:0 0 auto;padding:7px 10px;font-size:.72rem}.group-manage-box:not(.group-manage-modal){max-height:145px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.auth-shell{display:grid;place-items:center}.auth-card{width:min(500px,100%);margin:0;padding:clamp(28px,5vw,44px)}.auth-brand{padding-bottom:24px;border-bottom:1px solid var(--line)}.auth-brand .brand-mark{margin-bottom:22px}.auth-brand h1{font-size:clamp(2rem,6vw,2.65rem)}.auth-intro{max-width:390px;margin:12px auto 0;font-size:.96rem;text-align:center}.auth-heading{margin:24px 0 17px}.auth-heading h2{margin-bottom:5px}.auth-heading p{margin:0;color:var(--muted);font-size:.84rem}.auth-form{gap:8px;margin-bottom:0}.auth-form label{margin-top:5px;color:#344762;font-size:.8rem;font-weight:700}.auth-form input{min-height:46px}.auth-submit{min-height:47px;margin-top:6px}.auth-divider{display:flex;align-items:center;gap:10px;margin:7px 0;color:var(--muted);font-size:.72rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.passkey-login{width:100%;min-height:46px;color:var(--blue-dark);border-color:var(--blue-border);background:var(--blue-soft)}.passkey-login:hover{color:#fff;background:var(--blue)}.passkey-login span{margin-right:7px}.passkey-setup-action .sidebar-action-icon{font-size:1.15rem}.account-settings-trigger .sidebar-action-copy strong:after{content:""!important}.account-settings-modal{width:min(480px,100%);padding:24px;border:1px solid #d3e0f0;border-radius:18px;background:#fff;box-shadow:0 28px 80px #081f4242;animation:modal-slide-in .18s ease-out}.account-settings-options{display:grid;gap:9px;margin-top:18px}.account-settings-options>button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;border-color:#d8e3f0;border-radius:12px;color:#263b56;background:#fff;box-shadow:none;text-align:left}.account-settings-options>button:hover{transform:none;border-color:var(--blue-focus);background:var(--blue-soft);box-shadow:none}.settings-option-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:var(--blue);background:var(--blue-tint);font-size:1.1rem}.settings-option-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-settings-options>button>span:nth-child(2){display:grid;gap:3px}.account-settings-options strong{font-size:.82rem}.account-settings-options small{color:var(--muted);font-size:.68rem}.account-settings-options b{color:#7893b6;font-size:1.4rem}.account-settings-modal{max-height:calc(100dvh - 32px);overflow-y:auto}.device-settings-section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.device-settings-heading{display:flex;align-items:center;justify-content:space-between}.device-settings-heading>div{display:grid;gap:3px}.device-settings-heading strong{font-size:.78rem}.device-settings-heading small{color:var(--muted);font-size:.65rem}.device-settings-heading>button{width:30px;height:30px;padding:0;border-color:#d8e3f0;border-radius:8px;color:#56708e;background:#fff;box-shadow:none}.device-settings-empty,.device-settings-error{margin:12px 0 0;padding:11px;border-radius:9px;color:var(--muted);background:#f5f7fa;font-size:.7rem;text-align:center}.device-settings-error{color:#9d3040;background:#fff2f4}.registered-device-list{display:grid;gap:7px;margin-top:11px}.registered-device-list article{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:10px;border:1px solid #dce5f0;border-radius:10px}.registered-device-list article.current{border-color:var(--blue-focus);background:var(--blue-soft)}.registered-device-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--blue);background:var(--blue-tint)}.registered-device-list article>div{display:grid;gap:2px}.registered-device-list strong{font-size:.7rem}.registered-device-list small{color:var(--muted);font-size:.61rem}.device-delete{width:28px;height:28px;padding:0;border:0;border-radius:7px;color:#a83a4a;background:#fff0f2;box-shadow:none;font-size:1rem}.device-delete:hover{transform:none;background:#ffe2e7;box-shadow:none}.device-danger-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;padding-top:16px;border-top:1px solid var(--line)}.device-danger-actions button{padding:9px;border-color:#d7e1ed;border-radius:9px;color:#465c76;background:#fff;box-shadow:none;font-size:.68rem}.device-danger-actions button.danger{color:#a92f41;border-color:#efc4cb;background:#fff5f6}.device-danger-actions button:hover{transform:none;box-shadow:none}@media (max-width:560px){.account-settings-modal{max-height:calc(100dvh - 16px);padding:18px 14px}.device-danger-actions{grid-template-columns:1fr}}.auth-error{padding:10px 12px;border:1px solid #f1c6cd;border-radius:10px;background:#fff6f7}.recovery-details{margin:4px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.recovery-details summary{color:#39506f;cursor:pointer;font-size:.8rem;font-weight:650}.recovery-details p{margin:8px 0;color:var(--muted);font-size:.75rem}.recovery-details input{min-height:42px}.local-key-reset{margin:10px 0 6px;padding:12px;border:1px solid #f1c6cd;border-radius:10px;background:#fff6f7}.local-key-reset p{margin:0 0 10px;color:#7a2c36;font-size:.78rem;line-height:1.45}.local-key-reset .btn{width:100%}.auth-footer{display:flex;align-items:center;gap:9px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.73rem}.auth-lock{display:grid;flex:0 0 auto;place-items:center;width:23px;height:23px;border-radius:50%;color:#21784d;background:#e7f7ee;font-weight:800}@media (min-width: 901px){.container.card:not(.auth-card):not(.admin-card){display:flex;flex-direction:column;height:calc(100vh - 56px);max-height:980px;overflow:hidden}.chat-layout{flex:1;min-height:0;height:auto}.sidebar,.chat-panel{min-height:0;height:100%;overflow:hidden}.contact-list{max-height:none;min-height:0}.chat-panel{display:grid;grid-template-rows:auto minmax(250px,1fr) auto}.chat-panel>.section{min-height:0;margin-top:12px;padding-top:14px}.chat-panel>.section:nth-child(2){display:flex;flex-direction:column;overflow:hidden}.messages-pane{flex:1;min-height:100px;max-height:none}.chat-panel>.section:nth-child(3){overflow:hidden}.file-upload-row{margin:10px 0}.file-list{max-height:150px}}@media (max-width: 560px){.file-upload-row{grid-template-columns:1fr}.file-card{grid-template-columns:38px minmax(0,1fr)}.file-card .btn-link{grid-column:2;justify-self:start}}.admin-shell{background:#eef4fb}.admin-card{padding:32px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.admin-header>div:first-child>p:last-child{margin:7px 0 0;color:var(--muted);font-size:.88rem}.admin-header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:9px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.admin-stats article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 16px #1d3d670a}.admin-stats article div{display:grid;gap:3px}.admin-stats small{color:var(--muted);font-size:.72rem}.admin-stats strong{font-size:1.35rem}.stat-icon{display:grid;flex:0 0 auto;place-items:center;width:39px;height:39px;border-radius:11px;font-size:.72rem;font-weight:850}.stat-messages{color:#7352bf;background:#f0ebff}.stat-files{color:#a45c13;background:#fff2df}.stat-keys{color:#26835a;background:#e8f8ef}.admin-security-note{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--blue-border);border-radius:12px;color:#496682;background:var(--blue-soft);font-size:.8rem}.admin-security-note>span{display:grid;flex:0 0 auto;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:var(--blue);font-weight:800}.admin-security-note p{margin:0}.admin-security-note strong{color:#244b76;margin-right:5px}.admin-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:18px;padding:12px 14px;border-radius:11px;font-size:.8rem}.admin-alert button{padding:0 5px;border:0;background:transparent;box-shadow:none;font-size:1.25rem}.admin-alert-success{color:#276b4c;border:1px solid #bde4ce;background:#effaf4}.admin-alert-error{color:#8e3341;border:1px solid #f0c5cc;background:#fff4f6}.admin-section{margin-top:30px!important}.admin-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.admin-section-heading>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 10px}.admin-section-heading .eyebrow{grid-column:1/-1}.admin-section-heading h2{font-size:1.15rem}.admin-section-heading div>span{color:var(--muted);font-size:.72rem}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px}.admin-table{min-width:760px;border:0;border-radius:0}.admin-table th{padding:11px 12px;background:#f0f5fb}.admin-table td{padding:12px;vertical-align:middle}.admin-user{display:flex;align-items:center;gap:10px}.admin-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--blue-dark);background:var(--blue-tint);font-weight:800}.admin-user div{display:grid;gap:2px}.admin-user small{color:var(--muted);font-size:.68rem}.key-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;font-size:.68rem;font-weight:750}.key-status i{width:6px;height:6px;border-radius:50%}.key-status.active{color:#27734e;background:#eaf8f0}.key-status.active i{background:#2cab70}.key-status.inactive{color:#6c7786;background:#eef1f5}.key-status.inactive i{background:#9aa5b3}.admin-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.admin-row-actions button,.admin-download{padding:7px 9px;color:#35526f;border-color:#d6e1ee;border-radius:8px;background:#fff;box-shadow:none;font-size:.68rem}.admin-row-actions button:hover,.admin-download:hover{color:var(--blue);background:#f2f7fe;box-shadow:none}.admin-row-actions .danger{color:#b33b4c}.admin-row-actions .danger:hover{color:#a22033;border-color:#efcbd0;background:#fff5f6}.envelope-preview{display:block;width:min(360px,32vw);padding:7px 9px;overflow:hidden;color:#617086;background:#f5f7fa;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.admin-empty{height:90px;color:var(--muted);text-align:center}.key-status.locked{color:#a82e42;background:#fff0f2}.key-status.locked i{background:#d64258}.admin-row-actions button:disabled{cursor:not-allowed;opacity:.42}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;color:var(--muted);font-size:.72rem}.admin-pagination>div{display:flex;gap:5px}.admin-pagination button{min-width:31px;height:31px;padding:0 7px;border-radius:8px;box-shadow:none;font-size:.72rem}.admin-pagination button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.admin-modal{width:min(480px,100%);padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 28px 80px #081f4247}.admin-modal-heading{display:flex;align-items:center;gap:13px}.admin-modal-heading .eyebrow{margin-bottom:4px}.admin-modal-symbol{display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:var(--blue);font-weight:850}.admin-modal-warning .admin-modal-symbol{background:#d9831e}.admin-modal-danger .admin-modal-symbol{background:var(--danger)}.admin-modal-content{display:grid;gap:13px;margin-top:20px}.admin-modal-content>p{margin:0;color:var(--muted);font-size:.88rem}.admin-field{display:grid;gap:7px;color:#3e5068;font-size:.78rem;font-weight:700}.admin-modal-warning{display:grid;gap:3px;padding:12px;color:#865313;border:1px solid #eed5ad;border-radius:10px;background:#fff8ed;font-size:.78rem;line-height:1.45}.admin-modal-warning.danger{color:#8f3040;border-color:#efc5cc;background:#fff4f6}.admin-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.btn-danger{color:#fff;border-color:var(--danger);background:linear-gradient(135deg,#d8475d,#b9283e)}@media (max-width:900px){.admin-stats{grid-template-columns:1fr 1fr}.admin-header{align-items:flex-start}.admin-header-actions{max-width:330px}}@media (max-width:620px){.admin-card{padding:20px 16px}.admin-header{display:grid}.admin-header-actions{justify-content:flex-start}.admin-stats{grid-template-columns:1fr}.admin-section-heading{align-items:stretch;flex-direction:column}.admin-section-heading>.btn{width:100%}.admin-modal-actions{flex-direction:column-reverse}.admin-modal-actions .btn{width:100%}}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.unreadable-message{display:flex;align-items:center;gap:10px;min-width:240px;padding:10px;margin:2px -3px 3px;border:1px solid rgba(120,140,169,.25);border-radius:11px;color:#53647c;background:#ffffff9e}.unreadable-message-icon{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:10px;color:#6b7f99;background:#e8eef6}.unreadable-message-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.unreadable-message-copy{display:grid;gap:2px;line-height:1.3}.unreadable-message-copy strong{color:#40536d;font-size:.76rem}.unreadable-message-copy>span{color:#718096;font-size:.66rem;font-weight:500}.container.card:not(.auth-card):not(.admin-card){padding:22px 24px;border-radius:18px}.container.card:not(.auth-card):not(.admin-card)>.topbar{padding-bottom:17px}.container.card:not(.auth-card):not(.admin-card) .brand-lockup{gap:11px}.container.card:not(.auth-card):not(.admin-card) .brand-mark-small{width:38px;height:38px;border-radius:11px;font-size:1rem}.container.card:not(.auth-card):not(.admin-card) .topbar h1{font-size:1.55rem;letter-spacing:-.035em}.container.card:not(.auth-card):not(.admin-card) .brand-lockup p{margin-top:3px;font-size:.76rem}.container.card:not(.auth-card):not(.admin-card) .security-status{padding:7px 10px;font-size:.7rem}.container.card:not(.auth-card):not(.admin-card) .chat-layout{grid-template-columns:270px minmax(0,1fr);gap:16px;margin-top:16px;min-height:620px}.container.card:not(.auth-card):not(.admin-card) .sidebar{padding:15px;border-radius:14px}.container.card:not(.auth-card):not(.admin-card) .profile-card{padding:9px}.container.card:not(.auth-card):not(.admin-card) .profile-avatar{width:34px;height:34px;border-radius:9px}.container.card:not(.auth-card):not(.admin-card) .sidebar-title-row h2{font-size:.9rem;letter-spacing:-.02em}.container.card:not(.auth-card):not(.admin-card) .new-group-button{font-size:.64rem}.container.card:not(.auth-card):not(.admin-card) .list-heading{font-size:.66rem}.container.card:not(.auth-card):not(.admin-card) .contact-open{padding:7px 8px;font-size:.82rem}.container.card:not(.auth-card):not(.admin-card) .avatar{width:29px;height:29px;border-radius:8px;font-size:.7rem}.container.card:not(.auth-card):not(.admin-card) .chat-panel{padding:2px 16px 16px;border-radius:14px}.container.card:not(.auth-card):not(.admin-card) .chat-panel .eyebrow{font-size:.64rem}.container.card:not(.auth-card):not(.admin-card) .chat-panel h2{font-size:1rem;letter-spacing:-.025em}.container.card:not(.auth-card):not(.admin-card) .conversation-title-row h2{font-size:1.05rem}.container.card:not(.auth-card):not(.admin-card) .messages-pane{gap:8px;padding-top:10px}.container.card:not(.auth-card):not(.admin-card) .message-bubble{padding:9px 11px;border-radius:14px 14px 14px 4px;font-size:.8rem}.container.card:not(.auth-card):not(.admin-card) .message-bubble.mine{border-radius:14px 14px 4px}.container.card:not(.auth-card):not(.admin-card) .message-meta{font-size:.65rem}.container.card:not(.auth-card):not(.admin-card) .message-bubble small{font-size:.61rem}.container.card:not(.auth-card):not(.admin-card) input{padding:10px 12px;font-size:.82rem}.container.card:not(.auth-card):not(.admin-card) .btn{padding:9px 12px;font-size:.76rem}.container.card:not(.auth-card):not(.admin-card) .file-picker{padding:9px 11px}.container.card:not(.auth-card):not(.admin-card) .file-picker strong{font-size:.76rem}.container.card:not(.auth-card):not(.admin-card) .file-picker small,.container.card:not(.auth-card):not(.admin-card) .file-details small{font-size:.65rem}.container.card:not(.auth-card):not(.admin-card) .file-card{padding:9px 11px}.container.card:not(.auth-card):not(.admin-card) .file-details strong{font-size:.76rem}@media (max-width:900px){.container.card:not(.auth-card):not(.admin-card) .chat-layout{grid-template-columns:1fr;min-height:0}.container.card:not(.auth-card):not(.admin-card){padding:18px}}.container.card:not(.auth-card):not(.admin-card) .conversation-search input{padding:8px 30px 8px 34px}.container.card:not(.auth-card):not(.admin-card) .conversation-search>svg{left:11px;pointer-events:none}.messages-section-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.message-search{position:relative;display:flex;align-items:center;width:min(260px,45%)}.message-search>svg{position:absolute;left:10px;width:14px;height:14px;fill:none;stroke:#7a8ba2;stroke-width:1.8;stroke-linecap:round;pointer-events:none}.container.card:not(.auth-card):not(.admin-card) .message-search input{min-height:34px;padding:7px 29px 7px 32px;border-radius:9px;background:#f8faff;font-size:.7rem}.message-search>button{position:absolute;right:6px;width:22px;height:22px;padding:0;border:0;border-radius:6px;color:#7a8ba2;background:#eaf0f7;box-shadow:none;font-size:.82rem}.message-search>button:hover{transform:none;color:var(--navy);box-shadow:none}@media (max-width:560px){.messages-section-header{align-items:stretch;flex-direction:column}.message-search{width:100%}}.container.card:not(.auth-card):not(.admin-card){border-radius:15px}.container.card:not(.auth-card):not(.admin-card) .chat-layout{grid-template-columns:310px minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.container.card:not(.auth-card):not(.admin-card) .sidebar{border:0;border-right:1px solid var(--line);border-radius:0;background:#fbfdff}.container.card:not(.auth-card):not(.admin-card) .chat-panel{border:0;border-radius:0;background:#fff}.sidebar-title-row{display:grid;grid-template-columns:1fr;gap:10px}.sidebar-title-row .new-group-button{width:100%;min-height:40px;color:#fff;border:1px solid var(--blue);border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue));box-shadow:0 7px 16px rgba(var(--blue-rgb),.18);font-size:.72rem}.sidebar-title-row .new-group-button:hover{color:#fff;background:linear-gradient(135deg,var(--blue-bright),var(--blue-dark));box-shadow:0 8px 18px rgba(var(--blue-rgb),.24)}.sidebar-title-row h2{font-size:.82rem!important}.contact-list>.list-heading{padding-top:10px;border-top:1px solid var(--line)}.contact-open{border-radius:11px}.contact-item.active .contact-open{border-color:var(--blue-border);background:linear-gradient(135deg,var(--blue-soft),var(--blue-tint));box-shadow:inset 3px 0 0 var(--blue)}.conversation-header-section{margin:0 -16px!important;padding:13px 16px!important;border-top:0!important;border-bottom:1px solid var(--line)}.active-conversation-identity{display:flex;align-items:center;gap:11px}.active-conversation-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--blue);background:linear-gradient(145deg,var(--blue-soft),var(--blue-tint));font-size:.84rem;font-weight:850}.active-conversation-identity h2{font-size:.9rem!important}.active-conversation-status{display:flex;align-items:center;gap:6px;margin:3px 0 0;color:#66778d;font-size:.66rem}.active-conversation-status>span{width:7px;height:7px;border-radius:50%;background:#29a968;box-shadow:0 0 0 3px #29a9681f}.container.card:not(.auth-card):not(.admin-card) .messages-pane{padding:18px 6px}.container.card:not(.auth-card):not(.admin-card) .message-bubble{max-width:min(68%,520px);border-color:#dce5f0;background:#fff;box-shadow:0 3px 10px #19386209}.container.card:not(.auth-card):not(.admin-card) .message-bubble.mine{border-color:var(--blue-border);background:linear-gradient(135deg,var(--blue-soft),var(--blue-tint))}.container.card:not(.auth-card):not(.admin-card) .message-meta{opacity:.75}.messages-section-header{padding-top:2px}.messages-section-header h2{font-size:.86rem!important}.file-card{border-radius:11px;background:#f7faff}.file-type{border-radius:9px}.container.card:not(.auth-card):not(.admin-card) form.row{padding:2px 0}.container.card:not(.auth-card):not(.admin-card) form.row input{border-radius:999px;background:#fbfdff}.container.card:not(.auth-card):not(.admin-card) form.row .btn-primary{border-radius:999px}@media (max-width:900px){.container.card:not(.auth-card):not(.admin-card) .chat-layout{grid-template-columns:1fr}.container.card:not(.auth-card):not(.admin-card) .sidebar{border-right:0;border-bottom:1px solid var(--line)}}.sidebar-header{display:contents}.sidebar>.profile-card,.sidebar-header>.profile-card{order:0}.sidebar>.conversation-search{order:1}.sidebar-title-row{order:2;margin-top:10px}.sidebar>.group-create-box{order:3}.sidebar>.contact-list{order:4}.sidebar>.sidebar-actions{order:5}.sidebar-title-row h2{display:none}.contact-list{gap:5px}.contact-summary{display:grid;min-width:0;gap:2px}.contact-summary small{max-width:165px;overflow:hidden;color:#6d7e95;font-size:.64rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.contact-list>.list-heading-toggle{margin-top:14px;padding:12px 3px 9px}.list-heading-toggle strong{display:flex;align-items:center;gap:7px;color:#17263d;font-size:.75rem;letter-spacing:0;text-transform:none}.heading-symbol{display:inline-grid;place-items:center;width:22px;color:#405978;font-size:.9rem}.group-empty{display:grid;place-items:center;gap:5px;padding:20px 14px}.group-empty>span{color:#49617e;font-size:1.35rem}.group-empty>strong{color:#243850;font-size:.74rem}.group-empty>small{max-width:190px;color:#718199;font-size:.65rem;line-height:1.45}.sidebar-actions{padding-top:14px}.recovery-action{border-color:transparent;background:transparent;box-shadow:none}.recovery-action .sidebar-action-icon{color:#526982;background:#eef3f9;box-shadow:none}.recovery-action .sidebar-action-copy strong{font-size:.7rem}.recovery-action .sidebar-action-copy strong:after{content:" — paramètres du compte";font-weight:500}.recovery-action .sidebar-action-copy small{display:none}.message-line{display:flex;align-items:flex-end;gap:8px}.message-line.mine{justify-content:flex-end}.message-line-avatar{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--blue-dark);background:var(--blue-tint);font-size:.68rem;font-weight:800}.mine-avatar{color:var(--blue);background:var(--blue-tint)}.message-line .message-bubble{margin:0}.file-message-bubble{width:min(68%,440px)}.inline-file-card{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#ffffffdb}.inline-file-type{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;color:#d52e45;background:#ffe8ec;font-size:.7rem;font-weight:850}.inline-file-info{display:grid;min-width:0;gap:2px}.inline-file-info strong{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.inline-file-info small{margin:0!important;font-size:.63rem!important}.inline-file-card button{display:grid;place-items:center;width:32px;height:32px;padding:0;border-color:var(--blue-border);border-radius:8px;color:var(--blue);background:var(--blue-soft);box-shadow:none;font-size:1rem}.inline-file-card button:hover{transform:none;background:var(--blue-tint);box-shadow:none}.chat-composer{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.composer-file-form{display:flex;align-items:center;gap:7px}.composer-attach{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ccdaeb;border-radius:11px;color:var(--blue);background:#fff;cursor:pointer;font-size:1.1rem}.composer-attach input{display:none}.composer-attach.selected{color:#fff;background:var(--blue)}.selected-file-name{max-width:130px;overflow:hidden;color:#53647c;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.composer-file-form .btn{padding:8px;font-size:.65rem}.message-compose-form{flex:1;margin:0!important}.message-compose-form input{flex:1}.message-compose-form .btn-primary{min-width:76px}@media (max-width:650px){.chat-composer{align-items:stretch;flex-direction:column}.composer-file-form,.message-compose-form{width:100%}.file-message-bubble{width:calc(100% - 38px)}}.conversation-header-actions{display:flex;align-items:center;gap:8px}.conversation-header-actions button{display:grid;place-items:center;width:36px;height:36px;padding:0;border-color:#d5e1ef;border-radius:10px;color:#38516f;background:#fff;box-shadow:none}.conversation-header-actions button:hover{transform:none;color:var(--blue);background:var(--blue-soft);box-shadow:none}.conversation-header-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.conversation-header-actions button:last-child svg circle{fill:currentColor;stroke:none}.messages-section-header{justify-content:flex-end;padding:6px 0}.messages-section-header .message-search{width:min(340px,100%)}.conversation-date{display:flex;align-items:center;gap:12px;width:100%;margin:2px 0 12px;color:#718199;font-size:.66rem}.conversation-date:before,.conversation-date:after{content:"";flex:1;height:1px;background:#dce5f0}.conversation-date span{padding:6px 12px;border-radius:999px;background:#f4f7fb;white-space:nowrap}.message-line .message-meta{display:none}.composer-attach svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.message-compose-form{display:flex!important;flex-wrap:nowrap!important}.message-input-wrap{position:relative;display:flex;flex:1;align-items:center}.container.card:not(.auth-card):not(.admin-card) .message-input-wrap input{padding-right:43px}.emoji-button{position:absolute;right:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;color:#536d8e;background:transparent;box-shadow:none;font-size:1.15rem}.emoji-button:hover{transform:none;color:var(--blue);background:var(--blue-soft);box-shadow:none}.container.card:not(.auth-card):not(.admin-card) .composer-send{display:grid;place-items:center;min-width:42px;width:42px;height:42px;padding:0;border-radius:50%}.composer-send svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.file-caption{padding:9px 4px 2px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.76rem;line-height:1.4}.composer-file-form{min-width:39px}.composer-file-form:has(.selected-file-name){max-width:180px;padding-right:4px}.selected-file-name{max-width:125px}.message-stack{display:flex;min-width:0;max-width:min(68%,520px);flex-direction:column;align-items:flex-start}.message-stack.mine{align-items:flex-end}.message-stack .message-bubble{max-width:100%!important}.message-stack .file-message-bubble{width:min(100%,440px)}.message-timestamp{display:block;margin-top:3px;padding:0 4px;color:#7d8ba0;font-size:.58rem;line-height:1.2}.message-stack.mine .message-timestamp{text-align:right}.avatar{position:relative}.avatar.is-online:after{content:"";position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#28aa68;box-shadow:0 0 0 2px #28aa681f}.online-label{color:#238557!important;font-weight:650}.active-conversation-status.offline>span{background:#9aa8ba;box-shadow:0 0 0 3px #9aa8ba21}.message-timestamp{display:flex;align-items:center;gap:4px}.read-receipt{color:#8b98aa;font-size:.68rem;font-weight:800;letter-spacing:-.18em}.read-receipt.read{color:var(--blue)}.delivery-status{display:inline-flex;align-items:center;gap:3px;color:#7d8ba0;font-size:.6rem;font-weight:700;white-space:nowrap}.delivery-status.delivered{color:#536b8a}.delivery-status.read{color:var(--blue)}.delivery-status.failed{color:var(--danger)}.delivery-status.sending>span:first-child{animation:delivery-pulse 1s ease-in-out infinite}.retry-message{margin-left:2px;padding:1px 5px;border-color:#e9a9b2;border-radius:6px;color:var(--danger);background:#fff;font-size:.58rem;line-height:1.35;box-shadow:none}.retry-message:hover{transform:none;background:#fff0f2;box-shadow:none}@keyframes delivery-pulse{50%{opacity:.35}}.inline-file-card{grid-template-columns:42px minmax(0,1fr) repeat(2,32px)}.inline-file-card.expired{opacity:.62}.file-upload-progress{position:absolute;z-index:30;bottom:52px;left:0;display:grid;grid-template-columns:minmax(130px,1fr) auto;align-items:center;gap:5px;width:min(330px,80vw);padding:9px;border:1px solid #cdddef;border-radius:11px;background:#fff;box-shadow:0 10px 30px #122d5029;font-size:.62rem}.file-upload-progress span{grid-column:1/-1;font-weight:750}.file-upload-progress progress{width:100%;accent-color:var(--blue)}.file-upload-progress button{grid-column:1/-1;padding:4px 7px;color:var(--danger);font-size:.62rem}.file-preview-modal{display:flex;width:min(900px,94vw);height:min(760px,88vh);padding:16px;border:1px solid #cfdced;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0e234240;flex-direction:column;gap:12px}.file-preview-modal header{display:flex;align-items:center;justify-content:space-between;gap:15px}.file-preview-modal header button{font-size:1.25rem}.file-preview-modal iframe,.file-preview-modal img{width:100%;min-height:0;border:0;border-radius:10px;object-fit:contain;flex:1;background:#eef3f9}.file-preview-modal>p{margin:0;color:var(--muted);font-size:.7rem;text-align:center}.composer-error{margin:6px 0 0;padding:7px 10px;border:1px solid #f0cbd1;border-radius:8px;color:#a42d40;background:#fff6f7;font-size:.68rem;line-height:1.4}.message-stack{position:relative}.message-actions{position:absolute;z-index:12;bottom:calc(100% - 2px);display:flex;gap:3px;padding:4px;border:1px solid #dce5f0;border-radius:10px;background:#fff;box-shadow:0 8px 22px #122d5029;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease,visibility .1s}.message-actions:after{position:absolute;right:0;bottom:-8px;left:0;height:10px;content:""}.message-stack.mine .message-actions{right:0}.message-stack.theirs .message-actions{left:0}.message-line:hover .message-actions,.message-line:focus-within .message-actions,.message-actions:hover{opacity:1;visibility:visible;pointer-events:auto}.message-actions button{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:29px;padding:0;border:0;border-radius:7px;background:transparent;color:#64748b;box-shadow:none}.message-actions button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.message-actions button:hover{transform:none;color:var(--blue);background:var(--blue-tint);box-shadow:none}.message-actions .delete-message-action:hover{color:var(--danger);background:#fff0f2}.message-edit-form{display:grid;gap:7px;min-width:min(340px,60vw)}.message-edit-form input{padding:8px 10px}.message-edit-actions{display:flex;justify-content:flex-end;gap:6px}.message-edit-actions button{padding:5px 8px;font-size:.65rem}.edited-label{font-style:italic}.message-stack.mine .message-timestamp{justify-content:flex-end}@media (hover:none){.message-actions{position:static;margin-top:3px;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none}}.messages-pane .message-line.grouped-with-previous{margin-top:-7px}.message-line.grouped-with-previous .message-bubble{border-top-left-radius:5px!important}.message-line.grouped-with-next .message-bubble{border-bottom-left-radius:5px!important}.message-line.mine.grouped-with-previous .message-bubble{border-top-right-radius:5px!important;border-top-left-radius:14px!important}.message-line.mine.grouped-with-next .message-bubble{border-bottom-right-radius:5px!important;border-bottom-left-radius:14px!important}.group-avatar-placeholder{visibility:hidden}.group-timestamp-hidden{height:0;margin:0!important;overflow:hidden;visibility:hidden}.mobile-sidebar-toggle,.mobile-sidebar-close,.mobile-sidebar-backdrop{display:none}@media (max-width:900px){body:has(.sidebar.mobile-open){overflow:hidden}.container.card:not(.auth-card):not(.admin-card) .chat-layout{display:block;overflow:visible}.container.card:not(.auth-card):not(.admin-card) .sidebar{position:fixed;z-index:1200;top:0;bottom:0;left:0;width:min(88vw,370px);max-height:100dvh;padding:58px 20px 20px;border:0;border-right:1px solid var(--line);border-radius:0;overflow-y:auto;background:#fbfdff;box-shadow:18px 0 50px #081f4233;transform:translate(-105%);transition:transform .22s ease}.container.card:not(.auth-card):not(.admin-card) .sidebar.mobile-open{transform:translate(0)}.mobile-sidebar-backdrop{position:fixed;z-index:1190;top:0;right:0;bottom:0;left:0;display:block;padding:0;border:0;border-radius:0;background:#0919316b;box-shadow:none}.mobile-sidebar-backdrop:hover{transform:none;box-shadow:none}.mobile-sidebar-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d3e0ef;border-radius:10px;color:#38516f;background:#fff;box-shadow:none}.mobile-sidebar-close svg,.mobile-sidebar-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-sidebar-toggle{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;padding:0;border:1px solid #d3e0ef;border-radius:10px;color:var(--blue);background:var(--blue-soft);box-shadow:none}.mobile-sidebar-toggle:hover,.mobile-sidebar-close:hover{transform:none;color:var(--blue-dark);background:var(--blue-soft);box-shadow:none}.conversation-title-row{align-items:center}.container.card:not(.auth-card):not(.admin-card) .chat-panel{width:100%;padding-right:10px;padding-left:10px}.conversation-header-section{margin-right:-10px!important;margin-left:-10px!important;padding-right:10px!important;padding-left:10px!important}.sidebar .contact-list{max-height:none}.sidebar .sidebar-actions{margin-top:30px}}@media (max-width:650px){html,body,#root{min-height:100%;background:#fff}.app-shell{min-height:100dvh;padding:0}.container.card:not(.auth-card):not(.admin-card){width:100%;min-height:100dvh;margin:0;padding:0 12px;border:0;border-radius:0;box-shadow:none}.container.card:not(.auth-card):not(.admin-card)>.topbar{min-height:82px;padding:12px 2px;border-bottom:1px solid var(--line)}.container.card:not(.auth-card):not(.admin-card) .brand-lockup{gap:10px}.container.card:not(.auth-card):not(.admin-card) .brand-mark-small{width:42px;height:42px;border-radius:12px}.container.card:not(.auth-card):not(.admin-card) .topbar h1{font-size:1.25rem}.container.card:not(.auth-card):not(.admin-card) .brand-lockup p{display:none}.container.card:not(.auth-card):not(.admin-card) .security-status{padding:6px 8px;font-size:.62rem}.container.card:not(.auth-card):not(.admin-card) .chat-layout{min-height:calc(100dvh - 83px);margin-top:0;border:0;border-radius:0}.container.card:not(.auth-card):not(.admin-card) .sidebar{width:min(82vw,330px);padding:54px 14px 16px}.mobile-sidebar-close{top:10px;right:10px}.sidebar .profile-card{padding:8px}.sidebar .contact-list{padding-bottom:8px}.sidebar .sidebar-actions{margin-top:20px}.container.card:not(.auth-card):not(.admin-card) .chat-panel{display:flex;min-height:calc(100dvh - 83px);padding:0!important;flex-direction:column}.conversation-header-section{flex:0 0 auto;margin:0!important;padding:11px 2px!important}.conversation-title-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.active-conversation-identity{gap:8px}.active-conversation-avatar{width:36px;height:36px}.active-conversation-identity h2{font-size:.88rem!important}.conversation-header-actions{gap:5px}.conversation-header-actions button{width:35px;height:35px}.admin-preview-summary{display:none}.chat-panel>.section:last-child{display:flex;min-height:0;padding:0!important;flex:1;flex-direction:column}.container.card:not(.auth-card):not(.admin-card) .messages-pane{min-height:0;height:auto;max-height:none;padding:14px 4px;flex:1}.message-line{gap:6px;outline:none}.message-line-avatar{width:27px;height:27px}.message-stack{max-width:82%}.container.card:not(.auth-card):not(.admin-card) .message-bubble,.container.card:not(.auth-card):not(.admin-card) .message-bubble.mine{max-width:100%;padding:8px 10px}.message-timestamp{font-size:.55rem}.message-actions{position:absolute;bottom:calc(100% - 1px);margin:0;box-shadow:0 8px 22px #122d5029}.message-line:not(:focus-within) .message-actions{opacity:0;visibility:hidden;pointer-events:none}.message-line:focus-within .message-actions{opacity:1;visibility:visible;pointer-events:auto}.chat-composer{position:sticky;z-index:20;bottom:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:7px;padding:9px 2px calc(9px + env(safe-area-inset-bottom));background:#fff}.composer-file-form{width:40px}.composer-attach{width:40px;height:40px}.selected-file-name{display:none}.message-compose-form{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;gap:7px}.message-input-wrap{min-width:0}.container.card:not(.auth-card):not(.admin-card) .message-input-wrap input{width:100%;min-height:42px;padding:9px 38px 9px 13px}.container.card:not(.auth-card):not(.admin-card) .composer-send{width:42px!important;min-width:42px!important;height:42px;padding:0!important}.conversation-date{margin:2px 0 8px}.file-message-bubble{width:100%}.inline-file-card{grid-template-columns:36px minmax(0,1fr) 30px}.inline-file-type{width:36px;height:36px}.forward-modal{max-height:calc(100dvh - 20px)}}@media (max-width:650px){html,body,#root{height:100%;min-height:0;overflow:hidden;background:#fff}.app-shell{height:100dvh;min-height:0;overflow:hidden;padding:0}.container.card:not(.auth-card):not(.admin-card){width:100%;height:100dvh;min-height:0;margin:0;padding:0 12px;overflow:hidden;border:0;border-radius:0;box-shadow:none}.container.card:not(.auth-card):not(.admin-card)>.topbar{height:82px;min-height:82px;padding:12px 2px;border-bottom:1px solid var(--line)}.container.card:not(.auth-card):not(.admin-card) .brand-lockup{gap:10px}.container.card:not(.auth-card):not(.admin-card) .brand-mark-small{width:42px;height:42px;border-radius:12px}.container.card:not(.auth-card):not(.admin-card) .topbar h1{font-size:1.25rem}.container.card:not(.auth-card):not(.admin-card) .brand-lockup p{display:none}.container.card:not(.auth-card):not(.admin-card) .security-status{padding:6px 8px;font-size:.62rem}.container.card:not(.auth-card):not(.admin-card) .chat-layout{height:calc(100dvh - 82px);min-height:0;margin-top:0;overflow:hidden;border:0;border-radius:0}.container.card:not(.auth-card):not(.admin-card) .sidebar{width:min(82vw,330px);padding:54px 14px 16px}.mobile-sidebar-close{top:10px;right:10px}.sidebar .profile-card{padding:8px}.sidebar .contact-list{padding-bottom:8px}.sidebar .sidebar-actions{margin-top:20px}.container.card:not(.auth-card):not(.admin-card) .chat-panel{display:flex;width:100%;height:100%;min-height:0;overflow:hidden;padding:0!important;flex-direction:column}.conversation-header-section{flex:0 0 auto;margin:0!important;padding:11px 2px!important}.conversation-title-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.active-conversation-identity{gap:8px}.active-conversation-avatar{width:36px;height:36px}.active-conversation-identity h2{font-size:.88rem!important}.conversation-header-actions{gap:5px}.conversation-header-actions button{width:35px;height:35px}.admin-preview-summary{display:none}.chat-panel>.section:last-child{display:flex;min-height:0;overflow:hidden;padding:0!important;flex:1;flex-direction:column}.container.card:not(.auth-card):not(.admin-card) .messages-pane{min-height:0;height:0;max-height:none;overflow-y:auto;padding:14px 4px;flex:1 1 auto}.message-line{gap:6px;outline:none}.message-line-avatar{width:27px;height:27px}.message-stack{max-width:82%}.container.card:not(.auth-card):not(.admin-card) .message-bubble,.container.card:not(.auth-card):not(.admin-card) .message-bubble.mine{max-width:100%;padding:8px 10px}.message-timestamp{font-size:.55rem}.message-actions{position:absolute;bottom:calc(100% - 1px);margin:0;box-shadow:0 8px 22px #122d5029}.message-line:not(:focus-within) .message-actions{opacity:0;visibility:hidden;pointer-events:none}.message-line:focus-within .message-actions{opacity:1;visibility:visible;pointer-events:auto}.chat-composer{position:relative;z-index:20;bottom:auto;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:7px;padding:9px 2px calc(9px + env(safe-area-inset-bottom));flex:0 0 auto;background:#fff}.composer-file-form{width:40px}.composer-attach{width:40px;height:40px}.selected-file-name{display:none}.message-compose-form{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;gap:7px}.message-input-wrap{min-width:0}.container.card:not(.auth-card):not(.admin-card) .message-input-wrap input{width:100%;min-height:42px;padding:9px 38px 9px 13px}.container.card:not(.auth-card):not(.admin-card) .composer-send{width:42px!important;min-width:42px!important;height:42px;padding:0!important}.conversation-date{margin:2px 0 8px}.file-message-bubble{width:100%}.inline-file-card{grid-template-columns:36px minmax(0,1fr) 30px}.inline-file-type{width:36px;height:36px}.forward-modal{max-height:calc(100dvh - 20px)}}.message-actions .forward-message-action{color:var(--blue)}.emoji-button.active{color:var(--blue);background:var(--blue-soft)}.emoji-picker{position:absolute;z-index:80;right:0;bottom:calc(100% + 9px);width:250px;padding:10px;border:1px solid #d5e1ef;border-radius:13px;background:#fff;box-shadow:0 14px 38px #0f2a4e33}.emoji-picker:after{position:absolute;right:14px;bottom:-6px;width:11px;height:11px;border-right:1px solid #d5e1ef;border-bottom:1px solid #d5e1ef;background:#fff;content:"";transform:rotate(45deg)}.emoji-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:0 2px 6px;border-bottom:1px solid #edf1f6}.emoji-picker-heading strong{color:#455b76;font-size:.68rem}.emoji-picker-heading button{width:24px;height:24px;padding:0;border:0;border-radius:6px;color:#64748b;background:#eef3f8;box-shadow:none}.emoji-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.emoji-picker-grid button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;font-size:1.15rem}.emoji-picker-grid button:hover{transform:none;background:var(--blue-soft);box-shadow:none}@media (max-width:560px){.emoji-picker{position:fixed;right:12px;bottom:76px;left:12px;width:auto}.emoji-picker-grid{grid-template-columns:repeat(8,1fr)}.emoji-picker-grid button{width:100%}.emoji-picker:after{display:none}}.reply-quote{display:grid;gap:2px;margin:-2px -2px 7px;padding:7px 9px;border-left:3px solid var(--blue-bright);border-radius:6px;color:#526882;background:#e2efffb8;font-size:.65rem}.reply-quote strong{color:var(--blue)}.reply-quote span{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-reply-preview{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px;margin:7px 0 0;padding:8px 10px;border-left:3px solid var(--blue);border-radius:8px;background:var(--blue-soft)}.reply-preview-icon{color:var(--blue);font-size:1rem}.composer-reply-preview>div{display:grid;min-width:0;gap:2px}.composer-reply-preview strong{color:#285788;font-size:.68rem}.composer-reply-preview small{overflow:hidden;color:#65768d;font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.composer-reply-preview>button{width:27px;height:27px;padding:0;border:0;border-radius:7px;color:#64748b;background:#e2ebf7;box-shadow:none}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.message-reactions button{padding:3px 7px;border:1px solid #d6e2f0;border-radius:999px;color:#415875;background:#fff;box-shadow:none;font-size:.67rem}.message-reactions button.mine{border-color:var(--blue-focus);background:var(--blue-soft)}.message-reactions button:hover{transform:none;box-shadow:none}.message-reactions span{font-size:.58rem;font-weight:750}.quick-reactions{display:flex;align-items:center;gap:1px;padding-right:3px;border-right:1px solid #e2e8f0}.message-actions .quick-reactions button{width:27px;font-size:.8rem}.message-actions .quick-reactions button:hover{background:var(--blue-soft)}.ephemeral-selector{display:flex;align-items:center;gap:5px;height:39px;padding:0 8px;border:1px solid #ccdaeb;border-radius:11px;color:#63758d;background:#fff}.ephemeral-selector.active{color:var(--blue);border-color:var(--blue-focus);background:var(--blue-soft)}.ephemeral-selector select{width:82px;padding:0;border:0;outline:0;color:inherit;background:transparent;font-size:.64rem;font-weight:700}.ephemeral-badge{color:#a06316;font-weight:650;white-space:nowrap}@media (max-width:650px){.chat-composer{grid-template-columns:auto 40px minmax(0,1fr)!important}.ephemeral-selector{height:40px;padding:0 7px}.ephemeral-selector select{width:22px;max-width:22px;color:transparent}.ephemeral-selector select option{color:#263b56}.ephemeral-selector span{color:var(--blue)}}.forward-modal{width:min(470px,100%);max-height:calc(100vh - 40px);padding:24px;border:1px solid #d3e0f0;border-radius:18px;background:#fff;box-shadow:0 28px 80px #081f4242;animation:modal-slide-in .18s ease-out}.forward-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.forward-modal-header .eyebrow{margin-bottom:4px}.forward-preview{display:grid;gap:3px;margin:16px 0 10px;padding:12px 14px;border:1px solid #d8e5f5;border-radius:11px;color:#294b77;background:var(--blue-soft);font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}.forward-preview span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.forward-preview small{color:var(--muted);font-size:.66rem}.forward-instruction{margin:13px 0 8px;color:#52647b;font-size:.72rem;font-weight:700}.forward-recipient-list{display:grid;gap:6px;max-height:260px;overflow-y:auto}.forward-recipient-list>button{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;padding:8px 10px;border-color:#dce5f0;border-radius:10px;color:#263b56;background:#fff;box-shadow:none;text-align:left}.forward-recipient-list>button:hover{transform:none;border-color:var(--blue-border);background:#f7faff;box-shadow:none}.forward-recipient-list>button.selected{color:var(--blue);border-color:var(--blue-focus);background:var(--blue-soft)}.forward-recipient-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--blue);background:var(--blue-tint);font-size:.72rem;font-weight:800}.forward-recipient-check{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:var(--blue);background:var(--blue-soft);font-weight:800}.forward-recipient-list>button.selected .forward-recipient-check{color:#fff;background:var(--blue)}@media (max-width:560px){.forward-modal{padding:19px 16px}.forward-recipient-list{max-height:220px}}.identity-change-warning{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;padding:10px 12px;border:1px solid #f1c08a;border-radius:11px;color:#784510;background:#fff8ed}.identity-warning-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;background:#d77b17;font-weight:850}.identity-change-warning>div{display:grid;gap:2px}.identity-change-warning strong{font-size:.73rem}.identity-change-warning small{font-size:.64rem;line-height:1.4}.identity-change-warning button{padding:7px 10px;border-color:#e8b477;border-radius:8px;color:#874d0c;background:#fff;box-shadow:none;font-size:.66rem}.identity-change-warning button:hover{transform:none;background:#fff1dd;box-shadow:none}.identity-modal{width:min(520px,100%);padding:24px;border:1px solid #d3e0f0;border-radius:18px;background:#fff;box-shadow:0 28px 80px #081f4247;animation:modal-slide-in .18s ease-out}.identity-loading,.identity-error{margin-top:18px;padding:18px;border-radius:11px;color:var(--muted);background:#f5f8fc;text-align:center;font-size:.8rem}.identity-error{color:#9f3041;border:1px solid #efc8ce;background:#fff5f6}.identity-contact{display:flex;align-items:center;gap:11px;margin-top:18px}.identity-contact>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--blue);background:var(--blue-tint);font-weight:850}.identity-contact>div{display:grid;gap:3px}.identity-contact strong{font-size:.88rem}.identity-contact small{color:var(--muted);font-size:.7rem}.identity-danger{display:grid;gap:4px;margin-top:15px;padding:12px 14px;border:1px solid #efbdc5;border-radius:11px;color:#8d2f3e;background:#fff2f4;font-size:.72rem;line-height:1.45}.safety-number-box{display:grid;gap:8px;margin-top:16px;padding:14px;border:1px solid var(--blue-border);border-radius:12px;background:var(--blue-soft)}.safety-number-box>span{color:#527095;font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.safety-number-box code{color:#173a68;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.93rem;font-weight:750;line-height:1.75;letter-spacing:.04em;word-spacing:.35em;overflow-wrap:anywhere}.identity-explanation{margin:12px 2px;color:#607188;font-size:.71rem;line-height:1.5}.identity-verification-state{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;color:#65758b;background:#f1f4f8;font-size:.7rem}.identity-verification-state>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#8796aa;font-weight:850}.identity-verification-state.verified{color:#24734d;background:#eaf8f0}.identity-verification-state.verified>span{background:#2ca76a}@media (max-width:560px){.identity-modal{padding:19px 16px}.identity-change-warning{grid-template-columns:26px minmax(0,1fr)}.identity-change-warning button{grid-column:2;justify-self:start}.safety-number-box code{font-size:.8rem;line-height:1.8}}.security-log-section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.security-event-list{display:grid;gap:7px;max-height:280px;margin-top:11px;overflow-y:auto}.security-event-list article{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;padding:10px;border:1px solid #dce5f0;border-radius:10px;background:#fff}.security-event-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--blue);background:var(--blue-tint);font-size:.9rem;font-weight:850}.security-event-list article>div{display:grid;gap:2px}.security-event-list strong{font-size:.7rem}.security-event-list span:not(.security-event-icon){color:#435873;font-size:.65rem}.security-event-list small{color:var(--muted);font-size:.59rem}.security-event-list article.success .security-event-icon{color:#187348;background:#e3f7ec}.security-event-list article.warning .security-event-icon{color:#95610d;background:#fff3d7}.security-event-list article.danger{border-color:#efc4cb;background:#fff8f9}.security-event-list article.danger .security-event-icon{color:#b42e42;background:#ffe5e9}.auth-shell{position:relative;height:100dvh;min-height:0;overflow:hidden;background-color:#0b2f7a;background-image:url(/assets/login-bg-JRk48zmk.png);background-size:cover;background-position:center;background-repeat:no-repeat}.auth-shell>.auth-card{position:relative;z-index:1}html:has(.auth-shell),body:has(.auth-shell){height:100%;overflow:hidden}.app-shell.auth-shell{height:100dvh;min-height:0;overflow:hidden;align-items:center}.app-shell.auth-shell .auth-card{max-height:calc(100dvh - 56px);overflow-y:auto;scrollbar-width:thin}.auth-shell .auth-card{position:relative;overflow:hidden;background:#fff;border:1px solid #ffffff;box-shadow:0 30px 90px #04123273,inset 0 1px #ffffffb3}.auth-shell:after{content:"";position:absolute;z-index:0;top:50%;left:50%;width:min(660px,90vw);height:min(660px,90vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#1a66ff61,#1a66ff00 68%);filter:blur(50px);pointer-events:none}.auth-heading h2{position:relative;display:inline-block;padding-bottom:9px}.auth-heading h2:after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--blue-bright),var(--blue-dark))}.auth-form{gap:12px}.auth-form>label{margin-top:2px}.auth-field{position:relative;display:flex;align-items:center}.auth-field-icon{position:absolute;left:13px;display:grid;place-items:center;color:#7f90b3;pointer-events:none}.auth-field-icon svg{width:17px;height:17px}.auth-field input{padding-left:42px}.auth-field.has-toggle input{padding-right:44px}.auth-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(var(--blue-rgb),.16)}.auth-field:focus-within .auth-field-icon{color:var(--blue)}.auth-field-toggle{position:absolute;right:6px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;color:#7f90b3;background:transparent;box-shadow:none}.auth-field-toggle:hover{color:var(--blue);background:var(--blue-soft);transform:none;box-shadow:none}.auth-field-toggle svg{width:18px;height:18px}.a-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-submit svg,.passkey-login svg{width:18px;height:18px}.auth-shell .auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin-top:4px;border-radius:12px;color:#fff;border:1px solid var(--blue);background:linear-gradient(135deg,var(--blue-bright),var(--blue-dark));box-shadow:0 10px 24px rgba(var(--blue-rgb),.35);font-size:.95rem}.auth-shell .auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px rgba(var(--blue-rgb),.42)}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-shell .passkey-login{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px}.auth-shell .auth-card{padding:clamp(18px,3.2vw,26px)}.auth-shell .auth-brand{padding-bottom:14px}.auth-shell .auth-brand .brand-logo{width:170px}.auth-shell .auth-brand h1{margin:6px 0 10px}.auth-shell .auth-intro{margin-top:8px;font-size:.9rem}.auth-shell .auth-heading{margin:14px 0 10px}.auth-shell .auth-heading h2{padding-bottom:7px}.auth-shell .auth-form{gap:10px}.auth-shell .auth-form>label{margin-top:8px}.auth-shell .auth-form input{min-height:42px;padding-top:8px;padding-bottom:8px}.auth-shell .auth-field input{padding-left:40px}.auth-shell .auth-field-icon{left:12px}.auth-shell .auth-submit{min-height:44px;margin-top:2px}.auth-shell .auth-divider{margin:4px 0}.auth-shell .passkey-login{min-height:42px}.auth-shell .recovery-details{margin:2px 0;padding:8px 10px}.auth-shell .auth-footer{margin-top:14px;padding-top:11px}.messages-region{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}.messages-region>.file-upload-progress{top:50%;left:50%;bottom:auto;width:min(360px,calc(100% - 32px));padding:16px;gap:10px;transform:translate(-50%,-50%);font-size:.75rem}.messages-region>.file-upload-progress>span{text-align:center}.messages-region>.file-upload-progress>button{font-size:.72rem}.file-preview-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.file-preview-media{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#f3f7fc}.file-preview-pdf{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px}.file-preview-frame{flex:1;width:100%;min-height:0;border:0;border-radius:10px;background:#fff}.file-preview-text{flex:1;min-height:0;margin:0;padding:14px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);border-radius:10px;background:#f8fafc;color:#1f2a3a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;line-height:1.5}.file-preview-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:10px}.file-preview-table{width:100%;border-collapse:collapse;font-size:.74rem}.file-preview-table th{position:sticky;top:0;background:#edf2fa;color:#33465f;text-align:left;font-weight:700}.file-preview-table th,.file-preview-table td{padding:7px 10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap}.file-preview-fallback{flex:1;display:grid;place-content:center;justify-items:center;gap:12px;padding:30px;text-align:center}.file-preview-other-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;color:var(--blue-dark);background:var(--blue-soft);font-size:.95rem;font-weight:800}.file-preview-fallback strong{color:var(--navy);font-size:.9rem}.file-preview-fallback p{max-width:380px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.file-preview-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.file-preview-action{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--navy);background:#fff;box-shadow:none;text-decoration:none;cursor:pointer;font-size:1.1rem;line-height:1;transition:.16s}.file-preview-action:hover{color:var(--blue);border-color:var(--blue-border);background:var(--blue-soft);transform:none;box-shadow:none}.file-preview-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.modal-backdrop:has(.file-preview-modal.expanded){padding:0}.file-preview-modal.expanded{width:100vw;height:100vh;max-width:none;border-radius:0;border:0;padding:18px}.container.card:not(.auth-card):not(.admin-card){width:min(1680px,100%)}.admin-card{width:min(1800px,100%)}@media (min-width: 1500px){.app-shell{padding:clamp(20px,2vw,38px)}.container.card:not(.auth-card):not(.admin-card)>.topbar h1{font-size:2.5rem}}img,iframe,video,canvas{max-width:100%}@media (min-width: 901px){.container.card:not(.auth-card):not(.admin-card) .chat-layout{grid-template-columns:clamp(244px,19vw,340px) minmax(0,1fr);min-height:max(560px,calc(100dvh - 190px))}.container.card:not(.auth-card):not(.admin-card) .sidebar{min-height:0}.container.card:not(.auth-card):not(.admin-card) .contact-list{max-height:none;flex:1 1 auto}.container.card:not(.auth-card):not(.admin-card) .chat-panel{display:flex;min-height:0;flex-direction:column}.container.card:not(.auth-card):not(.admin-card) .chat-panel>.section:last-child{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.container.card:not(.auth-card):not(.admin-card) .messages-pane{flex:1 1 auto;min-height:220px;max-height:none}.container.card:not(.auth-card):not(.admin-card) .chat-composer{flex:0 0 auto}}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payroll-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.payroll-form h2,.payroll-form label:nth-of-type(3){grid-column:1 / -1}.external-share-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.payroll-dashboard{width:min(1180px,100%);min-height:auto}.admin-header,.payroll-header,.external-share-header,.payroll-row{flex-wrap:wrap}.external-share-shell{display:flex;width:100%;max-width:min(1060px,100%);align-items:center;justify-content:center;margin:0 auto}.external-share-card{width:min(820px,100%);margin:0}.external-share-files li{grid-template-columns:42px minmax(0,1fr) auto auto}@media (max-width: 720px){.external-share-files li{grid-template-columns:42px minmax(0,1fr)}.external-share-files li .btn{width:100%}.admin-stats,.payroll-form,.external-share-form{grid-template-columns:minmax(0,1fr)}}@media (min-width: 1800px){.container.card:not(.auth-card):not(.admin-card) .chat-layout{grid-template-columns:340px minmax(0,1fr)}}:root{--blue: #0057fb;--blue-rgb: 0, 87, 251;--blue-bright: #1a66ff;--blue-dark: #0045ce;--blue-soft: #f0f4ff;--blue-tint: #e3ebff;--blue-border: #c4d4ff;--blue-focus: #87a9ff;--brand-navy: #010d46;--navy: #0f172a;--muted: #64748b;--line: #e6e9f1;--soft: #f7f8fc;--danger: #dc2626;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px rgba(15, 23, 42, .06);--shadow-pop: 0 18px 50px rgba(30, 58, 138, .18)}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:radial-gradient(circle at 100% 0%,rgba(var(--blue-rgb),.12),transparent 40%),radial-gradient(circle at 0% 100%,rgba(var(--blue-rgb),.08),transparent 45%),linear-gradient(180deg,#fbfcff,#f4f7fb)}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffeb;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-mark{border-radius:16px;background:linear-gradient(140deg,var(--blue-bright),var(--blue));box-shadow:0 12px 26px rgba(var(--blue-rgb),.28)}.security-status{border-color:#d1fae5;background:#ecfdf5;color:#047857}.eyebrow{color:var(--blue)}.btn,button{border-radius:var(--radius-sm);border-color:var(--line);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease,color .16s ease}.btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--blue-bright),var(--blue));box-shadow:0 8px 20px rgba(var(--blue-rgb),.24)}.btn-primary:hover{background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 12px 26px rgba(var(--blue-rgb),.32)}.btn-secondary{background:#fff;border-color:var(--line)}.btn-secondary:hover{background:var(--blue-soft);border-color:var(--blue-border)}input,select,textarea{border-radius:var(--radius-sm);border-color:var(--line);background:#fcfcfe}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue-focus);background:#fff;box-shadow:0 0 0 4px rgba(var(--blue-rgb),.14)}:focus-visible{outline:2px solid rgba(var(--blue-rgb),.55);outline-offset:2px}.sidebar{border-color:var(--line);border-radius:20px;background:#fbfcff}.profile-avatar,.sidebar-action-icon,.settings-option-icon{background:linear-gradient(145deg,var(--blue-bright),var(--blue))}.settings-option-icon{color:#fff}.avatar{border-radius:11px;color:var(--blue-dark);background:var(--blue-tint)}.contact-open:hover{background:var(--blue-soft)}.contact-item.active .contact-open{border-color:var(--blue-border);background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}.list-heading>span,.unread-badge{background:var(--blue)}.chat-panel{border-color:var(--line);border-radius:20px;background:#fff}.messages-pane{scroll-behavior:smooth}.message-bubble{border-color:var(--line);border-radius:18px 18px 18px 6px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.message-bubble.mine{color:var(--brand-navy);border-color:var(--blue-border);border-radius:18px 18px 6px;background:linear-gradient(135deg,var(--blue-soft),var(--blue-tint));box-shadow:0 6px 18px rgba(var(--blue-rgb),.12)}.message-meta{color:#64748b}.message-bubble small{color:#94a3b8}.inline-file-card{border-radius:14px;background:#ffffffe6}.inline-file-card button{border-color:#dbe7f8;background:var(--blue-soft)}.inline-file-card button:hover{background:var(--blue-tint)}.tag{color:var(--blue-dark);border-color:var(--blue-border);background:var(--blue-soft)}.tag-active{color:#fff;border-color:var(--blue);background:var(--blue)}.table{border-color:var(--line);border-radius:16px}.table th{background:#f7f8fc}.table tbody tr:hover{background:#fafbff}code{border-color:var(--line);border-radius:10px;background:#f7f8fc}.admin-stats article{border-color:var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.stat-users{color:var(--blue);background:var(--blue-soft)}.stat-messages{color:var(--blue);background:#f0f9ff}.stat-files{color:#c2410c;background:#fff7ed}.stat-keys{color:#047857;background:#ecfdf5}.payroll-form,.external-share-linkbox,.external-share-note{border-color:var(--line);border-radius:18px;background:#fafcff}.payroll-delivery-state{color:#047857;background:#ecfdf5}.external-share-countdown{border-color:var(--blue-border);background:var(--blue-soft);color:var(--blue-dark);border-radius:16px}.external-share-countdown.expired{border-color:#fecdd3;background:#fff1f2;color:#be123c}.external-share-row{border-color:var(--line);border-radius:16px;transition:box-shadow .16s ease,border-color .16s ease}.external-share-row:hover{border-color:var(--blue-border);box-shadow:var(--shadow-soft)}.container.card:not(.auth-card):not(.admin-card) .sidebar{min-height:0;overflow:hidden}.sidebar .sidebar-header{display:grid;flex:0 0 auto;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.container.card:not(.auth-card):not(.admin-card) .sidebar .profile-card{grid-template-columns:34px minmax(0,1fr) 32px;padding:0;border:0;border-radius:0;background:transparent}.sidebar .profile-avatar{position:relative}.sidebar .profile-avatar .online-dot{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #fbfdff;box-shadow:none}.sidebar .conversation-search{margin:0}.sidebar .conversation-search input{min-height:40px;font-size:.78rem}.sidebar-icon{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-refresh,.sidebar-logout{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;color:var(--muted);background:transparent;box-shadow:none}.sidebar-refresh:hover,.sidebar-logout:hover{transform:none;background:var(--blue-soft);box-shadow:none}.sidebar .contact-list{display:flex;flex:1 1 0;min-height:0;max-height:none;gap:12px;margin:0;padding:10px 3px 10px 0;overflow-y:auto}.sidebar-conversation-section{flex:0 0 auto;min-width:0}.sidebar-section-items{display:grid;gap:4px}.sidebar-section-items[hidden]{display:none}.sidebar .list-heading-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;margin:0 0 6px;padding:4px 8px;border:0;border-radius:8px;color:var(--muted);background:transparent;box-shadow:none;font-size:.72rem;letter-spacing:0;text-align:left;text-transform:none}.sidebar .list-heading-toggle:hover{transform:none;color:var(--blue-dark);background:var(--blue-soft);box-shadow:none}.sidebar .list-heading-toggle strong{display:flex;align-items:center;gap:8px}.sidebar .list-heading-toggle>span{min-width:20px;height:20px;margin-left:auto;padding:0 5px;border:0;color:var(--muted);background:#edf1f7;font-size:.62rem}.sidebar .list-heading-toggle i{width:16px;height:16px}.sidebar .list-heading-toggle i .sidebar-icon{width:14px;height:14px}.sidebar-group-heading{display:flex;align-items:center;gap:4px;margin-bottom:6px}.sidebar-group-heading .list-heading-toggle{flex:1;width:auto;margin:0}.sidebar .new-group-button{display:flex;align-items:center;justify-content:center;gap:3px;min-height:32px;padding:5px 8px;border:0;border-radius:8px;color:var(--blue-dark);background:var(--blue-soft);box-shadow:none;font-size:.68rem}.sidebar .new-group-button .sidebar-icon{width:14px;height:14px}.sidebar .new-group-button:hover{transform:none;background:var(--blue-tint);box-shadow:none}.sidebar .group-create-box{margin:8px 0 12px}.sidebar .contact-summary{min-width:0}.container.card:not(.auth-card):not(.admin-card) .sidebar .contact-open{min-height:48px;padding:6px 8px}.sidebar .contact-name{display:block;white-space:nowrap}.sidebar .group-avatar{color:var(--brand-navy);background:var(--blue-tint)}.sidebar .sidebar-actions{display:flex;flex:0 0 auto;flex-direction:column;max-height:45%;gap:8px;margin:0;padding-top:12px;overflow-y:auto;border-top:1px solid var(--line);scrollbar-width:thin}.sidebar .sidebar-tools{display:flex;flex:0 0 auto;flex-direction:column;gap:2px;padding:0;border:0}.sidebar-section-label{margin:0 8px 5px;color:var(--muted);font-size:.6rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.sidebar-tool{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:38px;padding:8px;border:0;border-radius:8px;color:#44536a;background:transparent;box-shadow:none;text-align:left;font-size:.75rem}.sidebar-tool>span{flex:1}.sidebar-tool>.sidebar-icon:first-child{color:#7c8da7}.sidebar-tool>.sidebar-icon:last-child{width:13px;height:13px;color:#9ba9bd}.sidebar-tool:hover{transform:none;color:var(--blue-dark);background:var(--blue-soft);box-shadow:none}.sidebar-account-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.sidebar .account-settings-trigger{flex:1}.sidebar-logout{color:#b45363}.sidebar-logout:hover{color:var(--danger);background:#fff1f2}@media (min-width: 901px){.container.card:not(.auth-card):not(.admin-card) .chat-layout{min-height:0}}@media (max-width: 900px){.container.card:not(.auth-card):not(.admin-card){-webkit-backdrop-filter:none;backdrop-filter:none}.container.card:not(.auth-card):not(.admin-card) .sidebar{height:100dvh}.sidebar .new-group-button{min-height:40px}.sidebar-tool{min-height:44px}.sidebar-refresh,.sidebar-logout{width:40px;height:40px}.container.card:not(.auth-card):not(.admin-card) .sidebar .profile-card{grid-template-columns:34px minmax(0,1fr) 40px}}@media (max-width: 900px) and (max-height: 500px){.sidebar .sidebar-header{gap:8px;padding-bottom:8px}.sidebar .conversation-search input{min-height:34px}}.confirmation-modal,.group-manage-modal,.account-settings-modal,.file-preview-modal{border-radius:22px;box-shadow:var(--shadow-pop)}.app-shell.auth-shell{color-scheme:light;--navy: #0f172a;--muted: #52627a;--line: #d3ddec;--soft: #f7f8fc;--blue-soft: #f0f4ff;--blue-tint: #e3ebff;--blue-border: #c4d4ff;--blue-focus: #87a9ff;--brand-navy: #010d46;color:var(--navy)}[data-theme=dark]{color-scheme:dark;--dark-canvas: #182232;--dark-canvas-end: #1c293b;--dark-surface: #222f42;--dark-sidebar: #1d293b;--dark-control: #1b2739;--dark-inset: #243247;--dark-raised: #2a3b56;--dark-hover: #304565;--dark-border: #40516b;--navy: #e8eefc;--muted: #b6c4da;--line: var(--dark-border);--soft: var(--dark-inset);--blue-soft: var(--dark-raised);--blue-tint: var(--dark-raised);--blue-border: #57739d;--blue-focus: #3f74e0;--brand-navy: #cfd8ea;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .18), 0 12px 32px rgba(0, 0, 0, .22);--shadow-pop: 0 18px 50px rgba(0, 0, 0, .32)}html[data-theme=dark],[data-theme=dark] body,[data-theme=dark] #root{background:var(--dark-canvas)}[data-theme=dark] body{background:radial-gradient(circle at 100% 0%,rgba(var(--blue-rgb),.12),transparent 42%),radial-gradient(circle at 0% 100%,rgba(var(--blue-rgb),.08),transparent 45%),linear-gradient(180deg,var(--dark-canvas),var(--dark-canvas-end));color:var(--navy)}[data-theme=dark] .app-shell:not(.auth-shell){color:var(--navy)}[data-theme=dark] .app-shell:not(.auth-shell) .card,[data-theme=dark] .app-shell:not(.auth-shell) .container.card,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-panel,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-stat,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-back{background:var(--dark-surface)!important;border-color:var(--line)!important}[data-theme=dark] .app-shell:not(.auth-shell) .container.card,[data-theme=dark] .app-shell:not(.auth-shell) .card{box-shadow:0 24px 70px #00000038!important}[data-theme=dark] .app-shell:not(.auth-shell) .sidebar{background:var(--dark-sidebar)!important;border-color:var(--line)!important}[data-theme=dark] .app-shell:not(.auth-shell) .chat-panel{background:transparent!important}[data-theme=dark] .app-shell:not(.auth-shell) .topbar{border-color:var(--line)!important}[data-theme=dark] .app-shell:not(.auth-shell) .chat-composer{background:var(--dark-surface)!important}[data-theme=dark] .app-shell:not(.auth-shell) input,[data-theme=dark] .app-shell:not(.auth-shell) textarea,[data-theme=dark] .app-shell:not(.auth-shell) select{background:var(--dark-control)!important;border-color:var(--dark-border)!important;color:var(--navy)!important}[data-theme=dark] .app-shell:not(.auth-shell) input::placeholder,[data-theme=dark] .app-shell:not(.auth-shell) textarea::placeholder{color:#68789a!important}[data-theme=dark] .app-shell:not(.auth-shell) .message-bubble{background:var(--dark-inset)!important;border-color:var(--line)!important;color:var(--navy)!important}[data-theme=dark] .app-shell:not(.auth-shell) .message-bubble.mine{background:linear-gradient(135deg,#293f61,#314e77)!important;border-color:var(--blue-border)!important}[data-theme=dark] .app-shell:not(.auth-shell) .btn-secondary{background:var(--dark-inset)!important;color:var(--navy)!important;border-color:var(--dark-border)!important}[data-theme=dark] .app-shell:not(.auth-shell) .table,[data-theme=dark] .app-shell:not(.auth-shell) .admin-table{background:var(--dark-sidebar)!important;border-color:var(--line)!important}[data-theme=dark] .app-shell:not(.auth-shell) .table th,[data-theme=dark] .app-shell:not(.auth-shell) .admin-table th,[data-theme=dark] .workspace-shell .admin-table th{background:var(--dark-raised)!important;color:#b9c6dd!important}[data-theme=dark] .app-shell:not(.auth-shell) .table td{border-color:var(--line)!important}[data-theme=dark] .app-shell:not(.auth-shell) .table tbody tr:hover{background:var(--dark-raised)!important}[data-theme=dark] .confirmation-modal,[data-theme=dark] .group-manage-modal,[data-theme=dark] .account-settings-modal,[data-theme=dark] .file-preview-modal,[data-theme=dark] .identity-modal,[data-theme=dark] .forward-modal,[data-theme=dark] .admin-modal{background:var(--dark-surface)!important;border-color:var(--line)!important;color:var(--navy)!important}[data-theme=dark] .app-shell:not(.auth-shell) .profile-card,[data-theme=dark] .app-shell:not(.auth-shell) .group-create-box,[data-theme=dark] .app-shell:not(.auth-shell) .file-picker,[data-theme=dark] .app-shell:not(.auth-shell) .file-card,[data-theme=dark] .app-shell:not(.auth-shell) .emoji-picker,[data-theme=dark] .app-shell:not(.auth-shell) .message-actions,[data-theme=dark] .app-shell:not(.auth-shell) .composer-attach,[data-theme=dark] .app-shell:not(.auth-shell) .file-upload-progress,[data-theme=dark] .app-shell:not(.auth-shell) .ephemeral-selector,[data-theme=dark] .app-shell:not(.auth-shell) .account-settings-options>button,[data-theme=dark] .app-shell:not(.auth-shell) .forward-recipient-list>button,[data-theme=dark] .app-shell:not(.auth-shell) .member-suggestions,[data-theme=dark] .app-shell:not(.auth-shell) .conversation-header-actions button,[data-theme=dark] .app-shell:not(.auth-shell) .mobile-sidebar-close,[data-theme=dark] .app-shell:not(.auth-shell) .device-settings-heading>button,[data-theme=dark] .app-shell:not(.auth-shell) .device-danger-actions button,[data-theme=dark] .app-shell:not(.auth-shell) .admin-row-actions button,[data-theme=dark] .app-shell:not(.auth-shell) .admin-download,[data-theme=dark] .app-shell:not(.auth-shell) .group-member-tag{background:var(--dark-raised)!important;border-color:var(--line)!important;color:var(--navy)!important}[data-theme=dark] .app-shell:not(.auth-shell) .emoji-picker:after{background:var(--dark-raised)!important;border-color:var(--line)!important}[data-theme=dark] .app-shell:not(.auth-shell) .message-search input,[data-theme=dark] .app-shell:not(.auth-shell) .conversation-search input{background:var(--dark-control)!important}[data-theme=dark] .app-shell:not(.auth-shell) .admin-stats article{background:var(--dark-surface)!important;border-color:var(--line)!important}[data-theme=dark] .app-shell:not(.auth-shell) .envelope-preview,[data-theme=dark] .app-shell:not(.auth-shell) .identity-loading,[data-theme=dark] .app-shell:not(.auth-shell) .identity-error,[data-theme=dark] .app-shell:not(.auth-shell) .device-settings-empty,[data-theme=dark] .app-shell:not(.auth-shell) .identity-verification-state,[data-theme=dark] .app-shell:not(.auth-shell) .pdf-preview-open,[data-theme=dark] .app-shell:not(.auth-shell) .group-manage-modal .tags-wrap{background:var(--dark-inset)!important;border-color:var(--line)!important;color:var(--muted)!important}[data-theme=dark] .app-shell.workspace-shell .payroll-form,[data-theme=dark] .app-shell.workspace-shell .external-share-form{background:var(--dark-surface)!important}[data-theme=dark] .app-shell:not(.auth-shell) .contact-open:hover,[data-theme=dark] .app-shell:not(.auth-shell) .sidebar-tool:hover,[data-theme=dark] .app-shell:not(.auth-shell) .sidebar-utility-button:hover{background:var(--dark-inset)!important}[data-theme=dark] .app-shell:not(.auth-shell) .security-event-list article{background:var(--dark-inset)!important;border-color:var(--line)!important}[data-theme=dark] .app-shell:not(.auth-shell) .message-meta,[data-theme=dark] .app-shell:not(.auth-shell) .message-bubble small,[data-theme=dark] .app-shell:not(.auth-shell) .sidebar-utility-button,[data-theme=dark] .app-shell:not(.auth-shell) .contact-list>.helper-text,[data-theme=dark] .app-shell:not(.auth-shell) .list-heading,[data-theme=dark] .app-shell:not(.auth-shell) .sidebar-section-label,[data-theme=dark] .app-shell:not(.auth-shell) .helper-text{color:var(--muted)!important}[data-theme=dark] .app-shell.workspace-shell{background:var(--dark-canvas)!important}[data-theme=dark] .app-shell.workspace-shell .external-share-panel,[data-theme=dark] .app-shell.workspace-shell .external-share-list{background:transparent!important}[data-theme=dark] .app-shell.workspace-shell .external-share-row{background:var(--dark-raised)!important;border-color:var(--line)!important;color:var(--navy)!important}[data-theme=dark] .app-shell.workspace-shell .external-share-log{background:var(--dark-inset)!important}[data-theme=dark] .app-shell.workspace-shell .error-text{background:#3a1c22!important;border-color:#5c2b34!important;color:#f2b8c1!important}[data-theme=dark] .app-shell.workspace-shell .success-text{background:#12281f!important;border-color:#1d4a35!important;color:#8ee0b3!important}[data-theme=dark] .app-shell.workspace-shell .workspace-share-status{background:#123122!important;color:#7fe0a8!important}[data-theme=dark] .app-shell.workspace-shell .workspace-share-status.expired{background:#3a2e12!important;color:#f0c877!important}[data-theme=dark] .app-shell.workspace-shell .workspace-share-status.revoked{background:#26303f!important;color:var(--muted)!important}[data-theme=dark] .app-shell.workspace-shell .workspace-tabs>button>span{background:#ffffff14!important}[data-theme=dark] .app-shell.workspace-shell .workspace-security-note{background:var(--dark-raised)!important}[data-theme=dark] .app-shell.workspace-shell .pdf-preview-open{background:var(--dark-inset)!important}[data-theme=dark] .app-shell.workspace-shell .payroll-delivery-state{background:#123122!important;color:#7fe0a8!important}[data-theme=dark] .app-shell:not(.auth-shell) .list-heading,[data-theme=dark] .app-shell:not(.auth-shell) .list-heading-toggle strong,[data-theme=dark] .app-shell:not(.auth-shell) .sidebar-section-label{color:#b9c6dd!important}[data-theme=dark] .app-shell:not(.auth-shell) .list-heading>span{color:#cfe0ff!important;background:#304565!important}[data-theme=dark] .app-shell:not(.auth-shell) .list-heading>button,[data-theme=dark] .app-shell:not(.auth-shell) .list-heading-toggle i{color:#9fb0cb!important}[data-theme=dark] .app-shell:not(.auth-shell) .active-conversation-status,[data-theme=dark] .app-shell:not(.auth-shell) .contact-summary small,[data-theme=dark] .app-shell:not(.auth-shell) .group-empty>span,[data-theme=dark] .app-shell:not(.auth-shell) .group-empty>small,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-breadcrumb,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-description,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-panel-heading p,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-empty p,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-form-help,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-stat>div>span,[data-theme=dark] .app-shell:not(.auth-shell) .workspace-stat small{color:#b6c4da!important}[data-theme=dark] .app-shell:not(.auth-shell) .group-empty>strong{color:#cdd8ea!important}[data-theme=dark] .app-shell:not(.auth-shell) .contact-summary small.online-label{color:#4fd08a!important}[data-theme=dark] .app-shell:not(.auth-shell) .active-conversation-status:not(.offline)>span{background:#34d399}[data-theme=dark] .app-shell:not(.auth-shell) .active-conversation-status.offline>span{background:#94a3b8;box-shadow:0 0 0 3px #94a3b81f}[data-theme=dark]{--dark-link: #8db5ff;--dark-success: #6ee7b7;--dark-danger: #fda4af;--dark-warning: #fcd48d}[data-theme=dark] .app-shell:not(.auth-shell) .sidebar-tool{color:#cdd8ea}[data-theme=dark] .app-shell:not(.auth-shell) .sidebar-tool>.sidebar-icon{color:#b6c4da}[data-theme=dark] .app-shell:not(.auth-shell) :is(.sidebar-tool:hover,.new-group-button,.contact-item.active .contact-name,.btn-link,.eyebrow){color:var(--dark-link)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.avatar,.active-conversation-avatar,.message-line-avatar,.group-avatar){color:#aac8ff;background:var(--dark-raised)}[data-theme=dark] .app-shell:not(.auth-shell) .sidebar .profile-card{background:transparent!important}[data-theme=dark] .sidebar :is(.online-dot,.avatar.is-online:after){border-color:var(--dark-sidebar)}[data-theme=dark] .app-shell:not(.auth-shell) .security-status{color:var(--dark-success);background:#183e34;border-color:#245347}[data-theme=dark] .app-shell:not(.auth-shell) .status-dot{background:#34d399;box-shadow:0 0 0 4px #34d3991f}[data-theme=dark] .app-shell:not(.auth-shell) .contact-summary small.online-label{color:var(--dark-success)!important}[data-theme=dark] .app-shell:not(.auth-shell) .sidebar-empty{border-color:var(--dark-border);color:var(--muted);background:transparent}[data-theme=dark] .app-shell:not(.auth-shell) .conversation-date{color:#b8c6dc}[data-theme=dark] .app-shell:not(.auth-shell) .conversation-date:before,[data-theme=dark] .app-shell:not(.auth-shell) .conversation-date:after{background:var(--line)}[data-theme=dark] .app-shell:not(.auth-shell) .conversation-date span{background:var(--dark-inset);border:1px solid var(--line)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.message-timestamp,.delivery-status,.selected-file-name){color:#b6c4da}[data-theme=dark] .app-shell:not(.auth-shell) :is(.delivery-status.read,.emoji-button,.forward-message-action,.inline-file-card button){color:var(--dark-link)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.ephemeral-badge,.ephemeral-selector.active){color:var(--dark-warning)!important}[data-theme=dark] .app-shell:not(.auth-shell) :is(.composer-error,.delivery-status.failed,.error-text){color:var(--dark-danger)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.inline-file-card,.reply-quote,.composer-reply-preview,.unreadable-message,.message-reactions button){color:var(--navy);background:var(--dark-inset);border-color:var(--dark-border)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.reply-quote strong,.composer-reply-preview strong,.message-reactions button.mine){color:var(--dark-link)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.reply-quote span,.composer-reply-preview small,.unreadable-message-copy>span,.emoji-picker-heading strong,.message-actions button){color:var(--muted)}[data-theme=dark] .app-shell:not(.auth-shell) .inline-file-type{color:#fda4af;background:#3b2236}[data-theme=dark] .app-shell:not(.auth-shell) :is(.conversation-search>button,.emoji-picker-heading button,.composer-reply-preview>button,.message-edit-actions button:not(.btn-primary),.file-upload-progress button,.contact-select){color:#cdd8ea;background:var(--dark-raised);border-color:var(--dark-border)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.emoji-picker-heading,.registered-device-list article){border-color:var(--line)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.message-actions button:hover,.inline-file-card button:hover,.contact-select.selected){color:var(--dark-link);background:var(--dark-hover)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.message-actions .delete-message-action:hover,.sidebar-logout:hover){color:var(--dark-danger);background:#472b3b}[data-theme=dark] .app-shell:not(.auth-shell) .composer-attach.selected{color:#fff!important;background:var(--blue)!important;border-color:var(--blue)!important}[data-theme=dark] .app-shell:not(.auth-shell) .ephemeral-selector select{background:transparent!important}[data-theme=dark] .app-shell:not(.auth-shell) .ephemeral-selector select option{color:var(--navy);background:var(--dark-raised)}[data-theme=dark] .app-shell:not(.auth-shell) :is(input,textarea)::placeholder{color:#acbdd4!important}[data-theme=dark] .app-shell:not(.auth-shell) :is(input,textarea,select):focus{border-color:#8db5ff!important}[data-theme=dark] .app-shell:not(.auth-shell) :focus-visible{outline:2px solid #8db5ff;outline-offset:3px}[data-theme=dark] :is(.confirmation-modal,.group-manage-modal,.account-settings-modal,.file-preview-modal,.identity-modal,.forward-modal,.admin-modal){color:var(--navy)}[data-theme=dark] :is(.confirmation-modal,.group-manage-modal,.account-settings-modal,.file-preview-modal,.identity-modal,.forward-modal,.admin-modal) :is(input,textarea,select,code){color:var(--navy);background:var(--dark-control);border-color:var(--dark-border)}[data-theme=dark] :is(.confirmation-modal,.group-manage-modal,.account-settings-modal,.file-preview-modal,.identity-modal,.forward-modal,.admin-modal) button:not(.btn-primary):not(.btn-danger):not(.tag-active):not(.settings-option-icon){color:#cdd8ea;background:var(--dark-raised);border-color:var(--dark-border)}[data-theme=dark] :is(.confirmation-modal,.group-manage-modal,.account-settings-modal,.file-preview-modal,.identity-modal,.forward-modal,.admin-modal) :is(button:not(.btn-primary):not(.btn-danger):hover,button.selected,.registered-device-list article.current){color:var(--dark-link);background:var(--dark-hover);border-color:#688ece}[data-theme=dark] :is(.confirmation-modal,.group-manage-modal,.account-settings-modal,.file-preview-modal,.identity-modal,.forward-modal,.admin-modal) :is(input,textarea)::placeholder{color:#acbdd4}[data-theme=dark] :is(.confirmation-modal,.group-manage-modal,.account-settings-modal,.file-preview-modal,.identity-modal,.forward-modal,.admin-modal) :focus-visible{outline:2px solid #8db5ff;outline-offset:3px}[data-theme=dark] :is(.envelope-preview,.identity-loading,.device-settings-empty,.identity-verification-state,.forward-preview,.tags-wrap,.security-event-list article){color:var(--muted);background:var(--dark-inset);border-color:var(--dark-border)}[data-theme=dark] :is(.forward-instruction,.identity-explanation,.emoji-picker-heading strong){color:var(--muted)}[data-theme=dark] :is(.forward-recipient-avatar,.forward-recipient-check,.identity-contact>span,.registered-device-icon){color:var(--dark-link);background:var(--dark-hover)}[data-theme=dark] :is(.registered-device-list article,.member-suggestions,.group-member-tag){border-color:var(--dark-border)}[data-theme=dark] :is(.device-settings-error,.identity-error,.identity-danger){color:var(--dark-danger);background:#472b3b;border-color:#71404d}[data-theme=dark] .app-shell:not(.auth-shell) .identity-change-warning{color:var(--dark-warning);background:#403422;border-color:#705333}[data-theme=dark] .app-shell:not(.auth-shell) .identity-change-warning button{color:var(--dark-warning);background:#433521;border-color:#705333}[data-theme=dark] :is(.identity-verification-state.verified,.security-event-list article.success .security-event-icon){color:var(--dark-success);background:#183e34}[data-theme=dark] .device-danger-actions button.danger,[data-theme=dark] .registered-device-list .device-delete{color:var(--dark-danger)!important;background:#472b3b!important;border-color:#71404d!important}[data-theme=dark] .file-preview-modal :is(iframe,img){background:var(--dark-control)}[data-theme=dark] :is(.modal-backdrop,.file-preview-backdrop,.mobile-sidebar-backdrop){background:#030712b8}[data-theme=dark] :is(.confirmation-note,.safety-number-box,.member-suggestions){color:#b8cbea;background:var(--dark-inset);border-color:var(--dark-border)}[data-theme=dark] :is(.safety-number-box>span,.group-members-heading,.security-event-list span:not(.security-event-icon)){color:var(--muted)}[data-theme=dark] :is(.group-member-avatar,.security-event-icon){color:var(--dark-link);background:var(--dark-hover)}[data-theme=dark] .group-member-remove{color:#cdd8ea;background:var(--dark-border)}[data-theme=dark] .security-event-list article.warning .security-event-icon{color:var(--dark-warning);background:#433521}[data-theme=dark] .security-event-list article.danger{background:#30202a;border-color:#71404d}[data-theme=dark] .security-event-list article.danger .security-event-icon{color:var(--dark-danger);background:#573346}[data-theme=dark] .app-shell:not(.auth-shell) :is(.unreadable-message-copy strong,.unreadable-message-icon){color:#cdd8ea}[data-theme=dark] .app-shell:not(.auth-shell) .unreadable-message-icon{background:var(--dark-hover)}[data-theme=dark] .app-shell:not(.auth-shell) :is(.retry-message,.reply-preview-icon){color:var(--dark-link);background:transparent}[data-theme=dark] .app-shell:not(.auth-shell) .quick-reactions{border-color:var(--dark-border)}[data-theme=dark] :is(.confirmation-modal,.group-manage-modal,.account-settings-modal,.file-preview-modal,.identity-modal,.forward-modal,.admin-modal) :is(.eyebrow,.tag:not(.tag-active),.group-member-avatar){color:var(--dark-link)}[data-theme=dark] .app-shell.workspace-shell :is(.payroll-form,.external-share-form){color:var(--navy)}[data-theme=dark] .app-shell.workspace-shell :is(.payroll-form,.external-share-form) label{color:#dce6f6}[data-theme=dark] .app-shell.workspace-shell :is(.workspace-stat-icon,.workspace-panel-heading>.workspace-icon,.workspace-empty>span,.workspace-security-note>.workspace-icon,.admin-user>span){color:var(--dark-link)}[data-theme=dark] .app-shell.workspace-shell .workspace-tabs>button{color:#b8c6dc}[data-theme=dark] .app-shell.workspace-shell .workspace-tabs>button:is(:hover,[aria-pressed=true]){color:#aac8ff;background:var(--dark-raised)}[data-theme=dark] .app-shell.workspace-shell .workspace-tabs>button[aria-pressed=true]>span{color:#cfe0ff;background:#344e74!important}[data-theme=dark] .app-shell.workspace-shell label.workspace-upload{color:var(--dark-link);background:var(--dark-raised);border-color:#506c9a}[data-theme=dark] .app-shell.workspace-shell label.workspace-upload:hover{color:#cfe0ff;background:var(--dark-raised);border-color:#8db5ff}[data-theme=dark] .app-shell.workspace-shell label.workspace-upload:focus-within{outline-color:#8db5ff}[data-theme=dark] .app-shell.workspace-shell :is(.workspace-form-help,.workspace-upload>small,.external-share-form label>small,.admin-user small,.admin-section-heading div>span,.external-share-row-main small){color:#b6c4da}[data-theme=dark] .app-shell.workspace-shell .workspace-back:hover{color:var(--dark-link);background:var(--dark-raised)!important;border-color:#688ece!important}[data-theme=dark] .app-shell.workspace-shell .key-status.active{color:#6ee7b7;background:#183e34}[data-theme=dark] .app-shell.workspace-shell .key-status.active i{background:#34d399}[data-theme=dark] .app-shell.workspace-shell .key-status.inactive{color:#c3cede;background:var(--dark-raised)}[data-theme=dark] .app-shell.workspace-shell .key-status.inactive i{background:#acbdd4}[data-theme=dark] .app-shell.workspace-shell .key-status.locked{color:var(--dark-danger);background:#472b3b}[data-theme=dark] .app-shell.workspace-shell .key-status.locked i{background:#fb7185}[data-theme=dark] .app-shell.workspace-shell :is(.admin-row-actions button,.admin-download):hover:not(:disabled){color:var(--dark-link)!important;background:var(--dark-hover)!important;border-color:#506c9a!important}[data-theme=dark] .app-shell.workspace-shell :is(.admin-row-actions button.danger,.external-share-row-actions .btn.danger){color:var(--dark-danger)!important;background:#472b3b!important;border-color:#71404d!important}[data-theme=dark] .app-shell.workspace-shell :is(.admin-row-actions button.danger,.external-share-row-actions .btn.danger):hover:not(:disabled){color:#fecdd3!important;background:#573346!important;border-color:#a65c6e!important}[data-theme=dark] .app-shell.workspace-shell button:disabled{opacity:1;color:#aab7cd!important;background:var(--dark-inset)!important;border-color:var(--dark-border)!important;box-shadow:none}[data-theme=dark] .app-shell.workspace-shell .admin-pagination button:not(.active){color:#cdd8ea;background:var(--dark-inset);border-color:var(--dark-border)}[data-theme=dark] .app-shell.workspace-shell :is(.external-share-row.expired,.external-share-row.revoked){opacity:1}[data-theme=dark] .app-shell.workspace-shell .external-share-linkbox{color:var(--navy);background:var(--dark-raised);border-color:var(--dark-border)}[data-theme=dark] .app-shell.workspace-shell .external-share-linkbox code{color:#dce6f6;background:var(--dark-control);border-color:var(--dark-border)}[data-theme=dark] .app-shell.workspace-shell .external-share-log{color:#c3cede;border-color:var(--dark-border)}[data-theme=dark] .app-shell.workspace-shell .admin-alert-success{color:var(--dark-success);background:#183e34;border-color:#245347}[data-theme=dark] .app-shell.workspace-shell .admin-alert-error{color:var(--dark-danger);background:#472b3b;border-color:#71404d}[data-theme=dark] .app-shell.workspace-shell .admin-alert button{color:inherit;background:transparent}[data-theme=dark] .admin-modal .admin-field{color:#cdd8ea}[data-theme=dark] .admin-modal .admin-role-toggle{background:var(--dark-inset);border-color:var(--dark-border)}[data-theme=dark] .admin-modal .admin-modal-warning{color:var(--dark-warning);background:#403422;border-color:#705333}[data-theme=dark] .admin-modal .admin-modal-warning.danger{color:var(--dark-danger);background:#472b3b;border-color:#71404d}[data-theme=dark] .admin-modal .btn-danger{color:#fff;border-color:#be2443;background:#be2443}[data-theme=dark] .admin-modal .btn-danger:hover:not(:disabled){background:#9f1c38}[data-theme=dark] .theme-toggle{background:var(--dark-raised);border-color:var(--dark-border)}[data-theme=dark] .theme-toggle:hover{color:var(--dark-link);background:var(--dark-hover)}[data-theme=dark] .file-preview-modal .pdf-preview-open{color:var(--navy);background:var(--dark-inset)}[data-theme=dark] .file-preview-modal .pdf-preview-open p{color:var(--muted)}[data-theme=dark] .file-preview-content .file-preview-media,[data-theme=dark] .file-preview-content .file-preview-frame{background:#0f1726!important}[data-theme=dark] .file-preview-content .file-preview-text{background:#0f1726!important;color:#dbe4f3!important;border-color:var(--line)!important}[data-theme=dark] .file-preview-content .file-preview-table-wrap{border-color:var(--line)!important}[data-theme=dark] .file-preview-content .file-preview-table th{background:#17223a!important;color:#b9c6dd!important}[data-theme=dark] .file-preview-content .file-preview-table th,[data-theme=dark] .file-preview-content .file-preview-table td{border-color:var(--line)!important}[data-theme=dark] .file-preview-content .file-preview-other-icon{background:#1b2b49!important;color:#cfe0ff!important}[data-theme=dark] .file-preview-action{background:#16203a!important;border-color:#2b3a56!important;color:var(--navy)!important}[data-theme=dark] .file-preview-action:hover{background:var(--blue-soft)!important;border-color:var(--blue-border)!important;color:var(--blue)!important}[data-theme=dark] .app-shell:not(.auth-shell) code,[data-theme=dark] .app-shell:not(.auth-shell) pre{background:#0f1726!important;border-color:#2b3a56!important;color:#dbe4f3!important}[data-theme=dark] .app-shell:not(.auth-shell) .safety-number-box code{color:#dbe4f3!important}