@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.sh-profile{color:#172b4d;margin:auto;max-width:1250px}.sh-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:26px 0}.sh-heading h1{font-size:28px;margin:6px 0}.sh-heading p{color:#637189;margin:6px 0}.sh-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px}.sh-status{background:#eef3fa;border:1px solid #dce4f0;border-radius:30px;font-size:13px;font-weight:700;padding:8px 16px}.sh-identity{align-items:center;background:#1b3a6b;border-radius:18px;color:#fff;display:flex;gap:18px;padding:26px}.sh-avatar{background:#ffffff20;border:1px solid #ffffff35;border-radius:16px;display:grid;flex-shrink:0;font-size:22px;font-weight:700;height:58px;place-items:center;width:58px}.sh-identity h2{font-size:20px;margin:0 0 8px}.sh-identity p{color:#d6e1f2;font-size:13px;margin:0}.sh-account-status{grid-gap:8px;display:grid;gap:8px;margin-left:auto}.sh-account-status small{color:#d6e1f2}.sh-balances{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}.sh-balances>div{grid-gap:12px;background:#fff;border:1px solid #e3e9f2;border-radius:14px;display:grid;gap:12px;padding:20px}.sh-balances span{color:#637189;font-size:12px}.sh-balances strong{font-size:clamp(17px,1.6vw,24px);overflow-wrap:anywhere}.sh-asof{color:#637189;font-size:12px;margin:16px 0 24px}.sh-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.sh-section{background:#fff;border:1px solid #e3e9f2;border-radius:16px;padding:24px}.sh-section h2{font-size:17px;margin:0 0 20px}.sh-section dl{grid-gap:24px 18px;display:grid;gap:24px 18px;grid-template-columns:1fr 1fr;margin:0}.sh-section dt{color:#637189;font-size:12px;margin-bottom:7px}.sh-section dd{font-size:14px;font-weight:600;margin:0;overflow-wrap:anywhere}.sh-kin{border-top:1px solid #edf1f6;display:flex;gap:14px;padding:14px 0}.sh-kin p{color:#637189;font-size:13px;margin:6px 0 0}.sh-kin-number{background:#eef3fa;border-radius:50%;display:grid;flex-shrink:0;font-size:12px;height:30px;place-items:center;width:30px}.sh-section button{background:#1b3a6b;border:0;border-radius:8px;color:#fff;cursor:pointer;padding:10px 18px}@media(max-width:800px){.sh-grid{grid-template-columns:1fr}.sh-balances{grid-template-columns:1fr 1fr}.sh-identity{flex-wrap:wrap}.sh-account-status{margin-left:76px}}@media(max-width:420px){.sh-section dl{grid-template-columns:1fr}.sh-heading h1{font-size:23px}.sh-identity,.sh-section{padding:18px}.sh-balances>div{padding:14px}}.sm-page{color:#18334f;font-size:14px;margin:0 auto;max-width:1240px}.sm-dialog *,.sm-page *{box-sizing:border-box}.sm-dialog button,.sm-dialog input,.sm-dialog select,.sm-dialog textarea,.sm-page button,.sm-page input,.sm-page select{font:inherit}.sm-dialog button,.sm-page button{cursor:pointer}.sm-dialog button:focus-visible,.sm-dialog input:focus-visible,.sm-dialog select:focus-visible,.sm-dialog textarea:focus-visible,.sm-history summary:focus-visible,.sm-page button:focus-visible,.sm-page input:focus-visible,.sm-page select:focus-visible{outline:3px solid #6e9ddb;outline-offset:3px}.sm-page-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:5px 0 22px}.sm-eyebrow{color:#65809e;font-size:10px;font-weight:800;letter-spacing:1.8px}.sm-page-heading h1{color:#162f50;font-size:clamp(26px,3vw,34px);letter-spacing:-1px;line-height:1.2;margin:5px 0 7px}.sm-page-heading p,.sm-section-heading p{color:#68798a;line-height:1.6}.sm-button{align-items:center;border:1px solid #0000;border-radius:9px;display:inline-flex;font-size:12px!important;font-weight:650!important;gap:9px;justify-content:center;min-height:44px;padding:12px 17px;text-align:center;transition:background .15s,box-shadow .15s}.sm-button:disabled{cursor:not-allowed;opacity:.55}.sm-primary{background:#1b3a6b;box-shadow:0 3px 8px #1b3a6b16;color:#fff}.sm-primary:hover:not(:disabled){background:#12294c}.sm-page-heading>.sm-primary{background:#df2335}.sm-page-heading>.sm-primary:hover{background:#bf1a2b}.sm-secondary{background:#f8fafd;border-color:#dbe4ef;color:#1b3a6b}.sm-secondary:hover:not(:disabled){background:#eaf0f8;border-color:#b9cbe0}.sm-text-button{background:#0000;border:0;color:#1b3a6b;font-size:12px!important;font-weight:650!important;padding:9px 0;text-decoration:underline;text-underline-offset:3px}.sm-danger{color:#b82a38}.sm-demo-banner{align-items:center;background:#fff9ec;border:1px solid #efe1bc;border-radius:10px;color:#765924;display:flex;font-size:12px;gap:11px;line-height:1.6;margin-bottom:22px;padding:12px 16px}.sm-demo-banner>svg{flex-shrink:0}.sm-demo-banner p{flex:1 1}.sm-demo-banner button{color:#765924;white-space:nowrap}.sm-hero{background:linear-gradient(115deg,#142e54,#1b3a6b 70%,#284e7d);border-radius:18px;color:#fff;display:flex;gap:32px;justify-content:space-between;overflow:hidden;padding:30px 34px}.sm-hero .sm-eyebrow{color:#b8cee7}.sm-hero h2{font-size:25px;letter-spacing:-.6px;margin:9px 0}.sm-hero-intro>p{color:#c6d5e7;font-size:13px;line-height:1.7;max-width:340px}.sm-hero-tag{align-items:center;color:#d4e3f3;display:inline-flex;font-size:10px;gap:7px;margin-top:20px}.sm-portfolio{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1fr 1fr;min-width:40%}.sm-portfolio>div{border-left:1px solid #ffffff26;display:flex;flex-direction:column;padding-left:25px}.sm-portfolio span{color:#c1d2e7;font-size:12px}.sm-portfolio strong{font-size:clamp(28px,3vw,39px);letter-spacing:-1px;margin:7px 0 3px}.sm-portfolio small{color:#b4c9e2;font-size:11px}.sm-workflow{color:#58718d;gap:24px;justify-content:center;margin:20px 0 28px}.sm-workflow,.sm-workflow>span{align-items:center;display:flex}.sm-workflow>span{font-size:11px;gap:8px}.sm-workflow i{background:#e7edf5;border-radius:50%;color:#1b3a6b;display:inline-grid;font-size:10px;font-style:normal;font-weight:700;height:22px;place-items:center;width:22px}.sm-workflow>svg{color:#a7b6c8;font-size:10px}.sm-market-section{background:#fff;border:1px solid #e0e7f0;border-radius:15px;box-shadow:0 4px 24px #12294c04;overflow:hidden}.sm-tabs{border-bottom:1px solid #e7edf4;display:flex;gap:26px;overflow-x:auto;padding:0 25px}.sm-tabs button{align-items:center;background:#0000;border:0;border-bottom:3px solid #0000;color:#6d7f92;display:flex;font-size:13px;font-weight:600;gap:8px;padding:19px 2px 16px;white-space:nowrap}.sm-tabs button.active{border-bottom-color:#df2335;color:#1b3a6b}.sm-tabs button>span{background:#eaf0f8;border-radius:5px;color:#1b3a6b;font-size:10px;padding:1px 6px}#sm-panel{padding:25px}.sm-section-heading{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.sm-section-heading h2{font-size:18px;letter-spacing:-.3px;margin-bottom:5px}.sm-section-heading p{font-size:12px}.sm-count{color:#7b8b9b;font-size:11px;white-space:nowrap}.sm-toolbar{display:flex;gap:15px;justify-content:space-between;margin-bottom:22px}.sm-search{align-items:center;border:1px solid #e0e7ef;border-radius:8px;color:#8a9bad;display:flex;gap:11px;max-width:100%;padding:0 12px;width:370px}.sm-search input{background:#0000;border:0;color:#18334f;font-size:12px;min-width:0;outline-offset:0;padding:11px 0;width:100%}.sm-search svg{flex-shrink:0;font-size:12px}.sm-sort{align-items:center;color:#738499;display:flex;font-size:11px;gap:9px}.sm-sort select{background:#fff;border:1px solid #e0e7ef;border-radius:8px;color:#18334f;font-size:12px;padding:10px}.sm-listings{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.sm-listing{border:1px solid #dfe7f0;border-radius:12px;display:flex;flex-direction:column;min-width:0;padding:20px}.sm-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:23px}.sm-direction{align-items:center;color:#346680;display:inline-flex;font-size:9px;font-weight:750;gap:6px;letter-spacing:.7px}.sm-direction>span{background:#edf5f8;border-radius:5px;display:grid;height:22px;place-items:center;width:22px}.sm-direction.buy{color:#417657}.sm-direction.buy>span{background:#eff7f1}.sm-duration{align-items:center;color:#7a8a9a;display:flex;font-size:10px;gap:5px}.sm-card-quantity{align-items:baseline;display:flex;gap:8px}.sm-card-quantity strong{font-size:31px;letter-spacing:-.8px;line-height:1.2}.sm-card-quantity>span{color:#7a8a9b;font-size:12px}.sm-unit-price{font-size:12px;font-weight:650;margin-top:6px}.sm-unit-price>span{color:#7a8a9b;font-weight:400}.sm-card-total{border-bottom:1px solid #edf1f6;border-top:1px solid #edf1f6;display:flex;font-size:12px;gap:8px;justify-content:space-between;margin:20px 0 13px;padding:12px 0}.sm-card-total>span{color:#718397}.sm-listing-note{color:#738499;flex:1 1;font-size:11px;line-height:1.7;min-height:38px;overflow-wrap:anywhere}.sm-member{align-items:center;display:flex;gap:9px;margin:18px 0}.sm-avatar{background:#edf1f7;border-radius:50%;color:#58718e;display:grid;font-size:11px;font-weight:700;height:32px;place-items:center;width:32px}.sm-member small,.sm-member strong{display:block}.sm-member strong{font-size:11px;font-weight:600}.sm-member small{color:#8999aa;font-size:9px;margin-top:3px}.sm-card-button{justify-content:space-between;width:100%}.sm-own-actions{display:flex;flex-direction:column;gap:5px}.sm-card-caption{color:#728499;font-size:11px;padding:12px 0}.sm-badge{background:#edf2f8;border-radius:5px;color:#466284;display:inline-block;font-size:10px;font-weight:650;padding:5px 8px;white-space:nowrap}.sm-status-active,.sm-status-completed{background:#eaf6ef;color:#28714b}.sm-status-approval,.sm-status-payment,.sm-status-receipt,.sm-status-registration{background:#fff4dd;color:#876021}.sm-status-disputed{background:#fff0f0;color:#b03944}.sm-status-cancelled{background:#f0f2f5;color:#697888}.sm-trades{grid-gap:12px;display:grid;gap:12px}.sm-trade-row{align-items:center;border:1px solid #e1e8f1;border-radius:10px;display:flex;gap:18px;padding:18px}.sm-trade-icon{background:#edf2f9;border-radius:10px;color:#1b3a6b;display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.sm-trade-name{flex:1 1}.sm-trade-name h3{font-size:13px;margin-bottom:4px}.sm-trade-name p{color:#75869a;font-size:11px}.sm-trade-row>strong{font-size:12px}.sm-empty{align-items:center;color:#72859c;display:flex;flex-direction:column;gap:13px;padding:45px 20px;text-align:center}.sm-empty>svg{color:#9bafc7;font-size:28px}.sm-empty h3{color:#18334f}.sm-empty p{font-size:12px}.sm-bottom-note{align-items:flex-start;color:#7b8da1;display:flex;font-size:11px;gap:10px;line-height:1.8;margin:22px auto;max-width:760px}.sm-bottom-note svg{flex-shrink:0;margin-top:4px}.sm-bottom-note strong{color:#58718e}.sm-dialog{border:1px solid #dbe4f0;border-radius:16px;box-shadow:0 25px 90px #12294c40;color:#18334f;font-size:13px;margin:auto;max-height:90vh;padding:0;position:fixed;width:min(640px,calc(100% - 28px))}.sm-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10213999}.sm-dialog-header{align-items:center;border-bottom:1px solid #e5ebf2;display:flex;gap:15px;justify-content:space-between;padding:20px 24px}.sm-dialog-header h2{font-size:19px}.sm-icon-button{background:#f0f4f9;border:0;border-radius:50%;color:#526d8a;display:grid;flex-shrink:0;height:34px;place-items:center;width:34px}.sm-dialog-body{padding:24px}.sm-form{display:flex;flex-direction:column;gap:17px}.sm-form label:not(.sm-checkbox){display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:7px}.sm-form input:not([type=checkbox]):not([type=radio]),.sm-form select,.sm-form textarea{background:#fff;border:1px solid #d6e1ee;border-radius:8px;color:#18334f;font-weight:400;min-width:0;padding:11px 12px;width:100%}.sm-form textarea{resize:vertical}.sm-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.sm-side-picker{grid-gap:12px;border:0;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sm-side-picker legend{font-size:12px;font-weight:600;margin-bottom:8px}.sm-side-picker label:not(.sm-checkbox){align-items:center;border:1px solid #dce5ef;border-radius:8px;cursor:pointer;flex-direction:row;justify-content:center;padding:13px}.sm-side-picker label.selected{background:#edf3fb;border-color:#1b3a6b}.sm-side-picker input{accent-color:#1b3a6b}.sm-muted{color:#738499;font-weight:400;line-height:1.7}.sm-field-help{color:#738499;font-size:11px;margin-top:-8px}.sm-total{align-items:center;background:#f1f5fa;border-radius:8px;display:flex;gap:15px;justify-content:space-between;padding:17px}.sm-total span{color:#617993;font-size:12px}.sm-total strong{font-size:20px}.sm-callout{align-items:flex-start;background:#f0f5fb;border-radius:8px;color:#59718d;display:flex;font-size:12px;gap:9px;line-height:1.7;padding:13px}.sm-callout svg{flex-shrink:0;margin-top:4px}.sm-checkbox{align-items:flex-start;cursor:pointer;display:flex;font-size:12px;gap:10px;line-height:1.7}.sm-checkbox input{accent-color:#1b3a6b;flex-shrink:0;margin-top:4px}.sm-error,.sm-success{border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:16px;padding:12px 15px}.sm-error{background:#fff0f0;color:#b03944}.sm-success{background:#eaf6ef;color:#28714b}.sm-trade-detail{display:flex;flex-direction:column;gap:18px}.sm-detail-heading{align-items:center;color:#738499;display:flex;font-size:11px;gap:10px;justify-content:space-between}.sm-trade-summary{grid-gap:20px;background:#f7f9fc;border:1px solid #e4ebf4;border-radius:10px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:18px}.sm-trade-summary span,.sm-trade-summary strong{display:block}.sm-trade-summary span{color:#738499;font-size:11px;margin-bottom:6px}.sm-trade-summary strong{font-size:13px}.sm-timeline{display:flex;list-style:none;padding:2px 0}.sm-timeline li{align-items:center;color:#8191a5;display:flex;flex:1 1;flex-direction:column;gap:8px;position:relative}.sm-timeline li:not(:last-child):after{background:#e3eaf3;content:"";height:2px;left:calc(50% + 15px);position:absolute;top:14px;width:calc(100% - 30px)}.sm-timeline li>span{background:#eef2f7;border-radius:50%;display:grid;font-size:11px;height:29px;place-items:center;width:29px}.sm-timeline small{font-size:10px}.sm-timeline .current>span{background:#1b3a6b;color:#fff}.sm-timeline .current small{color:#1b3a6b;font-weight:700}.sm-timeline .done>span{background:#e3f3e9;color:#28714b}.sm-action-panel{border:1px solid #dbe4ef;border-radius:10px;padding:17px}.sm-action-panel h3{font-size:14px}.sm-payment-reference{font-size:12px;overflow-wrap:anywhere}.sm-demo-controls{background:#fffaf0;border:1px dashed #e6d8af;border-radius:9px;padding:16px}.sm-demo-controls p{color:#7b6d50;font-size:12px;line-height:1.6;margin:8px 0 13px}.sm-demo-controls .sm-eyebrow{color:#8e733a}.sm-history{border-top:1px solid #e3eaf3;font-size:12px;padding-top:15px}.sm-history summary{cursor:pointer;font-weight:600}.sm-history ol{color:#738499;line-height:1.8;margin-top:13px;padding-left:20px}.sm-history li{margin-bottom:7px}.sm-receipt{background:#eaf6ef;border-radius:9px;color:#28714b;display:flex;font-size:12px;gap:12px;line-height:1.8;padding:17px}.sm-receipt>svg{flex-shrink:0;margin-top:4px}@media (max-width:1180px){.sm-listings{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-trade-row{flex-wrap:wrap}.sm-trade-name{min-width:160px}.sm-hero{padding:26px}.sm-portfolio{gap:18px}}@media (max-width:900px){.sm-hero{flex-direction:column;gap:25px}.sm-hero-intro>p{max-width:none}.sm-portfolio>div{padding-left:15px}.sm-workflow{flex-wrap:wrap;gap:10px}.sm-workflow>span{font-size:10px}.sm-tabs{gap:20px}}@media (max-width:600px){.sm-page-heading{align-items:flex-start;flex-direction:column;gap:15px}.sm-page-heading>.sm-button{width:100%}.sm-demo-banner{flex-wrap:wrap;gap:7px}.sm-demo-banner p{flex-basis:85%}.sm-demo-banner button{margin-left:20px}.sm-hero{border-radius:12px;padding:23px}.sm-hero h2{font-size:23px}.sm-workflow{gap:8px;justify-content:flex-start;margin:17px 0 22px}.sm-workflow>svg{display:none}.sm-workflow>span{flex-basis:100%}.sm-tabs{gap:22px;padding:0 16px}.sm-tabs button{font-size:12px}#sm-panel{padding:18px 15px}.sm-section-heading{align-items:flex-start}.sm-section-heading h2{font-size:16px}.sm-count{display:none}.sm-toolbar{flex-direction:column}.sm-search{width:100%}.sm-sort{justify-content:space-between}.sm-listings{grid-template-columns:1fr}.sm-trade-row{gap:12px;padding:15px}.sm-trade-row>.sm-button{width:100%}.sm-trade-name{flex-basis:calc(100% - 55px);min-width:0}.sm-bottom-note{padding:0 5px}.sm-dialog-body,.sm-dialog-header{padding:18px}.sm-form-grid{grid-template-columns:1fr}.sm-detail-heading{align-items:flex-start;flex-direction:column}.sm-timeline small{font-size:8px}}.market-alerts{background:#fff;border:1px solid #dfe6f1;border-radius:16px;box-shadow:0 3px 12px #172b4d05;color:#1b3a6b;margin:0 0 24px}.market-alerts-main{align-items:center;display:flex;gap:16px;padding:20px}.market-alerts-icon{background:#eef3fa;border-radius:13px;display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.market-alerts-copy{flex:1 1}.market-alerts-copy strong{font-size:15px}.market-alerts-copy p{color:#637189;font-size:12px;margin:6px 0 0}.market-alerts-actions,.market-alerts-actions a{align-items:center;display:flex;gap:10px}.market-alerts-actions a{border-radius:9px;font-size:12px;font-weight:700;padding:11px 15px;text-decoration:none;white-space:nowrap}.market-alerts-secondary{background:#eef3fa;color:#1b3a6b}.market-alerts-primary{background:#1b3a6b;color:#fff}.market-alerts-secondary span{background:#e31e24;border-radius:20px;color:#fff;padding:2px 6px}.market-alerts a:focus-visible,.market-alerts summary:focus-visible{outline:3px solid #e31e24;outline-offset:3px}.market-alerts-recent{border-top:1px solid #edf1f6;padding:12px 20px}.market-alerts-recent summary{cursor:pointer;font-size:12px;font-weight:600}.market-alerts-recent ul{list-style:none;margin:12px 0 0;padding:0}.market-alerts-recent li+li{border-top:1px solid #edf1f6}.market-alerts-recent a{align-items:center;color:#1b3a6b;display:flex;font-size:12px;gap:14px;padding:12px 0;text-decoration:none}.market-alerts-recent a span{flex:1 1}.market-alerts-recent strong{white-space:nowrap}@media(max-width:850px){.market-alerts-main{flex-wrap:wrap}.market-alerts-actions{padding-left:60px;width:100%}}@media(max-width:480px){.market-alerts-main{padding:16px}.market-alerts-actions{padding:0}.market-alerts-actions a{flex:1 1;justify-content:center}.market-alerts-recent a{flex-wrap:wrap}}:root{--primary:#1b3a6b;--primary-dark:#12294c;--primary-light:#2a5091;--secondary:#e31e24;--secondary-light:#fdecec;--secondary-dark:#c4181d;--brand-soft:#eef3fa;--text-primary:#102a43;--text-secondary:#4a5568;--text-muted:#718096;--border-light:#e2e8f0;--bg-light:#f6f8fc;--bg-white:#fff;--sidebar-bg:#fff;--sidebar-text:#1a202c;--sidebar-hover:#eef3fa;--success:#27ae60;--warning:#e67e22;--danger:#e31e24;--info:#3498db;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--text-xs:0.625rem;--text-sm:0.6875rem;--text-base:0.75rem;--text-md:0.8125rem;--text-lg:0.875rem;--text-xl:1rem;--text-2xl:1.125rem;--text-3xl:1.25rem;--radius-lg:22px;--radius-md:16px;--ring:#1b3a6b29}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top right,#1b3a6b0f,#0000 32rem),linear-gradient(180deg,#f7fbfd,#eef4f8);color:#102a43;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-size:var(--text-base);line-height:1.4;min-height:100vh}.dashboard-container{background:#0000;display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e2e8f0e6;box-shadow:10px 0 30px rgba(15,23,42,.045);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:transform .3s ease;width:258px;z-index:1000}.sidebar-brand{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);flex-shrink:0;padding:1.25rem 1rem 1rem}.sidebar-brand,.sidebar-brand-logo-wrap{align-items:center;background:#fff;display:flex;justify-content:center}.sidebar-brand-logo-wrap{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 12px #1b3a6b0f;padding:6px 8px;width:100%}.logo-image,.sidebar-brand-logo{display:block;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin:0 auto;max-width:190px;padding:2px;width:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-logo-image,.logo-image,.sidebar-brand-logo{image-rendering:auto}}.sidebar-header{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);flex-shrink:0;margin-bottom:.5rem;padding:1rem 1rem .65rem;text-align:center}.sidebar-kicker{color:#718096;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-top:.5rem;text-align:center;text-transform:uppercase}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:.2rem;overflow-x:hidden;overflow-y:auto;padding:.7rem .7rem .8rem;scrollbar-color:#1b3a6b #e2e8f0;scrollbar-color:var(--primary) #e2e8f0;scrollbar-width:thin}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:#0000}.nav-menu::-webkit-scrollbar-thumb{background:#1b3a6b59;border-radius:4px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#1b3a6b8c}.nav-section-label{color:#718096;color:var(--text-muted);display:block;font-size:.62rem;font-weight:800;letter-spacing:1.5px;opacity:.75;padding:.5rem .7rem .35rem;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:0;border-radius:12px;color:#1a202c;color:var(--sidebar-text);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:700;gap:.7rem;padding:.58rem .7rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#eef3fa;background:var(--brand-soft);color:#12294c;color:var(--primary-dark);transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#eef3fa,#fff);background:linear-gradient(135deg,var(--brand-soft),#fff);box-shadow:inset 0 0 0 1px #1b3a6b1f,0 10px 24px #1b3a6b14}.nav-icon,.nav-item.active{color:#1b3a6b;color:var(--primary)}.nav-icon{align-items:center;background:linear-gradient(135deg,#1b3a6b24,#12294c14);border-radius:10px;box-shadow:inset 0 0 0 1px #1b3a6b1f;display:inline-flex;flex:0 0 auto;font-size:1rem;height:28px;justify-content:center;transition:all .2s;width:28px}.nav-icon svg{height:15px;width:15px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{background:linear-gradient(135deg,#1b3a6b,#12294c);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 10px 20px #1b3a6b38;color:#fff}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-active-dot{background:#e31e24;background:var(--secondary);border-radius:50%;box-shadow:0 0 0 3px #fdecec;box-shadow:0 0 0 3px var(--secondary-light);flex-shrink:0;height:6px;width:6px}.nav-divider{background:linear-gradient(90deg,#0000,#e2e8f0 20%,#e2e8f0 80%,#0000);flex-shrink:0;height:1px;margin:.65rem .4rem .5rem}.nav-item-logout{color:#e31e24;color:var(--secondary);font-weight:700}.nav-item-logout .nav-icon{background:linear-gradient(135deg,#e31e2424,#c4181d14);box-shadow:inset 0 0 0 1px #e31e2429;color:#e31e24;color:var(--secondary)}.nav-item-logout:hover{background:#fdecec;background:var(--secondary-light);color:#c4181d;color:var(--secondary-dark);transform:translateX(2px)}.nav-item-logout:hover .nav-icon{background:linear-gradient(135deg,#e31e24,#c4181d);background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));box-shadow:0 10px 20px #e31e2447;color:#fff}.sidebar-footer{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);flex-shrink:0;padding:.9rem 1rem 1.1rem}.sidebar-footer-tagline{align-items:flex-start;background:#eef3fa;background:var(--brand-soft);border-left:3px solid #e31e24;border-left:3px solid var(--secondary);border-radius:12px;color:#1b3a6b;color:var(--primary);display:flex;font-size:.7rem;font-weight:500;gap:.5rem;line-height:1.45;padding:.7rem .85rem}.sidebar-footer-heart{color:#e31e24;color:var(--secondary);flex-shrink:0;font-size:.7rem;margin-top:2px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12294c80;display:none;inset:0;position:fixed;z-index:999}.main-content{background:#0000;display:flex;flex:1 1;flex-direction:column;margin-left:258px;min-height:100vh}.top-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-bottom:1px solid #e2e8f0c2;box-shadow:0 10px 30px rgba(15,23,42,.045);justify-content:space-between;min-height:74px;padding:.8rem 1.6rem;position:sticky;top:0;z-index:99}.top-bar,.top-bar-left{align-items:center;display:flex;gap:1rem}.top-bar-left{min-width:0}.mobile-menu-toggle{align-items:center;background:#eef3fa;background:var(--brand-soft);border:none;border-radius:10px;color:#1b3a6b;color:var(--primary);cursor:pointer;display:none;font-size:1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.mobile-menu-toggle:hover{background:#1b3a6b;background:var(--primary);color:#fff}.top-bar-title-block{min-width:0}.page-title{color:#1b3a6b;color:var(--primary);font-size:1.05rem;font-weight:800;letter-spacing:-.2px}.page-subtitle{align-items:center;color:#718096;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.76rem;gap:.4rem;margin-top:.18rem}.page-subtitle-sep{color:#cbd5e1}.page-subtitle-current{color:#e31e24;color:var(--secondary);font-weight:700}.page-subtitle strong{color:#1b3a6b;color:var(--primary);font-weight:800}.greeting-divider{color:#e31e24;color:var(--secondary);font-weight:800}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:flex-end}.datetime{background:#f8f9fa;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:999px;font-size:.625rem;font-size:var(--text-xs);padding:.35rem .9rem;text-align:right}.datetime .time{color:#1b3a6b;color:var(--primary);font-size:.85rem;font-weight:700;line-height:1.1}.datetime .date{color:#718096;color:var(--text-muted);font-size:.65rem;line-height:1.2}.user-menu{position:relative}.user-dropdown{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:999px;box-shadow:0 8px 22px #0f172a0f;cursor:pointer;display:flex;font-family:inherit;gap:.6rem;padding:.32rem .55rem .32rem .32rem;transition:all .2s}.user-dropdown.open,.user-dropdown:hover{background:#fff;border-color:#1b3a6b59;box-shadow:0 12px 30px #1b3a6b24;transform:translateY(-1px)}.user-avatar-sm{align-items:center;background:linear-gradient(135deg,#1b3a6b,#12294c);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #1b3a6b33;color:#fff;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:38px;justify-content:center;letter-spacing:.4px;width:38px}.user-info{align-items:flex-start;display:flex;flex-direction:column;line-height:1.15;min-width:0;text-align:left}.user-info .name{color:#1b3a6b;color:var(--primary);font-size:.78rem;font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info .role{font-size:.66rem;white-space:nowrap}.user-info .role,.user-menu-chevron{color:#718096;color:var(--text-muted)}.user-menu-chevron{font-size:.85rem;padding:0 .15rem;transition:transform .2s}.user-dropdown.open .user-menu-chevron{color:#1b3a6b;color:var(--primary);transform:rotate(180deg)}.user-menu-panel{animation:tmgDropdownIn .16s ease-out;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:18px;box-shadow:0 24px 60px #0f172a29;padding:.65rem;position:absolute;right:0;top:calc(100% + .65rem);width:270px;z-index:110}@keyframes tmgDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu-summary{align-items:center;background:#eef3fa;background:var(--brand-soft);border-radius:14px;display:flex;gap:.75rem;margin-bottom:.35rem;padding:.65rem}.user-avatar-lg{align-items:center;background:linear-gradient(135deg,#e31e24,#c4181d);background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));border-radius:50%;box-shadow:0 4px 12px #e31e243d;color:#fff;display:flex;flex-shrink:0;font-weight:800;height:48px;justify-content:center;letter-spacing:.4px;width:48px}.user-menu-summary>div{display:flex;flex-direction:column;min-width:0}.user-menu-summary strong{color:#1b3a6b;color:var(--primary);font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-summary span{color:#718096;color:var(--text-muted);font-size:.7rem;margin-top:.2rem}.user-menu-divider{background:#e2e8f0;background:var(--border-light);height:1px;margin:.35rem .4rem}.user-menu-panel button{align-items:center;background:#0000;border:0;border-radius:12px;color:#1b3a6b;color:var(--primary);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:700;gap:.65rem;padding:.72rem .8rem;text-align:left;transition:all .15s;width:100%}.user-menu-panel button:hover{background:#eef3fa;background:var(--brand-soft);color:#12294c;color:var(--primary-dark)}.user-menu-panel button svg{color:#1b3a6b;color:var(--primary);font-size:.9rem;width:16px}.user-menu-panel button.logout-menu-btn{color:#e31e24;color:var(--secondary)}.user-menu-panel button.logout-menu-btn:hover{background:#fdecec;background:var(--secondary-light);color:#c4181d;color:var(--secondary-dark)}.user-menu-panel button.logout-menu-btn svg{color:#e31e24;color:var(--secondary)}.content-wrapper{flex:1 1;padding:1.8rem}.card{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:14px;overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.875rem 1rem}.card-header h3{color:#102a43;color:var(--text-primary);font-size:.6875rem;font-size:var(--text-sm);font-weight:600}.card-header-link{color:#1b3a6b;color:var(--primary);cursor:pointer;font-size:.625rem;font-size:var(--text-xs);font-weight:600;text-decoration:none}.card-header-link:hover{color:#e31e24;color:var(--secondary)}.card-body{padding:1rem}.login-container{align-items:center;background:linear-gradient(135deg,#1b3a6b,#12294c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#fff;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);max-width:440px;overflow:hidden;width:100%}.login-logo-section{background:#fff;border-bottom:1px solid #f0f0f0;padding:1.75rem 1.5rem .75rem;text-align:center}.login-logo-image{backface-visibility:hidden;display:block;filter:none;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin:0 auto;transform:translateZ(0);width:180px}.login-header{background:linear-gradient(135deg,#1b3a6b,#12294c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:.875rem 1.5rem;text-align:center}.login-header h2{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:.2rem}.login-header p{color:#fff;font-size:.7rem;opacity:.9}.login-body{background:#fff;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{color:#4a5568;display:block;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.form-label.required:after,.required:after{color:#e31e24;color:var(--secondary);content:" *";margin-left:2px}.form-control{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#102a43;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.8rem;padding:.7rem .85rem;transition:all .2s;width:100%}.form-control:focus{border-color:#1b3a6b;border-color:var(--primary);box-shadow:0 0 0 3px #1b3a6b1a;outline:none}.form-control::placeholder{color:#a0aec0;font-size:.75rem}.form-control:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.login-btn{background:linear-gradient(135deg,#1b3a6b,#12294c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.75rem;transition:all .2s;width:100%}.login-btn:hover{box-shadow:0 6px 20px #1b3a6b47;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.demo-text{color:#718096;font-size:.7rem;margin-top:1.5rem;text-align:center}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.stat-card{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;padding:1rem;transition:all .2s}.stat-card:hover{border-color:#1b3a6b;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{color:#718096;color:var(--text-muted);font-size:.625rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;margin-bottom:.375rem;text-transform:uppercase}.stat-value{color:#102a43;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-2xl);font-weight:700;margin-bottom:.25rem}.stat-change{align-items:center;display:flex;font-size:.625rem;font-size:var(--text-xs);gap:.25rem}.stat-change.positive{color:#27ae60;color:var(--success)}.stat-change.negative{color:#e31e24;color:var(--danger)}.two-column-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.modern-dashboard{display:flex;flex-direction:column;gap:1.3rem}.dashboard-hero{grid-gap:1.2rem;background:linear-gradient(135deg,#1b3a6bf5,#12294cfa),radial-gradient(circle at top right,#e31e2447,#0000 18rem);border-radius:28px;box-shadow:0 22px 54px #12294c38;color:#fff;display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden;padding:1.8rem}.eyebrow{color:inherit;font-size:.7rem;font-weight:800;letter-spacing:.1em;opacity:.72;text-transform:uppercase}.dashboard-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.35rem 0 .55rem}.dashboard-hero p{color:#ffffffd6;font-size:.98rem;line-height:1.7;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.25rem}.hero-actions button{background:#fff;border:0;border-radius:999px;box-shadow:0 10px 24px #0f172a1f;color:#12294c;color:var(--primary-dark);cursor:pointer;font-family:inherit;font-weight:800;padding:.78rem 1.15rem;transition:all .2s}.hero-actions button:hover{box-shadow:0 14px 30px #0f172a2e;transform:translateY(-2px)}.hero-actions .secondary{background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff47;color:#fff}.hero-actions .secondary:hover{background:#ffffff3d}.hero-card{align-self:stretch;background:#ffffff24;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff38;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:1.2rem}.hero-card small,.hero-card span{color:#ffffffc7;font-weight:700}.hero-card strong{font-size:2rem;margin:.35rem 0 .8rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:22px;box-shadow:0 14px 36px #0f172a0f;cursor:pointer;font-family:inherit;padding:1.15rem;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.summary-card:hover{border-color:#1b3a6b59;box-shadow:0 18px 42px #1b3a6b1f;transform:translateY(-3px)}.summary-card.is-loading strong{color:#64748b}.metric-skeleton{animation:skeletonPulse 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0);background-size:200% 100%;border-radius:999px;display:block;height:1.35rem;width:72%}.metric-skeleton.short{height:.78rem;margin-top:.45rem;width:48%}@keyframes skeletonPulse{0%{background-position:0 50%}to{background-position:-200% 50%}}.summary-card-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.summary-card-icon{align-items:center;background:linear-gradient(135deg,#1b3a6b,#12294c);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:16px;box-shadow:0 14px 28px #1b3a6b38;color:#fff;display:inline-flex;height:46px;justify-content:center;width:46px}.summary-card-icon svg{height:20px;width:20px}.summary-card-blue .summary-card-icon{background:linear-gradient(135deg,#1b3a6b,#12294c);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 14px 28px #1b3a6b38}.summary-card-red .summary-card-icon{background:linear-gradient(135deg,#e31e24,#c4181d);background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));box-shadow:0 14px 28px #e31e2438}.summary-card-amber .summary-card-icon{background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 14px 28px #f59e0b33}.summary-card-navy .summary-card-icon{background:linear-gradient(135deg,#12294c,#0a1f3d);background:linear-gradient(135deg,var(--primary-dark),#0a1f3d);box-shadow:0 14px 28px #0a1f3d3d}.summary-card small,.summary-card span{color:#718096;color:var(--text-muted);display:block}.summary-card span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.summary-card strong{color:#1b3a6b;color:var(--primary);display:block;font-size:1.18rem;margin:.55rem 0 .4rem}.mpesa-dashboard-strip{grid-gap:1rem;align-items:center;background:linear-gradient(135deg,#2ec66d,#0f8a3a);border-radius:18px;box-shadow:0 18px 42px #0f8a3a2e;color:#fff;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr) minmax(320px,.9fr);padding:1rem}.mpesa-dashboard-logo{align-items:center;background:#ffffff1f;border-radius:14px;color:#fff;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:2.15rem;font-weight:900;gap:.02em;justify-content:center;letter-spacing:0;line-height:1;min-height:64px;min-width:148px;padding:.5rem 1.1rem;text-transform:lowercase}.mpesa-dashboard-logo i{border:.08em solid;border-radius:.12em;display:inline-block;height:1.12em;margin:0 .03em;position:relative;transform:translateY(.02em);width:.78em}.mpesa-dashboard-logo i:after,.mpesa-dashboard-logo i:before{background:currentColor;border-radius:999px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.mpesa-dashboard-logo i:before{height:.04em;top:.1em;width:.24em}.mpesa-dashboard-logo i:after{bottom:.08em;height:.14em;width:.14em}.mpesa-dashboard-logo i b{background:linear-gradient(135deg,#ff2b4f 0 48%,#2ec66d 48% 100%);border-radius:.04em;display:block;inset:.22em .12em;position:absolute}.mpesa-dashboard-copy span,.mpesa-dashboard-copy strong{display:block}.mpesa-dashboard-copy strong{font-size:1rem;font-weight:900}.mpesa-dashboard-copy span{color:#ffffffd9;font-size:.82rem;line-height:1.55;margin-top:.25rem;max-width:56ch}.mpesa-dashboard-options{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.mpesa-dashboard-options button{background:#ffffff24;border:1px solid #ffffff3d;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;padding:.7rem;text-align:left;transition:background .16s,transform .16s}.mpesa-dashboard-options button:hover{background:#ffffff38;transform:translateY(-1px)}.mpesa-dashboard-options span,.mpesa-dashboard-options strong{display:block}.mpesa-dashboard-options span{color:#ffffffc7;font-size:.68rem;font-weight:800;text-transform:uppercase}.mpesa-dashboard-options strong{font-feature-settings:"tnum";font-size:.82rem;font-variant-numeric:tabular-nums;margin-top:.22rem}.dashboard-main-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.dashboard-panel{background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:24px;box-shadow:0 14px 36px #0f172a0f;padding:1.25rem}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.panel-header .eyebrow{color:#e31e24;color:var(--secondary)}.panel-header h2{color:#1b3a6b;color:var(--primary);font-size:1.15rem;margin-top:.2rem}.action-list{grid-gap:.75rem;display:grid;gap:.75rem}.action-list button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:18px;cursor:pointer;display:flex;font-family:inherit;gap:.85rem;padding:1rem;text-align:left;transition:all .2s}.action-list button:hover{background:#eef3fa;background:var(--brand-soft);border-color:#1b3a6b59;transform:translateY(-1px)}.action-list button>div{flex:1 1;min-width:0}.action-list-highlight{background:linear-gradient(135deg,#fdecec,#fff)!important;background:linear-gradient(135deg,var(--secondary-light),#fff)!important;border-color:#e31e2447!important}.action-list-highlight:hover{border-color:#e31e2473!important;box-shadow:0 14px 28px #e31e2424}.action-icon{align-items:center;background:#f6f8fc;background:var(--bg-light);border-radius:12px;color:#1b3a6b;color:var(--primary);display:flex;flex-shrink:0;font-size:.95rem;height:38px;justify-content:center;width:38px}.action-icon-mpesa{background:linear-gradient(135deg,#2ec66d,#0f8a3a);box-shadow:0 10px 20px #2ec66d3d;color:#fff}.action-list span,.action-list strong{display:block}.action-list strong{color:#102a43;color:var(--text-primary);font-size:.92rem}.action-list span{color:#718096;color:var(--text-muted);font-size:.76rem;margin-top:.25rem}.action-arrow{color:#e31e24;color:var(--secondary);font-size:1.25rem;font-weight:800;transition:transform .2s}.action-list button:hover .action-arrow{transform:translateX(3px)}.timeline-list{grid-gap:.85rem;display:grid;gap:.85rem;margin-bottom:1rem;position:relative}.timeline-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:18px;padding:.9rem .9rem .9rem 2.8rem;position:relative}.timeline-item:before{background:#e31e24;background:var(--secondary);border-radius:50%;box-shadow:0 0 0 5px #fdecec;box-shadow:0 0 0 5px var(--secondary-light);content:"";height:12px;left:1rem;position:absolute;top:1.05rem;width:12px}.timeline-item span,.timeline-item strong{display:block}.timeline-item strong{color:#1b3a6b;color:var(--primary);font-size:.86rem}.timeline-item span{color:#718096;color:var(--text-muted);line-height:1.55;margin-top:.25rem}.help-card{align-items:flex-start;background:linear-gradient(135deg,#eef3fa,#e2e9f5);background:linear-gradient(135deg,var(--brand-soft) 0,#e2e9f5 100%);border-left:4px solid #1b3a6b;border-left:4px solid var(--primary);border-radius:14px;display:flex;gap:.85rem;padding:1rem}.help-icon{align-items:center;background:#1b3a6b;background:var(--primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;width:36px}.help-card strong{color:#1b3a6b;color:var(--primary);display:block;font-size:.85rem;margin-bottom:.2rem}.help-card span{color:#4a5568;color:var(--text-secondary);font-size:.78rem;line-height:1.5}.help-card a{color:#e31e24;color:var(--secondary);font-weight:700;text-decoration:none}.help-card a:hover{text-decoration:underline}.auth-alert{margin-bottom:1rem}.modern-dashboard .dashboard-footer{border:0;color:#718096;color:var(--text-muted);margin:0;padding:.6rem 0 0}.app-alert{align-items:flex-start;animation:slideIn .3s ease-out;background-size:100% 100%;border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;font-size:.875rem;gap:1rem;padding:1rem 1.25rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-alert-icon{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:1.1rem;font-weight:900;height:32px;justify-content:center;width:32px}.app-alert-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.app-alert-content p,.app-alert-content strong{display:block;margin:0}.app-alert-content strong{font-size:.9375rem;font-weight:700}.app-alert-content p{font-weight:500;line-height:1.6;opacity:.95}.app-alert-action{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3;border:0;border-radius:6px;color:inherit;cursor:pointer;flex-shrink:0;font-size:.8125rem;font-weight:600;padding:.5rem .875rem;transition:all .2s ease}.app-alert-action:hover{background:#ffffff59;transform:translateY(-1px)}.app-alert-info{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#bfdbfe}.app-alert-info .app-alert-icon{background:#3b82f6;color:#fff}.app-alert-info .app-alert-content strong{color:#1e40af}.app-alert-info .app-alert-content p{color:#1e3a8a}.app-alert-success{background:linear-gradient(135deg,#f0fdf4,#ecfdf3);border-color:#86efac}.app-alert-success .app-alert-icon{background:#22c55e;color:#fff}.app-alert-success .app-alert-content strong{color:#15803d}.app-alert-success .app-alert-content p{color:#166534}.app-alert-warning{background:linear-gradient(135deg,#fffbeb,#fefce8);border-color:#fcd34d}.app-alert-warning .app-alert-icon{background:#f59e0b;color:#fff}.app-alert-warning .app-alert-content strong{color:#b45309}.app-alert-warning .app-alert-content p{color:#92400e}.app-alert-error{background:linear-gradient(135deg,#fef2f2,#fff1f2);border-color:#fca5a5}.app-alert-error .app-alert-icon{background:#e31e24;background:var(--secondary);color:#fff}.app-alert-error .app-alert-content strong{color:#991b1b}.app-alert-error .app-alert-content p{color:#7f1d1d}.welcome-message{background:#eef3fa;background:var(--brand-soft);border-left:3px solid #e31e24;border-left:3px solid var(--secondary);border-radius:20px;box-shadow:0 1px 3px #0000000d;color:#1b3a6b;color:var(--primary);font-size:.8rem;font-weight:600;margin-right:.5rem;padding:.35rem 1rem;white-space:nowrap}@media (max-width:1024px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero,.dashboard-main-grid,.mpesa-dashboard-strip{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.welcome-message{font-size:.7rem;padding:.25rem .75rem}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block}.main-content{margin-left:0}.mobile-menu-toggle{display:inline-flex}.content-wrapper{padding:1rem}.top-bar{padding:.75rem 1rem}.datetime,.page-subtitle,.user-info,.user-menu-chevron,.welcome-message{display:none}.dashboard-hero{border-radius:22px;padding:1.3rem}.mpesa-dashboard-options,.stats-grid,.two-column-grid{grid-template-columns:1fr}.logo-image,.sidebar-brand-logo{max-width:160px}.login-logo-image{width:140px}.login-card{max-width:360px}}@media (max-width:640px){.header-right{gap:.5rem}.datetime{display:none}}@media (max-width:560px){.summary-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions button{width:100%}}@media (max-width:480px){.login-logo-image{width:140px}.login-card{max-width:360px}.login-header h2{font-size:1.1rem}.stat-value{font-size:1rem;font-size:var(--text-xl)}}@media (min-height:620px){.sidebar{overflow-y:auto}}
/*# sourceMappingURL=main.2446095c.css.map*/