.auth-page,.status-page{color:#14203a;background:#f3f6fc;place-items:center;min-height:100vh;padding:32px;display:grid;overflow:hidden}.auth-page{position:relative}.auth-glow{filter:blur(8px);opacity:.6;pointer-events:none;border-radius:50%;position:absolute}.auth-glow-one{background:radial-gradient(circle,#e9202b21,#0000 68%);width:430px;height:430px;top:-180px;left:-130px}.auth-glow-two{background:radial-gradient(circle,#2458c61f,#0000 68%);width:480px;height:480px;bottom:-180px;right:-130px}.auth-shell{z-index:1;background:#fff;border:1px solid #e3e8f2;border-radius:25px;grid-template-columns:.85fr 1.15fr;width:min(1080px,100%);min-height:670px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 75px #19274e21}.auth-intro{color:#fff;background:linear-gradient(150deg,#101b3b 0%,#111f48 60%,#182e66 100%);flex-direction:column;padding:42px;display:flex;position:relative;overflow:hidden}.auth-intro:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-120px;right:-100px;box-shadow:0 0 0 42px #ffffff06,0 0 0 88px #ffffff05}.auth-brand{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.auth-brand img{object-fit:contain;background:#fff;border-radius:14px;width:54px;height:54px;padding:3px}.auth-brand div{flex-direction:column;line-height:1;display:flex}.auth-brand strong{font-size:calc(22px * var(--settings-body-scale))}.auth-brand span{color:#b9c5e3;font-size:calc(11px * var(--settings-body-scale));letter-spacing:.32em;margin-top:7px;font-weight:700}.auth-intro-copy{z-index:1;margin-top:82px;position:relative}.auth-kicker{color:#c9d5f4;font-size:calc(11px * var(--settings-body-scale));background:#ffffff12;border:1px solid #ffffff26;border-radius:99px;padding:6px 10px;display:inline-flex}.auth-intro-copy h1{letter-spacing:-.02em;margin:17px 0 13px;font-size:clamp(27px,3vw,39px);line-height:1.25}.auth-intro-copy p{color:#b8c4df;max-width:370px;font-size:calc(15px * var(--settings-body-scale));margin:0;line-height:1.7}.auth-points{z-index:1;gap:13px;margin-top:34px;display:grid;position:relative}.auth-points>div{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:39px 1fr;align-items:center;gap:11px;padding:12px 13px;display:grid}.auth-points svg{color:#72dbc4;width:21px}.auth-points span{color:#b9c5de;font-size:calc(11px * var(--settings-body-scale));flex-direction:column;display:flex}.auth-points strong{color:#fff;font-size:calc(13px * var(--settings-body-scale))}.preview-link{z-index:1;color:#b8c7ea;font-size:calc(12px * var(--settings-body-scale));text-underline-offset:4px;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:0;text-decoration:underline;position:relative}.auth-panel{background:#fff;flex-direction:column;padding:34px 52px 38px;display:flex}.auth-mobile-brand{display:none}.auth-tabs{background:#f2f5fa;border-radius:13px;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px;display:grid}.auth-tabs button{color:#7a8498;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;font-weight:600;display:flex}.auth-tabs button svg{width:17px}.auth-tabs button.active{color:#17233d;background:#fff;box-shadow:0 5px 16px #17233d17}.auth-form{width:100%;max-width:540px;margin:auto;padding-top:25px}.form-heading{margin-bottom:20px}.form-heading>span{color:#e9202b;font-size:calc(11px * var(--settings-body-scale));letter-spacing:.04em;font-weight:700}.form-heading h2{color:#14203a;font-size:calc(24px * var(--settings-body-scale));margin:3px 0;line-height:1.3}.form-heading p{color:#8992a4;font-size:calc(12px * var(--settings-body-scale));margin:0}.auth-field{gap:6px;margin-bottom:14px;display:grid}.auth-field>span,.drawer-field>span{color:#566177;font-size:calc(12px * var(--settings-body-scale));font-weight:600}.auth-input-wrap{background:#fbfcfe;border:1px solid #dfe4ee;border-radius:11px;align-items:center;gap:9px;min-height:47px;padding:0 13px;transition:all .2s;display:flex}.auth-input-wrap:focus-within{background:#fff;border-color:#7c9be1;box-shadow:0 0 0 3px #2458c614}.auth-input-wrap>svg{color:#8792a7;flex:none;width:18px}.auth-input-wrap input,.auth-input-wrap select{color:#17233d;width:100%;min-width:0;font-size:calc(13px * var(--settings-body-scale));background:0 0;border:0;outline:0}.auth-input-wrap input::placeholder{color:#a7afbd}.auth-input-wrap select{appearance:auto}.password-toggle{color:#8792a7;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.password-toggle svg{width:17px}.auth-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.branch-note{color:#536381;background:#f5f8ff;border:1px solid #cfdcf7;border-radius:10px;grid-template-columns:34px 1fr;align-items:center;gap:10px;margin:1px 0 13px;padding:10px 12px;display:grid}.branch-note svg{color:#2458c6;width:18px}.branch-note span{font-size:calc(10px * var(--settings-body-scale));flex-direction:column;display:flex}.branch-note strong{color:#2458c6;font-size:calc(11px * var(--settings-body-scale))}.auth-message{font-size:calc(11px * var(--settings-body-scale));border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;line-height:1.45;display:flex}.auth-message svg{flex:none;width:16px}.auth-message.error{color:#b6222c;background:#fff3f4;border:1px solid #f5c6ca}.auth-message.success{color:#087f61;background:#eefbf6;border:1px solid #bde7d8}.auth-submit{color:#fff;width:100%;min-height:49px;font-size:calc(14px * var(--settings-body-scale));background:linear-gradient(100deg,#e9202b,#c81624);border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;font-weight:700;display:flex;box-shadow:0 11px 24px #e9202b33}.auth-submit:hover:not(:disabled){transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-submit svg{width:18px}.auth-help{color:#9099aa;font-size:calc(11px * var(--settings-body-scale));text-align:center;margin:12px 0 0}.status-page{background:radial-gradient(circle at top,#fff 0,#f3f6fc 58%)}.status-card{text-align:center;background:#fff;border:1px solid #e1e6f0;border-radius:22px;width:min(500px,100%);padding:35px;box-shadow:0 22px 60px #19274e1c}.status-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:30px;display:flex}.status-brand img{object-fit:contain;width:43px;height:43px}.status-brand strong{font-size:calc(18px * var(--settings-body-scale))}.status-icon{border-radius:50%;place-items:center;width:75px;height:75px;margin:0 auto 13px;display:grid}.status-icon svg{width:33px;height:33px}.status-pending{color:#e18a18;background:#fff5e5}.status-rejected,.status-suspended{color:#d11d2a;background:#fff0f1}.status-badge{color:#a86711;font-size:calc(10px * var(--settings-body-scale));text-transform:uppercase;background:#fff4de;border-radius:99px;padding:5px 10px;font-weight:700;display:inline-flex}.status-card h1{font-size:calc(25px * var(--settings-body-scale));margin:13px 0 6px}.status-card>p{color:#737e92;max-width:400px;font-size:calc(13px * var(--settings-body-scale));margin:0 auto;line-height:1.65}.status-details{text-align:left;border:1px solid #e5e9f1;border-radius:13px;gap:0;margin:25px 0;display:grid;overflow:hidden}.status-details div{border-bottom:1px solid #edf0f5;grid-template-columns:125px 1fr;gap:12px;padding:11px 14px;display:grid}.status-details div:last-child{border-bottom:0}.status-details dt{color:#8a94a7;font-size:calc(11px * var(--settings-body-scale))}.status-details dd{color:#25314b;font-size:calc(12px * var(--settings-body-scale));margin:0;font-weight:600}.status-logout{color:#536077;background:#f8f9fc;border:1px solid #e1e5ed;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;display:inline-flex}.status-logout svg{width:17px}.approval-page{color:#17223a;background:#f4f6fb;min-height:100vh}.approval-shell-page{background:0 0;min-height:0}.approval-page-embedded{background:0 0;min-height:0;padding:4px 0 28px}.approval-page-embedded .approval-content{width:100%;margin:0;padding:0}.approval-topbar{background:#fff;border-bottom:1px solid #e2e6ef;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:78px;padding:11px 26px;display:grid}.approval-back{color:#566078;background:#f9fafc;border:1px solid #e1e6ef;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;display:flex}.approval-back svg{width:17px}.approval-topbar>div:nth-child(2) span{color:#e9202b;font-size:calc(10px * var(--settings-body-scale));font-weight:700}.approval-topbar h1{font-size:calc(21px * var(--settings-body-scale));margin:2px 0 0}.approval-top-actions{align-items:center;gap:10px;display:flex}.approval-top-actions>span{color:#737f93;font-size:calc(11px * var(--settings-body-scale));align-items:center;gap:7px;display:flex}.approval-top-actions>span svg{width:16px}.approval-top-actions>button{color:#566078;background:#fafbfe;border:1px solid #e1e6ef;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.approval-top-actions>button svg{width:17px}.approval-user{border:1px solid #e1e6ef;border-radius:12px;align-items:center;gap:8px;padding:4px 9px 4px 4px;display:flex}.approval-user>b{color:#fff;width:35px;height:35px;font-size:calc(10px * var(--settings-body-scale));background:linear-gradient(135deg,#e9202b,#ff7c39);border-radius:50%;place-items:center;display:grid}.approval-user>span{flex-direction:column;display:flex}.approval-user strong{font-size:calc(11px * var(--settings-body-scale))}.approval-user small{color:#e9202b;font-size:calc(9px * var(--settings-body-scale))}.approval-content{width:min(1500px,100%);margin:0 auto;padding:20px 26px 35px}.approval-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.approval-summary article{background:#fff;border:1px solid #e2e6ef;border-radius:13px;align-items:center;gap:11px;min-height:83px;padding:14px;display:flex;box-shadow:0 8px 25px #1826460b}.summary-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.summary-icon svg{width:20px}.summary-icon.blue{color:#2458c6;background:#edf3ff}.summary-icon.orange{color:#e28718;background:#fff4e5}.summary-icon.green{color:#07916e;background:#eaf9f4}.summary-icon.violet{color:#6c52d9;background:#f1edff}.approval-summary article div{flex-direction:column;display:flex}.approval-summary small{color:#818b9e;font-size:calc(10px * var(--settings-body-scale))}.approval-summary strong{font-size:calc(19px * var(--settings-body-scale))}.approval-notice{color:#087f61;font-size:calc(12px * var(--settings-body-scale));background:#effbf7;border:1px solid #bae6d7;border-radius:10px;align-items:center;gap:8px;margin-bottom:13px;padding:10px 13px;display:flex}.approval-notice svg{width:17px}.approval-workspace{grid-template-columns:minmax(0,1fr) 345px;align-items:start;gap:13px;display:grid}.request-list-panel,.review-drawer{background:#fff;border:1px solid #e2e6ef;border-radius:14px;box-shadow:0 9px 28px #1826460b}.request-list-panel{min-height:540px;padding:17px}.request-list-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.request-list-heading h2{font-size:calc(17px * var(--settings-body-scale));margin:0}.request-list-heading p{color:#8992a4;font-size:calc(10px * var(--settings-body-scale));margin:2px 0 0}.request-list-heading label{background:#fafbfc;border:1px solid #e0e5ed;border-radius:10px;align-items:center;gap:7px;min-width:225px;min-height:40px;padding:0 11px;display:flex}.request-list-heading label svg{color:#8892a5;width:16px}.request-list-heading input{width:100%;font-size:calc(11px * var(--settings-body-scale));background:0 0;border:0;outline:0}.request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.request-card{background:#fff;border:1px solid #e2e7ef;border-radius:12px;padding:16px;transition:all .2s}.request-card:hover{border-color:#cbd7ef;box-shadow:0 8px 20px #23365f12}.request-person{align-items:center;gap:10px;margin-bottom:12px;display:flex}.request-person>b,.drawer-person>b{color:#2458c6;width:38px;height:38px;font-size:calc(11px * var(--settings-body-scale));background:#eef3ff;border-radius:50%;place-items:center;display:grid}.request-person>div{flex:1;justify-content:space-between;align-items:center;gap:7px;display:flex}.request-person h3{font-size:calc(14px * var(--settings-body-scale));margin:0}.pending-pill{color:#c3750e;font-size:calc(9px * var(--settings-body-scale));background:#fff2dc;border-radius:99px;padding:3px 7px;font-weight:700}.request-card dl{gap:7px;margin:0 0 13px;display:grid}.request-card dl div{grid-template-columns:105px 1fr;gap:7px;display:grid}.request-card dt{color:#929bad;font-size:calc(9px * var(--settings-body-scale))}.request-card dd{color:#39455d;font-size:calc(10px * var(--settings-body-scale));margin:0;font-weight:600}.request-card>button{color:#087e62;width:100%;min-height:36px;font-size:calc(11px * var(--settings-body-scale));background:#f1fbf7;border:1px solid #b9dccc;border-radius:9px;font-weight:700}.request-empty{color:#8993a6;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;display:flex}.request-empty>svg{color:#44ad8f;width:45px;height:45px}.request-empty h3{color:#354159;font-size:calc(16px * var(--settings-body-scale));margin:9px 0 2px}.request-empty p{font-size:calc(11px * var(--settings-body-scale));margin:0}.review-drawer{min-height:540px;padding:18px;position:sticky;top:14px}.drawer-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;padding-bottom:13px;display:flex}.drawer-heading span{color:#e9202b;font-size:calc(9px * var(--settings-body-scale));font-weight:700}.drawer-heading h2{font-size:calc(18px * var(--settings-body-scale));margin:2px 0 0}.drawer-heading button{color:#6f7b90;background:#f3f5f9;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.drawer-heading svg{width:17px}.drawer-person{align-items:center;gap:10px;margin:15px 0;display:flex}.drawer-person>b{width:45px;height:45px}.drawer-person>div{flex-direction:column;display:flex}.drawer-person strong{font-size:calc(14px * var(--settings-body-scale))}.drawer-person span{color:#7f899b;font-size:calc(11px * var(--settings-body-scale))}.requested-info{background:#f7f9fc;border-radius:10px;gap:8px;margin-bottom:14px;padding:12px;display:grid}.requested-info>div{grid-template-columns:26px 1fr;align-items:center;gap:7px;display:grid}.requested-info svg{color:#6c7990;width:16px}.requested-info span{color:#9099aa;font-size:calc(9px * var(--settings-body-scale));flex-direction:column;display:flex}.requested-info strong{color:#344159;font-size:calc(10px * var(--settings-body-scale))}.drawer-field{gap:5px;margin-bottom:11px;display:grid}.drawer-field>div{background:#fbfcfe;border:1px solid #e0e5ed;border-radius:9px;align-items:center;gap:7px;min-height:42px;padding:0 10px;display:flex}.drawer-field svg{color:#8290a5;width:15px}.drawer-field select{width:100%;font-size:calc(11px * var(--settings-body-scale));background:0 0;border:0;outline:0}.drawer-field textarea{resize:vertical;min-height:78px;font:inherit;font-size:calc(11px * var(--settings-body-scale));border:1px solid #e0e5ed;border-radius:9px;outline:0;padding:10px}.drawer-lock-note{color:#558070;background:#f0faf6;border:1px solid #bce2d5;border-radius:9px;grid-template-columns:30px 1fr;align-items:center;gap:7px;margin:2px 0 11px;padding:9px;display:grid}.drawer-lock-note svg{color:#078363;width:17px}.drawer-lock-note span{font-size:calc(9px * var(--settings-body-scale));flex-direction:column;display:flex}.drawer-lock-note strong{color:#087e62;font-size:calc(10px * var(--settings-body-scale))}.drawer-error{color:#c71e2b;font-size:calc(10px * var(--settings-body-scale));margin:0 0 8px}.approve-button,.reject-button{width:100%;min-height:41px;font-size:calc(11px * var(--settings-body-scale));border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.approve-button{color:#fff;background:#078561;border:0}.reject-button{color:#d51d2a;background:#fff;border:1px solid #f0aeb4;margin-top:8px}.approve-button svg,.reject-button svg{width:16px}.drawer-placeholder{color:#929bad;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.drawer-placeholder svg{color:#b8c2d2;width:45px;height:45px}.drawer-placeholder h3{color:#46536a;font-size:calc(15px * var(--settings-body-scale));margin:11px 0 3px}.drawer-placeholder p{max-width:245px;font-size:calc(10px * var(--settings-body-scale));margin:0;line-height:1.55}@media (width<=960px){.auth-page{padding:18px}.auth-shell{grid-template-columns:1fr;width:min(650px,100%)}.auth-intro{display:none}.auth-panel{padding:27px 38px 35px}.auth-mobile-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:18px;display:flex}.auth-mobile-brand img{object-fit:contain;width:41px;height:41px}.auth-mobile-brand strong{font-size:calc(18px * var(--settings-body-scale))}.approval-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-workspace{grid-template-columns:1fr}.review-drawer{min-height:auto;position:static}.drawer-placeholder{min-height:180px}}@media (width<=650px){.auth-page,.status-page{align-items:stretch;padding:0}.auth-shell{border:0;border-radius:0;min-height:100vh}.auth-panel{padding:22px 17px 30px}.auth-form{margin:0 auto}.auth-two-columns{grid-template-columns:1fr;gap:0}.approval-topbar{grid-template-columns:auto 1fr;padding:10px 13px}.approval-top-actions{display:none}.approval-topbar h1{font-size:calc(17px * var(--settings-body-scale))}.approval-content{padding:13px}.approval-summary{grid-template-columns:1fr 1fr}.approval-summary article{min-height:70px;padding:10px}.request-list-heading{flex-direction:column;align-items:stretch}.request-list-heading label{min-width:0}.request-grid{grid-template-columns:1fr}.review-drawer:not(.open){display:none}.request-list-panel{padding:12px}.status-card{border:0;border-radius:0;flex-direction:column;justify-content:center;min-height:100vh;display:flex}}.profile-avatar{color:#1e62d9;background:#edf4ff;border:1px solid #cbdcff;border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.profile-avatar b{letter-spacing:.02em;font-size:.82em}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-small{width:34px;height:34px;font-size:calc(12px * var(--settings-body-scale))}.profile-avatar-medium{width:44px;height:44px;font-size:calc(15px * var(--settings-body-scale))}.profile-avatar-large{width:72px;height:72px;font-size:calc(24px * var(--settings-body-scale))}.my-profile-modal{width:min(650px,100vw - 28px);padding:0}.my-profile-modal>header{padding:20px 22px 17px}.my-profile-modal>header p{color:#667792;font-size:calc(var(--settings-body-font-size) * .84);margin:5px 0 0}.my-profile-modal form{gap:14px;padding:18px 22px 22px;display:grid}.my-profile-password{border-top:1px solid var(--border);background:#fbfcff}.my-profile-photo-row{background:#f6f9ff;border:1px solid #dce6f8;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.my-profile-photo-row>div{gap:4px;min-width:0;display:grid}.my-profile-photo-row strong{color:var(--text)}.my-profile-photo-row small{color:#667792}.my-profile-photo-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.my-profile-photo-actions .my-profile-photo-action{min-height:34px;font-size:calc(var(--settings-body-font-size) * .78);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.my-profile-photo-action svg{flex:none;width:16px;height:16px}.my-profile-photo-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile-remove-photo{color:#c82a38;font:inherit;font-size:calc(var(--settings-body-font-size) * .78);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.profile-remove-photo svg{width:15px}.my-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.my-profile-section-heading{align-items:center;gap:10px;display:flex}.my-profile-section-heading>svg{color:#2563df;background:#edf4ff;border-radius:10px;width:34px;height:34px;padding:8px}.my-profile-section-heading span{gap:2px;display:grid}.my-profile-section-heading small{color:#71809a}.my-profile-security-note{color:#4b6287;font-size:calc(var(--settings-body-font-size) * .82);background:#f4f7fd;border:1px solid #dce6f8;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.my-profile-security-note svg{color:#2f67ca;width:16px}.my-profile-password-submit{color:#1d58c4;border-color:#bbd0fb;justify-content:center;width:fit-content;min-height:40px}@media (width<=600px){.my-profile-fields{grid-template-columns:1fr}.my-profile-modal form,.my-profile-modal>header{padding-left:16px;padding-right:16px}.my-profile-photo-row{align-items:flex-start}}@font-face{font-family:Kalpurush;src:url(/memo-assets/kalpurush.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Noto Serif Bengali;src:url(/fonts/noto-serif-bengali-variable.ttf)format("truetype-variations");font-style:normal;font-weight:100 900;font-stretch:62.5% 100%;font-display:swap}:root{--settings-header-font-family:"Noto Serif Bengali", "Kalpurush", serif;--settings-header-font-size:18px;--settings-header-font-weight:500;--settings-header-font-style:normal;--settings-subheader-font-family:"Noto Serif Bengali", "Kalpurush", serif;--settings-subheader-font-size:14px;--settings-subheader-font-weight:500;--settings-subheader-font-style:normal;--settings-title-font-family:"Noto Serif Bengali", "Kalpurush", serif;--settings-title-font-size:24px;--settings-title-font-weight:500;--settings-title-font-style:normal;--settings-subtitle-font-family:"Noto Serif Bengali", "Kalpurush", serif;--settings-subtitle-font-size:14px;--settings-subtitle-font-weight:500;--settings-subtitle-font-style:normal;--settings-body-font-family:"Kalpurush", "Noto Serif Bengali", serif;--settings-body-font-size:16px;--settings-body-font-weight:500;--settings-body-font-style:normal;--settings-body-scale:1;--app-font-family:var(--settings-body-font-family);font-family:var(--app-font-family);color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--page:#f4f6fb;--surface:#fff;--surface-soft:#f8f9fd;--text:#172033;--text-muted:#788196;--border:#e5e8f0;--sidebar:#111b38;--sidebar-soft:#1a2649;--sidebar-text:#aeb8d0;--primary:#e9202b;--primary-soft:#fff0f1;--sidebar-active-start:#e9202b;--sidebar-active-end:#c91625;--sidebar-active-shadow:#e9202b38;--chart-grid:#e9ecf3;--shadow:0 10px 30px #1d27430f;--ink:var(--text);--muted:var(--text-muted);--line:var(--border);background:#f4f6fb}:root[data-color-preset=purple-red]{--primary:#6d56d9;--primary-soft:#f0edff;--sidebar-active-start:#6d56d9;--sidebar-active-end:#513db8;--sidebar-active-shadow:#6d56d938}:root[data-theme=dark]{color:#edf1fb;--page:#0b1020;--surface:#151c2f;--surface-soft:#101729;--text:#edf1fb;--text-muted:#9aa5bc;--border:#28324b;--sidebar:#080e20;--sidebar-soft:#17213c;--sidebar-text:#bac4dc;--primary-soft:#381b25;--chart-grid:#2a3349;--shadow:0 14px 34px #00000038;background:#0b1020}:root[data-theme=dark][data-color-preset=purple-red]{--primary-soft:#2d274d}*{box-sizing:border-box}html{background:var(--page);min-width:320px;min-height:100%}body{background:var(--page);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--app-font-family);font-size:var(--settings-body-font-size);font-style:var(--settings-body-font-style);font-weight:var(--settings-body-font-weight);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}svg text{font-family:var(--app-font-family)!important}.app-loading{min-height:100vh;color:var(--text-muted);background:var(--page);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:25px;display:flex}.app-loading img{object-fit:contain;width:72px;height:72px}.app-loading>svg{color:#2458c6;width:42px;height:42px}.app-loading button{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:9px;padding:8px 13px}.dashboard-alert{color:#b91d29;font-size:calc(12px * var(--settings-body-scale));background:#fff2f3;border:1px solid #f2b8bd;border-radius:11px;margin:0 0 14px;padding:11px 13px;line-height:1.45}:root[data-theme=dark] .dashboard-alert{color:#ff9ba4;background:#351d24;border-color:#64323a}.settings-runtime-warning{color:#805b08;font-size:calc(12px * var(--settings-body-scale));background:#fff8e8;border:1px solid #f0cf86;border-radius:10px;align-items:center;gap:8px;margin:0 0 12px;padding:9px 12px;line-height:1.4;display:flex}.settings-runtime-warning svg{flex:none;width:16px}:root[data-theme=dark] .settings-runtime-warning{color:#f0c77e;background:#2b2417;border-color:#6b552d}.app-shell{background:var(--page);min-height:100vh}.sidebar{z-index:40;background:linear-gradient(180deg, var(--sidebar) 0%, #0c1530 100%);color:#fff;flex-direction:column;width:246px;padding:22px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:0 8px 23px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:12px;width:48px;height:48px;padding:2px}.brand div{flex-direction:column;line-height:1;display:flex}.brand strong{font-family:var(--settings-header-font-family);font-size:calc(var(--settings-header-font-size) * 1.11);font-style:var(--settings-header-font-style);font-weight:var(--settings-header-font-weight);letter-spacing:.02em}.brand span{font-family:var(--settings-subtitle-font-family);font-size:calc(var(--settings-subtitle-font-size) * .79);font-style:var(--settings-subtitle-font-style);font-weight:var(--settings-subtitle-font-weight);letter-spacing:.32em;color:#c2cce0;margin-top:7px}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.main-nav{gap:7px;margin:24px 0;display:grid}.nav-item{width:100%;min-height:44px;color:var(--sidebar-text);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:0 13px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#fff;background:linear-gradient(90deg, var(--sidebar-active-start), var(--sidebar-active-end));box-shadow:0 9px 20px var(--sidebar-active-shadow)}.nav-item span{font-family:var(--settings-body-font-family);font-size:calc(var(--settings-body-font-size) * .94);font-style:var(--settings-body-font-style);font-weight:var(--settings-body-font-weight)}.sidebar-profile{background:#ffffff0d;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:13px 10px;display:grid}.avatar-mini,.user-avatar{color:#fff;background:linear-gradient(135deg,#e9202b,#ff7a37);border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar-mini,.sidebar-profile .sidebar-avatar{width:38px;height:38px;font-size:calc(12px * var(--settings-body-scale))}.sidebar-profile div:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-profile strong{font-family:var(--settings-subheader-font-family);font-size:calc(var(--settings-subheader-font-size) * .93);font-style:var(--settings-subheader-font-style);font-weight:var(--settings-subheader-font-weight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-profile span{font-family:var(--settings-subtitle-font-family);font-size:calc(var(--settings-subtitle-font-size) * .79);font-style:var(--settings-subtitle-font-style);font-weight:var(--settings-subtitle-font-weight);color:#aeb8d0}.main-area{min-height:100vh;margin-left:246px}.topbar{z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;min-height:80px;padding:12px 26px;display:flex;position:sticky;top:0}.menu-button{color:var(--text);background:0 0;border:0;display:none}.title-group{flex-direction:column;line-height:1.18;display:flex}.eyebrow{color:var(--primary);font-family:var(--settings-header-font-family);font-size:var(--settings-header-font-size);font-style:var(--settings-header-font-style);font-weight:var(--settings-header-font-weight);letter-spacing:.08em;text-transform:uppercase}.title-group h1{font-family:var(--settings-title-font-family);font-size:var(--settings-title-font-size);font-style:var(--settings-title-font-style);font-weight:var(--settings-title-font-weight);margin:5px 0 0;line-height:1.2}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.today{color:var(--text-muted);font-family:var(--settings-subtitle-font-family);font-size:calc(var(--settings-subtitle-font-size) * .93);font-style:var(--settings-subtitle-font-style);font-weight:var(--settings-subtitle-font-weight);white-space:nowrap;align-items:center;gap:8px;padding-right:14px;display:flex}.icon-button,.theme-toggle,.user-menu{border:1px solid var(--border);color:var(--text);background:var(--surface-soft)}.icon-button{border-radius:12px;place-items:center;width:41px;height:41px;display:grid;position:relative}.notification span{border:2px solid var(--surface);color:#fff;background:var(--primary);min-width:18px;height:18px;font-size:calc(9px * var(--settings-body-scale));border-radius:99px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-6px;right:-5px}.notification-wrap{position:relative}.notification-panel{z-index:40;border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(360px,100vw - 32px);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 55px #12284c2e}.notification-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.notification-panel header div{gap:2px;display:grid}.notification-panel header strong{color:var(--ink);font-size:calc(14px * var(--settings-body-scale))}.notification-panel header small{color:var(--muted);font-size:calc(11px * var(--settings-body-scale))}.notification-panel header button{width:30px;height:30px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border:0;border-radius:9px;place-items:center;display:grid}.notification-item{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--primary);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:11px;padding:14px 16px;display:flex}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:var(--surface-soft)}.notification-item span{color:inherit;gap:3px;display:grid}.notification-item strong{color:var(--ink);font-size:calc(12px * var(--settings-body-scale))}.notification-item small{color:var(--muted);font-size:calc(10px * var(--settings-body-scale));line-height:1.45}.notification-empty{min-height:100px;color:var(--muted);font-size:calc(12px * var(--settings-body-scale));justify-content:center;align-items:center;gap:9px;padding:20px;display:flex}.theme-toggle{border-radius:12px;align-items:center;gap:3px;min-width:106px;height:42px;padding:3px;display:flex}.theme-toggle button{min-width:46px;height:34px;color:var(--text-muted);font:inherit;font-size:calc(10px * var(--settings-body-scale));cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.theme-toggle button svg{flex:none;width:20px;height:20px}.theme-toggle button:hover{background:var(--surface)}.theme-toggle button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.theme-toggle .theme-active{color:#ff9f0a;background:var(--surface);box-shadow:0 2px 7px #17203314}.theme-toggle .theme-dark-option.theme-active{color:#6f9cff}.user-menu-wrap{position:relative}.user-menu{text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;min-width:192px;height:48px;padding:5px 10px;display:grid}.user-avatar,.user-menu .topbar-avatar{width:36px;height:36px;font-size:calc(11px * var(--settings-body-scale))}.user-menu div:nth-child(2){flex-direction:column;min-width:0;display:flex}.user-menu strong{font-size:calc(12px * var(--settings-body-scale));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-menu span{color:var(--primary);font-size:calc(10px * var(--settings-body-scale))}.user-menu>svg{width:16px;color:var(--text-muted)}.user-menu-panel{z-index:50;border:1px solid var(--line);background:var(--surface);border-radius:13px;width:190px;padding:6px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 45px #1123472e}.user-menu-panel button{min-height:37px;color:var(--text);text-align:left;font:inherit;font-size:calc(12px * var(--settings-body-scale));cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.user-menu-panel button:hover{background:var(--surface-soft)}.user-menu-panel button svg{color:#2b67cf;width:16px}.user-menu-panel .user-menu-logout{color:#bd2936}.user-menu-panel .user-menu-logout svg{color:inherit}.content{width:min(100%,1700px);margin:0 auto;padding:22px 26px 34px}.preview-banner{color:#6b521f;background:#fff9e9;border:1px solid #f3d596;border-radius:11px;align-items:center;gap:10px;margin-bottom:15px;padding:9px 13px;display:flex}:root[data-theme=dark] .preview-banner{color:#f5d998;background:#312718;border-color:#634d22}.preview-banner span{color:#8b5d00;font-size:calc(11px * var(--settings-body-scale));background:#ffe8ad;border-radius:7px;flex:none;padding:4px 8px;font-weight:700}.preview-banner p{font-size:calc(12px * var(--settings-body-scale));margin:0}.control-row{align-items:flex-end;gap:18px;margin-bottom:17px;display:flex}.filter-group{flex:1;align-items:flex-end;gap:9px;display:flex}.select-control{gap:5px;min-width:152px;display:grid}.select-control>span{color:var(--text-muted);font-family:var(--settings-subtitle-font-family);font-size:calc(var(--settings-subtitle-font-size) * .79);font-style:var(--settings-subtitle-font-style);font-weight:var(--settings-subtitle-font-weight)}.select-control>div{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:center;gap:5px;min-height:42px;padding:0 10px;display:flex}.select-control select{width:100%;color:var(--text);appearance:none;font-family:var(--settings-body-font-family);font-size:calc(var(--settings-body-font-size) * .8125);font-style:var(--settings-body-font-style);font-weight:var(--settings-body-font-weight);background:0 0;border:0;outline:0}.select-control option{color:#172033}.select-control div>svg:last-child{color:var(--text-muted)}.branch-locked-control{gap:5px;min-width:220px;display:grid}.branch-locked-control>span{color:var(--text-muted);font-size:calc(11px * var(--settings-body-scale));font-weight:600}.branch-locked-control>strong{color:#087d63;min-height:42px;font-size:calc(12px * var(--settings-body-scale));background:#eefaf6;border:1px solid #bde4d8;border-radius:11px;align-items:center;gap:7px;padding:0 11px;display:flex}.quick-actions{gap:8px;display:flex}.quick-actions button{color:#c91625;background:var(--primary-soft);min-height:42px;font-size:calc(12px * var(--settings-body-scale));white-space:nowrap;border:1px solid #f3c9cc;border-radius:11px;align-items:center;gap:7px;padding:0 12px;font-weight:600;display:flex}.quick-actions button:nth-child(2){color:#087e74;background:#ecfaf6;border-color:#bde8dc}.quick-actions button:nth-child(3){color:#2458c6;background:#f0f5ff;border-color:#cbd9f7}.quick-actions button:nth-child(4){color:#d56d15;background:#fff5ec;border-color:#f6d5b7}:root[data-theme=dark] .quick-actions button{background:#301b27;border-color:#59303a}:root[data-theme=dark] .quick-actions button:nth-child(2){background:#132b2b;border-color:#245150}:root[data-theme=dark] .quick-actions button:nth-child(3){background:#182643;border-color:#2f4776}:root[data-theme=dark] .quick-actions button:nth-child(4){background:#302318;border-color:#604329}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:13px;display:grid}.kpi-card{border:1px solid var(--border);background:var(--surface);min-height:124px;box-shadow:var(--shadow);border-radius:15px;grid-template-columns:43px 1fr;gap:11px;padding:18px;display:grid;position:relative;overflow:hidden}.kpi-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.kpi-copy{flex-direction:column;min-width:0;display:flex}.kpi-copy>span{color:var(--text-muted);font-size:calc(12px * var(--settings-body-scale))}.kpi-copy>strong{font-size:calc(21px * var(--settings-body-scale));white-space:nowrap;margin-top:2px;line-height:1.25}.kpi-copy small{color:#0a9b68;font-size:calc(10px * var(--settings-body-scale));align-items:center;gap:3px;margin-top:7px;display:flex}.kpi-card>svg{opacity:.25;width:86px;height:34px;position:absolute;bottom:10px;right:11px}.accent-red{color:#e9202b}.accent-red .kpi-icon{background:#fff0f1}.accent-blue{color:#2458c6}.accent-blue .kpi-icon{background:#eef3ff}.accent-teal{color:#0aa69a}.accent-teal .kpi-icon{background:#eafaf7}.accent-orange{color:#f08a24}.accent-orange .kpi-icon{background:#fff4e9}.kpi-copy>span,.kpi-copy>strong{color:var(--text)}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.chart-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:15px;padding:17px 18px 14px}.dashboard-page .kpi-card,.dashboard-page .chart-card{box-shadow:none}.dashboard-page .select-control>div{padding-right:16px}.chart-wide{grid-column:span 2}.chart-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-height:41px;margin-bottom:8px;display:flex}.chart-heading h2{font-family:var(--settings-subheader-font-family);font-size:var(--settings-subheader-font-size);font-style:var(--settings-subheader-font-style);font-weight:var(--settings-subheader-font-weight);margin:0;line-height:1.3}.chart-heading span{color:var(--text-muted);font-family:var(--settings-subtitle-font-family);font-size:var(--settings-subtitle-font-size);font-style:var(--settings-subtitle-font-style);font-weight:var(--settings-subtitle-font-weight);margin-top:3px;display:block}.chart-heading button{color:var(--text-muted);font-size:calc(10px * var(--settings-body-scale));background:0 0;border:0;align-items:center;gap:3px;padding:5px 7px;display:flex}.chart-body{min-width:0}.donut-wrap{align-items:center;gap:8px;min-height:230px;display:flex}.donut-chart{flex:58%;min-width:160px;position:relative}.donut-center{text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:118px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.donut-center span{color:var(--text-muted);font-size:calc(10px * var(--settings-body-scale))}.donut-center strong{font-size:calc(13px * var(--settings-body-scale));margin-top:2px}.donut-legend{flex:42%;gap:10px;display:grid}.donut-legend div{color:var(--text-muted);font-size:calc(10px * var(--settings-body-scale));grid-template-columns:9px 1fr auto;align-items:center;gap:6px;display:grid}.donut-legend i{border-radius:50%;width:8px;height:8px}.donut-legend strong{color:var(--text);font-size:calc(11px * var(--settings-body-scale))}.recharts-default-legend{font-size:calc(11px * var(--settings-body-scale))}.recharts-tooltip-wrapper{outline:none}.sidebar-backdrop{display:none}@media (width<=1280px){.sidebar{width:220px}.main-area{margin-left:220px}.nav-item{padding:0 10px}.today span,.quick-actions button span{display:none}.quick-actions button{justify-content:center;width:42px;padding:0}.donut-wrap{flex-direction:column}.donut-chart{width:100%}.donut-legend{grid-template-columns:repeat(2,1fr);width:100%}}@media (width<=1024px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.mobile-close{display:block}.sidebar-backdrop{z-index:35;background:#04081485;border:0;display:block;position:fixed;inset:0}.main-area{margin-left:0}.menu-button{place-items:center;margin-right:9px;display:grid}.control-row{align-items:flex-end}.kpi-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-wide{grid-column:span 2}}@media (width<=760px){.topbar{min-height:68px;padding:10px 14px}.eyebrow{display:none}.title-group h1{font-size:min(var(--settings-title-font-size), calc(var(--settings-body-font-size) * 1.125));margin:0}.today,.user-menu>div:nth-child(2),.user-menu>svg{display:none}.user-menu{background:0 0;border:0;grid-template-columns:1fr;width:44px;min-width:44px;padding:3px}.content{padding:15px 13px 28px}.preview-banner{align-items:flex-start}.preview-banner p{line-height:1.45}.control-row{gap:10px;display:grid}.filter-group{padding-bottom:2px;overflow-x:auto}.select-control{min-width:135px}.quick-actions{justify-content:flex-start}.quick-actions button{width:auto;padding:0 11px}.quick-actions button span{display:inline}.dashboard-grid{grid-template-columns:1fr}.chart-wide{grid-column:span 1}}:root[data-font=small]{font-size:calc(14px * var(--settings-body-scale))}:root[data-font=default]{font-size:calc(16px * var(--settings-body-scale))}:root[data-font=large]{font-size:calc(18px * var(--settings-body-scale))}@media (width<=520px){.topbar-actions{gap:5px}.theme-toggle{width:72px;min-width:72px;height:38px}.theme-toggle button{width:32px;min-width:32px;height:32px;padding:0}.theme-toggle button span{display:none}.theme-toggle button svg{width:21px;height:21px}.title-group{min-width:0}.title-group h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:110px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-actions button{justify-content:center;width:100%}.chart-card{padding:15px 12px 12px}.donut-wrap{min-height:260px}}.route-loading{color:#102a56;background:#f5f7fb;place-items:center;min-height:100vh;font-weight:800;display:grid}