:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--table-border:#3a3552;--table-head-bg:#252035;--table-head-line:#4a4366;--table-divider:#332e49;--table-row-hover:#221e33;--table-row-selected:#2a2442;--table-focus:#a5b4fc;background:#17171c}:root[data-theme=dark] body{background:#17171c}:root[data-theme=dark] .screen-loading{color:#9aa3b2}:root[data-theme=dark] .spinner{border-color:#6ea0ff #3f3f46 #3f3f46}:root{color:#18181b;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--ink:#18181b;--muted:#6e6a83;--line:#e9e5f5;--surface:#fff;--blue:#4f46e5;--blue-dark:#4338ca;--navy:#17263d;--green:#18845b;--amber:#b77117;--red:#bb4652;--shadow:0 2px 8px #18263b09,0 16px 42px #18263b0b;--table-border:#d7cfec;--table-head-bg:#f4f0fc;--table-head-line:#ccc1e7;--table-divider:#e5ddf4;--table-row-hover:#f6f2ff;--table-row-selected:#efe9ff;--table-focus:#6d5efc;background:#f7f5ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}h1,h2,h3,p{margin-top:0}.screen-loading{height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.spinner{border:2px solid #dfe5ee;border-top-color:var(--blue);border-radius:50%;width:17px;height:17px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:260px;padding:22px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #eff2f6;align-items:center;gap:11px;padding:0 9px 21px;display:flex}.brand img{object-fit:contain;width:38px;height:42px}.brand strong,.brand small,.company-picker b,.company-picker small{display:block}.brand strong{letter-spacing:-.5px;font:800 15px Manrope,sans-serif}.brand small{color:var(--muted);margin-top:3px;font-size:11px}.company-picker{border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;margin:16px 0 17px;padding:10px 9px;display:flex}.company-picker>svg{color:#8d98a7;margin-left:auto}.company-picker b{font-size:11px}.company-picker small{color:var(--muted);margin-top:3px;font-size:11px}.company-mark{width:30px;height:30px;color:var(--blue);background:#eff3ff;border-radius:8px;place-items:center;font:800 14px Manrope;display:grid}.side-nav{flex:1;overflow-y:auto}.nav-group{margin:6px 0 17px}.nav-group>p{color:#9aa4b2;letter-spacing:1.15px;margin:0 0 6px;padding:0 10px;font-size:11px;font-weight:700}.nav-link{color:#586578;border-radius:7px;align-items:center;gap:11px;margin:2px 0;padding:10px 11px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:var(--ink);background:#f5f7fb}.nav-link.nav-active{color:#3156d2;background:#eef2ff;font-weight:700}.nav-count{color:#b96a14;background:#fff0e2;border-radius:6px;place-items:center;min-width:20px;height:19px;margin-left:auto;padding:0 5px;font-size:11px;font-style:normal;font-weight:700;display:grid}.sidebar-bottom{margin-top:15px}.support-card{border:1px solid var(--line);color:#4065ce;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.support-card b,.support-card small{display:block}.support-card b{color:#435067;font-size:11px}.support-card small{color:#8a95a5;margin-top:3px;font-size:11px}.sidebar-version{text-align:center;color:#a0a9b5;margin-top:12px;font-size:11px}.main-area{flex-direction:column;min-height:100vh;margin-left:260px;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;flex:none;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb{color:#9aa4b2;align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumb b{color:#475467;font-weight:600}.top-actions{align-items:center;gap:15px;display:flex}.icon-button{color:#718096;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--ink);background:#f2f4f8}.notification-button{position:relative}.notification-button i{background:#e99a47;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.top-separator{background:var(--line);width:1px;height:26px}.user-menu{align-items:center;gap:9px;display:flex}.user-avatar,.employee-avatar{color:#425eaa;background:#ecf0fb;border-radius:50%;flex:none;place-items:center;width:33px;height:33px;font-size:11px;font-weight:700;display:grid}.user-ident b,.user-ident small{display:block}.user-ident b{font-size:11px}.user-ident small{color:var(--muted);margin-top:3px;font-size:11px}.logout-icon{margin-left:5px}.menu-toggle{display:none}.page-content{flex:1;width:min(1420px,100%);margin:0 auto;padding:31px 35px 24px}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.35px;color:#78879b;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.page-heading h1{letter-spacing:-.8px;color:#1c2737;margin:0;font:800 25px/1.2 Manrope,sans-serif}.page-heading p{color:#8994a3;margin:7px 0 0;font-size:12px}.date-pill,.count-pill{border:1px solid var(--line);color:#657286;white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:inline-flex}.date-pill svg,.count-pill svg{color:#687fbd}.welcome-banner{background:#edf3ff;border:1px solid #e3ebff;border-radius:10px;align-items:center;gap:13px;min-height:76px;margin-bottom:19px;padding:14px 18px;display:flex}.welcome-icon{color:#4262c7;background:#fff;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.welcome-banner>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.welcome-banner>div:nth-child(2) b{font-size:12px}.welcome-banner>div:nth-child(2) span{color:#7887a0;font-size:11px}.banner-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.status-pill{color:#79869a;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.status-pill i,.footer-dot{background:#d6a148;border-radius:50%;width:6px;height:6px;display:inline-block}.status-pill.status-green{color:#23835a}.status-pill.status-green i{background:#36a978}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:0 12px;font-size:11px;font-weight:600;transition:background .15s,border .15s;display:inline-flex}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark)}.button-dark{color:#fff;background:#253855}.button-dark:hover{background:#1a2a43}.button-outline{color:#59677b;background:#fff;border-color:#e2e7ef}.button-outline:hover{background:#f8f9fb}.button-full{width:100%;min-height:43px}.button-group{gap:8px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px;display:grid}.stat-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.panel{border:1px solid var(--line);background:#fff;border-radius:9px;box-shadow:0 1px 2px #1b2b4104}.stat-card{min-height:122px;padding:16px 17px}.stat-top{color:#7e8a9b;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-icon{border-radius:8px;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.tone-blue{color:#4a68cd;background:#eff3ff}.tone-green{color:#258560;background:#e9f6ef}.tone-amber{color:#c27b20;background:#fff4e6}.tone-violet{color:#7964ba;background:#f1edfb}.stat-card>strong{color:#202d40;letter-spacing:-.6px;margin-top:11px;font:800 23px Manrope,sans-serif;display:block}.stat-card>small{color:#a0a9b4;margin-top:4px;font-size:11px;display:block}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.85fr);gap:15px;display:grid}.panel{padding:17px 18px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.panel-heading h2{color:#253145;letter-spacing:-.2px;margin:0;font:700 13px Manrope,sans-serif}.panel-heading p{color:#929cab;margin:5px 0 0;font-size:11px}.text-link{color:#4565c7;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.request-list{border-top:1px solid #f0f2f5}.request-row{border-bottom:1px solid #f1f3f6;align-items:center;gap:11px;min-height:62px;display:flex}.request-icon,.doc-icon{color:#5871c1;background:#f0f3fc;border-radius:8px;flex:none;place-items:center;width:33px;height:33px;display:grid}.request-main{flex:1;min-width:0}.request-main b,.request-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.request-main b{color:#39465a;font-size:11px}.request-main small{color:#969fad;margin-top:4px;font-size:11px}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:5px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-pending{color:#a86a19;background:#fff2dc}.badge-approved,.badge-active,.badge-present{color:#217750;background:#e8f5ee}.badge-rejected,.badge-late{color:#ad4650;background:#fff0ef}.badge-unknown{color:#687588;background:#eef1f5}.quick-links{gap:5px;display:grid}.quick-links a{border-radius:7px;align-items:center;gap:9px;padding:9px 8px;display:flex}.quick-links a:hover{background:#f6f8fc}.quick-links a>span{color:#5a72be;background:#f2f5fc;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.quick-links a b{color:#586579;flex:1;font-size:11px;font-weight:600}.quick-links a>svg{color:#a0a9b6}.data-note{color:#8793a3;align-items:center;gap:8px;margin-top:16px;padding:3px 1px;font-size:11px;display:flex}.data-note svg{color:#6f87c9;flex:none}.page-footer{color:#9aa4b1;border-top:1px solid #e9edf2;justify-content:space-between;gap:10px;padding:13px 35px 17px;font-size:11px;display:flex}.footer-dot{background:#48a778;margin:0 5px 1px}.table-panel{border-color:var(--table-border);padding:17px 0 0;overflow:hidden}.table-panel>.panel-heading{padding:0 19px}.table-toolbar{border-bottom:0;justify-content:space-between;align-items:center;gap:12px;padding:0 19px 14px;display:flex}.search-field{color:#98a2b0;border:1px solid #e5eaf0;border-radius:6px;align-items:center;gap:8px;width:min(410px,100%);height:35px;padding:0 10px;display:flex}.search-field input{color:#425066;border:0;outline:none;width:100%;font-size:11px}.search-field input::placeholder{color:#a4adba}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:var(--table-head-bg)}th{color:#939eac;letter-spacing:.8px;border-bottom:0;padding:10px 15px;font-size:11px;font-weight:700}td{color:#59677b;border-bottom:0;padding:13px 15px;font-size:11px}tbody tr{transition:background .12s}tbody tr:hover{background:var(--table-row-hover)}tbody tr[aria-selected=true]{background:var(--table-row-selected)}table :focus-visible{outline:2px solid var(--table-focus);outline-offset:2px}td b{color:#38465b;font-weight:600}.employee-cell{align-items:center;gap:9px;display:flex}.employee-cell>span:last-child,.employee-cell b,.employee-cell small{display:block}.employee-cell b{font-size:11px}.employee-cell small,.cell-sub{color:#9aa3b0;margin-top:3px;font-size:11px}.cell-sub{display:block}.table-loading{color:#8b97a5;justify-content:center;align-items:center;gap:10px;height:155px;font-size:11px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:165px;padding:20px;display:flex}.empty-state>span{color:#8292ad;background:#f2f5fa;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:10px;display:grid}.empty-state b{color:#465368;font-size:11px}.empty-state p{color:#99a2af;margin:5px 0 0;font-size:11px}.table-actions{gap:6px;display:flex}.button-approve,.button-reject{min-height:27px;padding:0 8px;font-size:11px}.button-approve{color:#27754f;background:#eaf6ef}.button-reject{color:#aa4d51;background:#fff0ef}.deduction-value{color:#b26262}.net-value{color:#257a55}.alert{border-radius:7px;margin-bottom:15px;padding:10px 12px;font-size:11px}.alert-error{color:#a94343;background:#fff0ef;border:1px solid #f5d5d3;justify-content:space-between;align-items:center;display:flex}.alert-error button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1825385e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:11px;width:min(490px,100%);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 20px 70px #141f3033}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.modal-heading h2{margin:0;font:700 16px Manrope,sans-serif}.modal-heading p{color:#8c97a6;margin:5px 0 0;font-size:11px}.modal-card label,.login-form label{color:#48566b;flex-direction:column;gap:6px;margin:11px 0;font-size:11px;font-weight:600;display:flex}.modal-card input,.modal-card select,.modal-card textarea,.login-form input{color:#39465a;background:#fff;border:1px solid #e2e7ee;border-radius:6px;outline:none;width:100%;padding:10px 11px;font-size:11px}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus,.login-form input:focus{border-color:#8296df;box-shadow:0 0 0 3px #edf0ff}.modal-card textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.document-list{border-top:1px solid #f0f2f5}.document-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;padding:13px 19px;display:flex}.document-info{flex:1}.document-info b,.document-info small{display:block}.document-info b{color:#445166;font-size:11px}.document-info small{color:#9aa3b0;margin-top:4px;font-size:11px}.profile-grid{grid-template-columns:minmax(220px,.7fr) minmax(0,1.4fr);gap:15px;display:grid}.profile-card{text-align:center;padding:25px}.profile-avatar{color:#506bbc;background:#eff2fc;border-radius:50%;place-items:center;width:67px;height:67px;margin:0 auto 12px;font:700 19px Manrope;display:grid}.profile-card h2{margin:0;font:700 15px Manrope}.profile-card p{color:#8893a1;margin:5px 0 12px;font-size:11px}.profile-details h2{margin:1px 0 12px;font:700 13px Manrope}.profile-field{border-bottom:1px solid #f0f2f5;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.profile-field:last-child{border:0}.profile-field span{color:#8994a2;font-size:11px}.profile-field b{color:#49566a;text-align:right;font-size:11px;font-weight:600}.login-page{background:#fff;grid-template-columns:minmax(410px,1fr) minmax(400px,1fr);min-height:100vh;display:grid}.login-panel{width:min(440px,100%);margin:auto;padding:40px}.login-brand{letter-spacing:-.5px;align-items:center;gap:9px;font:800 15px Manrope,sans-serif;display:inline-flex}.login-brand img{object-fit:contain;width:34px;height:38px}.login-copy{margin:76px 0 29px}.login-copy .eyebrow{color:#6179c9}.login-copy h1{letter-spacing:-1.2px;margin:0;font:800 30px Manrope,sans-serif}.login-copy p{color:#8994a2;max-width:340px;margin:10px 0 0;font-size:12px;line-height:1.7}.login-form label{color:#4e5b70;margin:16px 0}.login-form input{height:43px}.login-form .button{margin-top:8px}.login-security{color:#929daa;align-items:center;gap:8px;margin-top:21px;font-size:11px;display:flex}.login-security svg{color:#7389c5}.login-art{color:#fff;background:radial-gradient(at 80% 15%,#4d6fc6 0,#0000 42%),linear-gradient(145deg,#1e3154,#15233c 75%);flex-direction:column;justify-content:center;min-height:100vh;padding:10%;display:flex;position:relative;overflow:hidden}.art-content{z-index:1;max-width:430px;position:relative}.art-content .eyebrow{color:#aebde7}.art-content h2{letter-spacing:-1.5px;margin:14px 0;font:800 38px/1.15 Manrope,sans-serif}.art-content>p{color:#c1cbe0;max-width:360px;font-size:12px;line-height:1.8}.art-feature{border-top:1px solid #ffffff2b;align-items:center;gap:11px;margin-top:37px;padding-top:19px;display:flex}.art-feature>span{color:#dce5ff;background:#ffffff1f;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.art-feature b,.art-feature small{display:block}.art-feature b{font-size:11px}.art-feature small{color:#aebbd2;margin-top:4px;font-size:11px}.art-orb{pointer-events:none;border:1px solid #ffffff17;border-radius:50%;position:absolute}.orb-one{width:450px;height:450px;top:-150px;right:-225px}.orb-two{width:600px;height:600px;top:-225px;right:-310px}.art-foot{color:#aab7cf;font-size:11px;position:absolute;bottom:28px;left:10%}.toast-message{z-index:50;color:#fff;box-shadow:var(--shadow);background:#233754;border-radius:8px;align-items:center;gap:9px;padding:11px 16px;font-size:11px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.mobile-scrim{display:none}.id-card-panel{padding:18px}.id-card-intro{border-bottom:1px solid #eef1f5;align-items:center;gap:10px;padding-bottom:16px;display:flex}.id-card-intro>div{flex:1}.id-card-intro>div>b,.id-card-intro>div>small{display:block}.id-card-intro>div>b{color:#445166;font-size:11px}.id-card-intro>div>small{color:#929cab;margin-top:4px;font-size:11px}.id-card-icon{color:#5973c5;background:#eff3ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.id-card-preview{place-items:center;min-height:350px;padding:20px;display:grid}.id-card-preview>img{object-fit:contain;filter:drop-shadow(0 8px 16px #20304b26);width:204px;height:324px}.generated-id-card{text-align:center;background:linear-gradient(160deg,#fff,#f0f4fb);border:1px solid #dce3ed;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:204px;height:324px;padding:25px 20px;display:flex;box-shadow:0 8px 16px #20304b1a}.generated-id-card img{object-fit:contain;width:50px;height:55px}.generated-id-card .eyebrow{color:#6680ce;margin:0;font-size:11px}.generated-id-card>b{font-size:12px}.generated-id-card>small,.generated-id-card>span:not(.eyebrow){color:#78869a;font-size:11px}.generated-id-card hr{border:0;border-top:1px solid #dfe5ef;width:100%}.id-card-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.id-card-note{color:#8e99a8;text-align:center;justify-content:center;align-items:center;gap:6px;margin:16px 0 0;font-size:11px;display:flex}.id-card-note svg{color:#7389c5;flex:none}@media (width<=1100px){.sidebar{width:226px}.main-area{margin-left:226px}.page-content{padding:28px 24px 22px}.topbar{padding:0 24px}.stat-grid{gap:10px}.stat-card{padding:14px}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}}@media (width<=820px){.sidebar{width:260px;box-shadow:none;transition:transform .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0);box-shadow:12px 0 40px #131e3121}.main-area{margin-left:0}.mobile-scrim{z-index:19;background:#121d2f4d;border:0;display:block;position:fixed;inset:0}.menu-toggle{margin-right:9px;display:grid}.topbar{justify-content:flex-start;padding:0 17px}.breadcrumb{flex:1}.top-actions{gap:8px}.user-ident{display:none}.logout-icon{margin-left:0}.page-content{padding:25px 19px 20px}.page-footer{padding:13px 19px 16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-panel{width:min(500px,100%);padding:32px}.login-copy{margin:55px 0 26px}.login-art{display:none}}@media (width<=560px){.page-content{padding:22px 14px 18px}.topbar{height:57px;padding:0 11px}.top-actions{gap:5px}.top-separator{height:21px}.user-menu{gap:4px}.user-avatar{width:30px;height:30px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:23px}.page-heading p{max-width:340px;line-height:1.5}.page-heading .button,.page-heading .button-group,.page-heading .date-pill,.page-heading .count-pill{align-self:stretch}.page-heading .button-group>*{flex:1}.welcome-banner{flex-wrap:wrap;align-items:flex-start;padding:12px}.welcome-banner>div:nth-child(2){max-width:calc(100% - 58px);padding-top:3px}.banner-actions{justify-content:space-between;width:100%;margin:0;padding-left:52px}.stat-grid,.stat-grid-three{gap:9px}.stat-card{min-height:114px;padding:12px}.stat-top{font-size:11px}.stat-card>strong{font-size:20px}.stat-card>small{font-size:11px}.panel{padding:14px}.table-panel{padding:14px 0 0}.table-panel>.panel-heading{padding:0 14px}.table-toolbar{padding:0 13px 12px}.panel-heading h2{font-size:12px}.panel-heading p{line-height:1.5}.quick-links{grid-template-columns:1fr 1fr}.quick-links a{gap:7px;padding:7px 4px}.quick-links a b{font-size:11px}.request-row{gap:8px}.request-main small{font-size:11px}.page-footer{padding:12px 14px 14px;font-size:11px}.form-row{grid-template-columns:1fr;gap:0}.modal-card{padding:17px}.profile-grid{grid-template-columns:1fr}.profile-card{padding:20px}.date-pill,.count-pill{align-self:flex-start!important}.login-panel{padding:25px}.login-copy h1{font-size:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pv-drawer:focus,.pv-drawer:focus-visible,.portal-drawer:focus,.portal-drawer:focus-visible,[role=dialog]:focus,[role=dialog]:focus-visible{outline:none}:is(input,select,textarea,button,a,summary,[tabindex],[contenteditable]):focus,:is(input,select,textarea,button,a,summary,[tabindex],[contenteditable]):focus-visible{box-shadow:none!important;outline:none!important}.mailbox-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.mailbox-toolbar h3{color:var(--ink);font-size:var(--fs-md);margin:0}.mailbox-toolbar .sub{color:var(--mut);font-size:var(--fs-sm);margin:4px 0 0}.mailbox-accounts{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.mailbox-account{border:1px solid var(--line);background:var(--card);color:var(--ink);text-align:left;border-radius:10px;align-items:center;gap:9px;padding:10px 13px;display:flex}.mailbox-account b,.mailbox-account small{display:block}.mailbox-account small{color:var(--mut);font-size:var(--fs-xs)}.mailbox-account.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.mailbox-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);gap:16px;min-height:420px;display:grid}.mailbox-list{border:1px solid var(--line);background:var(--card);border-radius:12px;max-height:560px;overflow:auto}.mailbox-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;padding:12px 14px;display:block}.mailbox-row:hover{background:var(--soft)}.mailbox-row.is-active{background:var(--accent-soft)}.mailbox-row-top{font-size:var(--fs-sm);justify-content:space-between;gap:8px;display:flex}.mailbox-row-top small{color:var(--mut);font-size:var(--fs-xs);white-space:nowrap}.mailbox-row-subject{font-weight:600;font-size:var(--fs-sm);margin-top:4px;display:block}.mailbox-row-preview{color:var(--mut);font-size:var(--fs-xs);margin-top:4px;line-height:1.4;display:block}.mailbox-detail{border:1px solid var(--line);background:var(--card);border-radius:12px;min-height:420px;padding:16px}.mailbox-detail-head h3{font-size:var(--fs-md);margin:0}.mailbox-detail-head small{color:var(--mut);font-size:var(--fs-xs)}.mailbox-thread{gap:10px;margin:16px 0;display:grid}.mailbox-message{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:12px}.mailbox-message.outbound{background:var(--accent-soft)}.mailbox-message-head{font-size:var(--fs-xs);color:var(--mut);justify-content:space-between;gap:8px;display:flex}.mailbox-message-body{white-space:pre-wrap;color:var(--ink);font-size:var(--fs-sm);overflow-wrap:anywhere;margin-top:8px;line-height:1.55}.mailbox-reply{border-top:1px solid var(--line);padding-top:14px}@media (width<=820px){.mailbox-layout{grid-template-columns:1fr}.mailbox-list{max-height:320px}}.mailbox-settings-accounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.mailbox-user-list{gap:6px;max-height:300px;margin:10px 0 14px;display:grid;overflow:auto}.mailbox-user-row{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.mailbox-user-row b,.mailbox-user-row small{display:block}.mailbox-user-row small{color:var(--mut);font-size:var(--fs-xs)}@media (width<=820px){.mailbox-settings-accounts{grid-template-columns:1fr}}.email-automation-page{gap:16px;display:grid}.email-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.email-summary-card{border:1px solid var(--line);background:var(--card);border-radius:10px;align-items:center;gap:11px;padding:14px 16px;display:flex}.email-summary-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.email-summary-card small,.email-summary-card b{display:block}.email-summary-card small{color:var(--mut);font-size:var(--fs-xs)}.email-summary-card b{color:var(--ink);font-size:var(--fs-sm);overflow-wrap:anywhere}.email-config-panel .panel-heading{align-items:flex-start}.email-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.email-config-section{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:16px}.email-config-section h4{color:var(--ink);font-size:var(--fs-sm);margin:0 0 3px}.email-config-section .sub{margin:0 0 13px}.email-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.email-field-grid .portal-field{margin:0}.email-field-wide{grid-column:1/-1}.email-config-actions{justify-content:flex-end;margin-top:14px}.email-workspace-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:16px;display:grid}.email-history-panel .admin-table-panel{padding:16px 0 0}.email-history-panel .panel-heading{padding:0 16px}@media (width<=960px){.email-summary-grid,.email-config-grid,.email-workspace-grid{grid-template-columns:1fr}}@media (width<=560px){.email-field-grid{grid-template-columns:1fr}.email-field-wide{grid-column:auto}}.mailbox-max-form{flex-wrap:wrap;align-items:flex-end;gap:12px;max-width:460px;display:flex}.mailbox-max-form .portal-field{flex:260px;margin:0}.mailbox-account-settings{margin:0}.mailbox-config-details{border:1px solid var(--line);background:var(--soft);border-radius:10px;margin-bottom:14px;padding:12px 14px}.mailbox-config-details summary{cursor:pointer;color:var(--ink);font-weight:700;font-size:var(--fs-sm)}.mailbox-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:14px 0;display:grid}.mailbox-access-block h4{color:var(--ink);font-size:var(--fs-sm);align-items:center;gap:7px;margin:0 0 10px;display:flex}.mailbox-user-list{max-height:220px}@media (width<=820px){.mailbox-config-grid{grid-template-columns:1fr}}.mailbox-settings-v2{gap:14px;display:grid}.mailbox-settings-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.mailbox-settings-hero h3{color:var(--ink);font-size:var(--fs-md);margin:0}.mailbox-settings-hero .sub{color:var(--mut);font-size:var(--fs-sm);margin:4px 0 0}.mailbox-max-inline{align-items:flex-end;gap:8px;display:flex}.mailbox-max-inline .portal-field{min-width:150px;margin:0}.mailbox-system-panel{padding:0;overflow:hidden}.mailbox-system-details summary{cursor:pointer;align-items:center;gap:11px;padding:14px 16px;list-style:none;display:flex}.mailbox-system-details summary::-webkit-details-marker{display:none}.mailbox-summary-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.mailbox-summary-copy{flex:1;min-width:0}.mailbox-summary-copy b,.mailbox-summary-copy small{display:block}.mailbox-summary-copy b{color:var(--ink);font-size:var(--fs-sm)}.mailbox-summary-copy small{color:var(--mut);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.mailbox-summary-chevron{color:var(--mut);transition:transform .15s}.mailbox-system-details[open] .mailbox-summary-chevron{transform:rotate(180deg)}.mailbox-system-form{padding:0 16px 16px}.mailbox-account-tabs{border-bottom:1px solid var(--line);gap:6px;padding:8px;display:flex;overflow:auto}.mailbox-account-tab{color:var(--mut);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;display:flex}.mailbox-account-tab b,.mailbox-account-tab small{display:block}.mailbox-account-tab b{font-size:var(--fs-sm);color:var(--ink)}.mailbox-account-tab small{font-size:var(--fs-xs);color:var(--mut)}.mailbox-account-tab.is-active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.mailbox-account-editor{padding:16px}.mailbox-editor-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.mailbox-editor-head h3{font-size:var(--fs-md);color:var(--ink);margin:0}.mailbox-editor-head .sub{margin:3px 0 0}.mailbox-editor-badges{flex-wrap:wrap;gap:6px;display:flex}.mailbox-config-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mailbox-config-card{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:14px}.mailbox-config-card h4{color:var(--ink);font-size:var(--fs-sm);align-items:center;gap:7px;margin:0 0 10px;display:flex}.mailbox-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px;display:grid}.mailbox-config-grid .portal-field{margin:0}.mailbox-field-wide{grid-column:1/-1}.mailbox-editor-actions{justify-content:flex-end;margin-top:12px}.mailbox-access-block{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.mailbox-access-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mailbox-access-head h4{color:var(--ink);font-size:var(--fs-sm);align-items:center;gap:7px;margin:0;display:flex}.mailbox-access-head small{color:var(--mut);font-size:var(--fs-xs)}.mailbox-selected-users{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.mailbox-user-chip{background:var(--accent-soft);color:var(--accent);font-size:var(--fs-xs);border-radius:99px;align-items:center;gap:5px;padding:5px 8px 5px 10px;font-weight:600;display:inline-flex}.mailbox-user-chip button{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.mailbox-empty-users{color:var(--mut);font-size:var(--fs-xs)}@media (width<=900px){.mailbox-config-columns{grid-template-columns:1fr}}@media (width<=620px){.mailbox-config-grid{grid-template-columns:1fr}.mailbox-field-wide{grid-column:auto}.mailbox-settings-hero{align-items:flex-start}.mailbox-max-inline{width:100%}.mailbox-max-inline .portal-field{flex:1}}.mailbox-hero-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.mailbox-settings-v3{gap:14px;display:grid}.mailbox-top-tabs{border:1px solid var(--line);background:var(--card);border-radius:12px;gap:6px;padding:6px;display:flex;overflow:auto}.mailbox-top-tab{text-align:left;min-width:170px;color:var(--mut);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;display:flex}.mailbox-top-tab b,.mailbox-top-tab small{display:block}.mailbox-top-tab b{font-size:var(--fs-sm);color:var(--ink)}.mailbox-top-tab small{font-size:var(--fs-xs);color:var(--mut)}.mailbox-top-tab.is-active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.mailbox-tab-panel{padding:18px}.mailbox-tab-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.mailbox-tab-head h3{color:var(--ink);font-size:var(--fs-md);margin:0}.mailbox-tab-head .sub{margin:3px 0 0}@media (width<=620px){.mailbox-top-tab{min-width:140px}.mailbox-tab-panel{padding:14px}}.mailbox-access-accounts{gap:12px;display:grid}.mailbox-access-card{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:14px}.mailbox-access-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.mailbox-access-card-head b,.mailbox-access-card-head small{display:block}.mailbox-access-card-head b{color:var(--ink);font-size:var(--fs-sm)}.mailbox-access-card-head small{color:var(--mut);font-size:var(--fs-xs)}.mailbox-access-accounts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}@media (width<=900px){.mailbox-access-accounts{grid-template-columns:1fr}}.notification-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:14px;padding:0;display:grid;overflow:hidden}.notification-metric{border-right:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.notification-metric:last-child{border-right:0}.notification-metric-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.notification-metric small,.notification-metric b,.notification-metric em{display:block}.notification-metric small{color:var(--mut);font-size:var(--fs-xs)}.notification-metric b{color:var(--ink);font-size:var(--fs-md);line-height:1.2}.notification-metric em{color:var(--mut);font-size:var(--fs-xs);margin-top:2px;font-style:normal}.notification-tabs{margin-bottom:14px}.notification-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:0 14px 12px;display:flex}.notification-search{border:1px solid var(--line);background:var(--card);max-width:420px;color:var(--mut);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.notification-search input{width:100%;color:var(--ink);font-size:var(--fs-sm);background:0 0;border:0;outline:0}.notification-result{color:var(--mut);font-size:var(--fs-xs)}.notification-code{background:var(--soft);color:var(--accent);font-size:var(--fs-xs);border-radius:5px;padding:3px 7px;font-weight:700;display:inline-flex}.notification-type b,.notification-type small{display:block}.notification-type b{color:var(--ink);font-size:var(--fs-sm)}.notification-type small{color:var(--mut);font-size:var(--fs-xs);margin-top:2px}.notification-empty,.notification-panel{padding:16px}.notification-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.notification-panel-head h2,.notification-panel-head h3{color:var(--ink);font-size:var(--fs-md);margin:0}.notification-panel-head .sub{margin:3px 0 0}.notification-template-form{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.notification-health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.notification-health-card{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:12px 13px}.notification-health-card small,.notification-health-card b{display:block}.notification-health-card small{color:var(--mut);font-size:var(--fs-xs)}.notification-health-card b{color:var(--ink);font-size:var(--fs-sm);overflow-wrap:anywhere;margin-top:3px}.notification-health-wide{grid-column:span 2}@media (width<=900px){.notification-overview{grid-template-columns:1fr 1fr}.notification-metric:nth-child(2){border-right:0}.notification-health-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.notification-overview{grid-template-columns:1fr}.notification-metric{border-right:0;border-bottom:1px solid var(--line)}.notification-metric:last-child{border-bottom:0}.notification-health-grid{grid-template-columns:1fr}.notification-health-wide{grid-column:auto}}.notification-tabs{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:4px;width:max-content;max-width:100%;margin-bottom:14px;padding:4px;display:flex;overflow:auto}.notification-tabs button{min-height:34px;color:var(--mut);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 14px;font-weight:600;transition:background .15s,color .15s}.notification-tabs button:hover{color:var(--ink);background:var(--card)}.notification-tabs button.is-active{background:var(--card);color:var(--accent);box-shadow:0 1px 2px #1b2b4114}.notification-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=560px){.notification-tabs{width:100%}.notification-tabs button{flex:1;padding:0 10px}}.notification-savebar{border:1px solid var(--accent-soft);background:var(--accent-soft);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 14px;display:flex}.notification-savebar span{color:var(--ink);font-size:var(--fs-sm)}.notification-savebar b{color:var(--accent)}.notification-savebar-actions{align-items:center;gap:8px;display:flex}.notification-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.notification-preview-overlay{z-index:120;background:#102a4c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.notification-preview-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(760px,100%);height:min(860px,92vh);display:flex;overflow:hidden;box-shadow:0 20px 50px #102a4c40}.notification-preview-head{border-bottom:1px solid var(--line);background:var(--card);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.notification-preview-head b,.notification-preview-head small{display:block}.notification-preview-head b{color:var(--ink);font-size:var(--fs-sm)}.notification-preview-head small{color:var(--mut);font-size:var(--fs-xs);margin-top:2px}.notification-preview-frame{background:#eef3f8;border:0;flex:1;width:100%}@media (width<=560px){.notification-preview-overlay{padding:8px}.notification-preview-modal{height:96vh}.notification-row-actions{gap:4px}}.mailbox-app{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:236px minmax(0,1fr);height:calc(100vh - 150px);min-height:620px;display:grid;overflow:hidden}.mailbox-sidebar{border-right:1px solid var(--line);background:#f5f7fb;flex-direction:column;gap:4px;min-height:0;padding:14px 10px;display:flex}.mailbox-brand{align-items:center;gap:9px;padding:4px 8px 16px;display:flex}.mailbox-brand-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.mailbox-brand b,.mailbox-brand small{display:block}.mailbox-brand b{color:var(--ink);font-size:var(--fs-sm)}.mailbox-brand small{color:var(--mut);font-size:var(--fs-xs)}.mailbox-sidebar-label{color:var(--mut);font-size:var(--fs-xs);letter-spacing:1px;text-transform:uppercase;padding:12px 8px 5px;font-weight:700}.mailbox-account-list{gap:3px;display:grid}.mailbox-account-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:9px 8px;display:flex}.mailbox-account-item:hover{background:#e9edf7}.mailbox-account-item.is-active{background:var(--accent-soft)}.mailbox-account-dot{background:#b6c0cf;border-radius:50%;flex:none;width:7px;height:7px}.mailbox-account-item.is-active .mailbox-account-dot{background:var(--accent)}.mailbox-account-copy{flex:1;min-width:0}.mailbox-account-copy b,.mailbox-account-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mailbox-account-copy b{font-size:var(--fs-sm)}.mailbox-account-copy small{color:var(--mut);font-size:var(--fs-xs)}.mailbox-count{background:var(--accent);color:#fff;min-width:19px;height:19px;font-size:var(--fs-xs);border-radius:99px;place-items:center;padding:0 5px;font-weight:700;display:grid}.mailbox-folder-item{width:100%;color:var(--mut);font-size:var(--fs-sm);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:9px 8px;display:flex}.mailbox-folder-item span{color:var(--ink);flex:1}.mailbox-folder-item small{font-size:var(--fs-xs)}.mailbox-folder-item:hover{background:#e9edf7}.mailbox-folder-item.is-active{background:var(--card);color:var(--accent);box-shadow:0 1px 2px #1b2b410f}.mailbox-folder-item.is-active span{color:var(--accent)}.mailbox-sidebar-foot{gap:7px;margin-top:auto;padding:14px 8px 2px;display:grid}.mailbox-sync-button{width:100%}.mailbox-sidebar-foot small{color:var(--mut);font-size:var(--fs-xs);overflow-wrap:anywhere;line-height:1.4}.mailbox-sync-error{color:#a34747!important}.mailbox-main{flex-direction:column;min-width:0;min-height:0;display:flex}.mailbox-topbar{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:10px;padding:10px 14px;display:flex}.mailbox-search{border:1px solid var(--line);color:var(--mut);background:#f7f8fb;border-radius:9px;flex:1;align-items:center;gap:9px;padding:9px 12px;display:flex}.mailbox-search input{width:100%;color:var(--ink);font-size:var(--fs-sm);background:0 0;border:0;outline:0}.mailbox-body{flex:1;grid-template-columns:minmax(300px,.82fr) minmax(0,1.35fr);min-height:0;display:grid}.mailbox-list-pane{border-right:1px solid var(--line);background:var(--card);min-height:0;overflow:auto}.mailbox-mail-row{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #eef1f6;gap:10px;padding:12px 14px;display:flex}.mailbox-mail-row:hover{background:#f7f9fd}.mailbox-mail-row.is-selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.mailbox-mail-row.is-unread{background:#fbfcff}.mailbox-mail-row.is-unread:hover{background:#f5f8ff}.mailbox-avatar{color:#506b9b;background:#e9edf7;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.mailbox-mail-copy{flex:1;gap:3px;min-width:0;display:grid}.mailbox-mail-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mailbox-mail-head b{font-size:var(--fs-sm);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mailbox-mail-head small{color:var(--mut);font-size:var(--fs-xs);white-space:nowrap}.mailbox-mail-subject{font-size:var(--fs-sm);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mailbox-mail-row.is-unread .mailbox-mail-head b,.mailbox-mail-row.is-unread .mailbox-mail-subject{font-weight:800}.mailbox-mail-preview{font-size:var(--fs-xs);color:var(--mut);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mailbox-reader{background:var(--card);flex-direction:column;min-width:0;min-height:0;display:flex}.mailbox-reader-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;display:flex}.mailbox-reader-scroll{min-height:0;padding:20px 24px;overflow:auto}.mailbox-reader-scroll h2{color:var(--ink);letter-spacing:-.4px;margin:0 0 16px;font-size:22px;line-height:1.3}.mailbox-sender{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.mailbox-sender b,.mailbox-sender small{display:block}.mailbox-sender b{font-size:var(--fs-sm);color:var(--ink)}.mailbox-sender small{font-size:var(--fs-xs);color:var(--mut);overflow-wrap:anywhere;margin-top:2px}.mailbox-thread{gap:12px;margin-bottom:18px;display:grid}.mailbox-thread-message{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:12px 14px}.mailbox-thread-message.outbound{background:#f3f7ff;border-color:#dbe7ff}.mailbox-thread-head{font-size:var(--fs-xs);color:var(--mut);justify-content:space-between;gap:10px;margin-bottom:7px;display:flex}.mailbox-thread-body{font-size:var(--fs-sm);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.mailbox-reply-box{border:1px solid var(--line);background:#fafbfe;border-radius:10px;padding:12px}.mailbox-reply-head{color:var(--ink);font-size:var(--fs-sm);align-items:center;gap:7px;margin-bottom:9px;display:flex}.mailbox-reply-box textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;font:inherit;font-size:var(--fs-sm);resize:vertical;color:var(--ink);background:#fff;border-radius:8px;padding:10px}.mailbox-reply-actions{justify-content:flex-end;margin-top:9px;display:flex}.mailbox-empty{text-align:center;min-height:220px;color:var(--mut);flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;display:flex}.mailbox-empty p{color:var(--ink);font-size:var(--fs-sm);margin:0;font-weight:600}.mailbox-empty small{font-size:var(--fs-xs)}.mailbox-reader-empty{height:100%}.spin{animation:1s linear infinite spin}@media (width<=1050px){.mailbox-body{grid-template-columns:minmax(260px,.75fr) minmax(0,1fr)}}@media (width<=820px){.mailbox-app{grid-template-columns:1fr;height:auto;min-height:0}.mailbox-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:10px}.mailbox-sidebar-label,.mailbox-sidebar-foot{margin-top:0}.mailbox-account-list{grid-template-columns:1fr 1fr}.mailbox-sidebar-foot{padding-top:8px}.mailbox-sidebar-foot small{display:none}.mailbox-body{grid-template-columns:1fr}.mailbox-list-pane{border-right:0;border-bottom:1px solid var(--line);max-height:380px}.mailbox-reader{min-height:420px}}@media (width<=560px){.mailbox-account-list{grid-template-columns:1fr}.mailbox-topbar{padding:8px}.mailbox-reader-scroll{padding:16px}}.email-status-strip{align-items:stretch;margin-bottom:14px;padding:0;display:flex;overflow:hidden}.email-status-item{border-right:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:13px 16px;display:flex}.email-status-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.email-status-item small,.email-status-item b{display:block}.email-status-item small{color:var(--mut);font-size:var(--fs-xs)}.email-status-item b{color:var(--ink);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-status-action{align-items:center;margin-left:auto;padding:10px 14px;display:flex}.email-automation-layout{grid-template-columns:minmax(250px,.7fr) minmax(0,1.4fr);align-items:start;gap:14px;display:grid}.email-side-card{padding:16px}.email-side-head{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.email-side-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.email-side-head h3{color:var(--ink);font-size:var(--fs-md);margin:0}.email-side-head .sub{margin:3px 0 0}.email-side-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;margin-bottom:14px;display:grid}.email-side-list>div{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.email-side-list>div:last-child{border-bottom:0}.email-side-list span{color:var(--mut);font-size:var(--fs-xs)}.email-side-list b{color:var(--ink);font-size:var(--fs-xs);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-side-actions{gap:7px;display:grid}.email-side-note{color:var(--mut);font-size:var(--fs-xs);margin:12px 0 0;line-height:1.5}.email-history-panel{padding:0;overflow:hidden}.email-history-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.email-history-head h3{color:var(--ink);font-size:var(--fs-md);margin:0}.email-history-head .sub{margin:3px 0 0}.email-history-list{display:grid}.email-history-row{border-bottom:1px solid #eef1f6;align-items:center;gap:11px;min-width:0;padding:11px 18px;display:flex}.email-history-row:last-child{border-bottom:0}.email-history-row:hover{background:#f8faff}.email-history-dot{background:#c6ced9;border-radius:50%;flex:none;width:7px;height:7px}.email-history-dot.is-sent{background:#36a978}.email-history-copy{flex:1;min-width:0}.email-history-copy b,.email-history-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.email-history-copy b{color:var(--ink);font-size:var(--fs-sm)}.email-history-copy small{color:var(--mut);font-size:var(--fs-xs);margin-top:2px}.email-history-empty{text-align:center;min-height:220px;color:var(--mut);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.email-history-empty p{color:var(--ink);font-size:var(--fs-sm);margin:0;font-weight:600}.email-history-empty small{font-size:var(--fs-xs)}@media (width<=900px){.email-status-strip{flex-wrap:wrap}.email-status-item{border-bottom:1px solid var(--line);flex:40%}.email-status-action{border-top:0;width:100%;margin:0}.email-automation-layout{grid-template-columns:1fr}}@media (width<=560px){.email-status-strip{grid-template-columns:1fr;display:grid}.email-status-item{border-right:0}.email-status-action{padding:10px}.email-status-action .button{width:100%}}.email-history-list{max-height:640px;overflow:auto}.email-history-panel{width:100%}.email-history-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mailbox-app-wide{grid-template-columns:1fr}.mailbox-selectors{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mailbox-select{border:1px solid var(--line);background:var(--card);max-width:230px;height:36px;color:var(--ink);font-size:var(--fs-xs);border-radius:8px;padding:0 10px}.mailbox-app-wide .mailbox-topbar .mailbox-search{min-width:220px}.mailbox-app-wide .mailbox-body{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr)}@media (width<=820px){.mailbox-selectors{flex-wrap:nowrap;width:100%;overflow:auto}.mailbox-select{flex:1;max-width:none}.mailbox-app-wide .mailbox-body{grid-template-columns:1fr}}.email-history-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;display:flex}.email-history-search{border:1px solid var(--line);max-width:520px;color:var(--mut);background:#f7f8fb;border-radius:9px;flex:1;align-items:center;gap:8px;padding:8px 11px;display:flex}.email-history-search input{width:100%;color:var(--ink);font-size:var(--fs-sm);background:0 0;border:0;outline:0}.email-history-avatar{color:#506b9b;width:32px;height:32px;font-size:var(--fs-xs);background:#e9edf7;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.email-history-row{align-items:flex-start}.email-history-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.email-history-top b{color:var(--ink);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-history-top small{color:var(--mut);font-size:var(--fs-xs);white-space:nowrap}.email-history-meta{color:var(--mut);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.email-history-snippet{color:#7d8b9d;font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.email-history-row>.badge{flex:none;align-self:flex-start;margin-top:2px}@media (width<=560px){.email-history-toolbar{padding:8px 12px}.email-history-search{max-width:none}.email-history-row{padding-left:12px;padding-right:12px}.email-history-snippet{display:none}}.email-history-body{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);min-height:520px;display:grid}.email-history-side{border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.email-history-side .email-history-toolbar{padding:10px 14px}.email-history-side .email-history-list{max-height:540px;overflow:auto}.email-history-row{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef1f6}.email-history-row.is-selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.email-history-reader{min-width:0;max-height:640px;padding:20px 22px;overflow:auto}.email-reader-empty{height:100%}.email-reader-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.email-reader-head h3{color:var(--ink);font-size:var(--fs-md);margin:0;line-height:1.35}.email-reader-head .sub{margin:3px 0 0}.email-reader-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0 0 18px;display:grid}.email-reader-meta dt,.email-reader-meta dd{margin:0}.email-reader-meta dt{color:var(--mut);font-size:var(--fs-xs)}.email-reader-meta dd{color:var(--ink);font-size:var(--fs-sm);overflow-wrap:anywhere;margin-top:2px}.email-reader-content h4{color:var(--ink);font-size:var(--fs-sm);margin:0 0 8px}.email-reader-body{border:1px solid var(--line);color:var(--ink);font-size:var(--fs-sm);white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;border-radius:10px;min-height:120px;padding:14px;line-height:1.7}@media (width<=900px){.email-history-body{grid-template-columns:1fr}.email-history-side{border-right:0;border-bottom:1px solid var(--line)}.email-history-side .email-history-list{max-height:360px}.email-history-reader{max-height:none;padding:16px}.email-reader-meta{grid-template-columns:1fr 1fr}}@media (width<=560px){.email-reader-meta{grid-template-columns:1fr}}.bulk-email-page{gap:14px;display:grid}.bulk-email-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bulk-email-head h3{color:var(--ink);font-size:var(--fs-md);margin:0}.bulk-email-head .sub{color:var(--mut);font-size:var(--fs-sm);margin:3px 0 0}.bulk-email-audience{flex-wrap:wrap;align-items:center;gap:12px;padding:13px 15px;display:flex}.bulk-audience-icon{background:var(--accent-soft);width:35px;height:35px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.bulk-email-audience small,.bulk-email-audience b{display:block}.bulk-email-audience small{color:var(--mut);font-size:var(--fs-xs)}.bulk-email-audience b{color:var(--ink);font-size:var(--fs-sm)}.bulk-email-audience .sub{margin:2px 0 0}.bulk-audience-sample{flex-wrap:wrap;gap:5px;margin-left:auto;display:flex}.bulk-audience-sample span{background:var(--soft);color:var(--mut);font-size:var(--fs-xs);border-radius:99px;padding:3px 8px}.bulk-email-form{padding:16px}.bulk-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.bulk-form-grid .portal-field{margin:0}.bulk-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.bulk-campaign-panel{padding:0;overflow:hidden}.bulk-campaign-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.bulk-campaign-head h3{color:var(--ink);font-size:var(--fs-sm);margin:0}.bulk-campaign-head .sub{margin:3px 0 0}.bulk-campaign-list{display:grid}.bulk-campaign-row{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex}.bulk-campaign-row:last-child{border-bottom:0}.bulk-campaign-row b,.bulk-campaign-row small{display:block}.bulk-campaign-row b{color:var(--ink);font-size:var(--fs-sm)}.bulk-campaign-row small{color:var(--mut);font-size:var(--fs-xs);margin-top:2px}.bulk-empty{padding:16px}@media (width<=760px){.bulk-form-grid{grid-template-columns:1fr}.bulk-audience-sample{width:100%;margin-left:0}.bulk-form-actions .button{flex:1}}.portal-flow-banner{color:#6b4d12;background:#fffaf0;border:1px solid #f0d9a8;border-radius:10px;align-items:center;gap:11px;margin-bottom:14px;padding:12px 14px;display:flex}.portal-flow-icon{color:#a87818;background:#fdf0d5;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.portal-flow-banner b,.portal-flow-banner small{display:block}.portal-flow-banner b{color:#5c4310;font-size:var(--fs-sm)}.portal-flow-banner small{color:#806735;font-size:var(--fs-xs);margin-top:2px}.portal-flow-banner .button{flex:none}@media (width<=620px){.portal-flow-banner{flex-wrap:wrap;align-items:flex-start}.portal-flow-banner .button{width:100%;margin-left:45px}}