/* BUSMA QR account + workspace redesign — ported from the design handoff (prototype.css).
   Covers the auth two-panel shell and the dashboard workspace. Fonts self-hosted via fonts.css. */
:root{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:#193246;background:#f5f8f6}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #95c94b;outline-offset:2px}.brand{font:800 23px Arial,sans-serif;display:inline-flex;direction:ltr;align-items:center;gap:10px;color:#173248}.brand i{font-style:normal;display:grid;place-items:center;width:39px;height:39px;background:#173248;color:#c8ef6c;border-radius:11px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#c8ef6c;color:#153347;border:0;border-radius:11px;padding:12px 21px;font-weight:700;min-height:47px}.btn:hover{background:#b9e060}.btn.dark{background:#173248;color:#fff}.btn.ghost{border:1px solid #d6e3dd;background:#fff}.muted{color:#6a7f87}.badge{color:#2f7967;background:#e6f3dd;border-radius:30px;padding:5px 11px;font-size:12px;font-weight:700}.preview-note{font-size:13px;color:#71818a}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(370px,50%) 1fr;background:#fff}.auth-story{background:#102c41;color:white;padding:45px clamp(35px,5vw,100px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102c41ed,#102c4199),url('/img/redesign/life-event.webp') center/cover;opacity:.55}.auth-story.business:before{background:linear-gradient(0deg,#102c41ee,#102c4190),url('/img/redesign/hero-business.webp') center/cover}.auth-story>*{position:relative}.auth-story .brand{color:#fff}.auth-story .brand i{background:#c8ef6c;color:#183548}.auth-story h1{font-size:clamp(36px,4vw,59px);line-height:1.3;margin:0 0 20px}.auth-story h1 em{color:#c8ef6c;font-style:normal}.auth-story p{max-width:520px;color:#d7e5e7;font-size:18px}.story-bullets{display:flex;gap:12px;flex-wrap:wrap}.story-bullets span{border:1px solid #ffffff65;background:#ffffff1a;border-radius:30px;padding:7px 13px;font-size:13px}.auth-content{padding:36px clamp(28px,6vw,110px);display:flex;flex-direction:column;justify-content:center;min-width:0}.auth-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.auth-top a{font-size:14px;color:#397769;font-weight:700}.auth-card{max-width:485px;width:100%;margin:auto}.mode-switch,.flow-switch{display:flex;padding:5px;border-radius:13px;background:#edf3ed;gap:4px}.mode-switch button,.flow-switch button{border:0;background:transparent;color:#526d75;border-radius:10px;padding:10px;flex:1;font-weight:700}.mode-switch button.active,.flow-switch button.active{background:#17394b;color:#fff;box-shadow:0 5px 16px #17394b20}.mode-switch{margin-bottom:31px}.flow-switch{margin:23px 0 27px}.auth-card h2{font-size:33px;line-height:1.3;margin:0 0 8px}.auth-card>p{color:#69808a;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:14px}.field input,.field select,.field textarea{border:1px solid #d5e1dc;border-radius:11px;padding:12px 14px;min-width:0;width:100%;background:#fff;color:#193246}.field input:focus,.field textarea:focus{border-color:#6daa8e}.field .password-wrap{display:flex;border:1px solid #d5e1dc;border-radius:11px}.password-wrap input{border:0}.password-wrap button{border:0;background:transparent;padding:0 13px;color:#49796d}.phone-wrap{display:flex;gap:7px}.phone-wrap select{width:108px;flex:none}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;margin:0 0 22px}.form-bottom a{color:#2b826d}.form-bottom label{display:flex;gap:8px;align-items:center}.submit{width:100%;font-size:16px}.auth-footer{text-align:center;font-size:13px;color:#667b83;margin-top:18px}.auth-footer a{color:#227b68;font-weight:700}.auth-warning{background:#f3f7ed;border-radius:10px;padding:11px 13px;margin-top:20px;color:#61757e;font-size:12px}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:270px;padding:27px}.auth-story h1{font-size:35px}.auth-story p{font-size:15px}.auth-content{padding:27px}.auth-top{margin-bottom:25px}}@media(max-width:500px){.auth-story{min-height:225px}.story-bullets{display:none}.auth-story h1{font-size:31px}.auth-card h2{font-size:27px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
/* Workspace */
.workspace{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh;background:#f5f8fa}.side{background:#172833;color:#dce7e8;display:flex;flex-direction:column;padding:23px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.side .brand{color:#fff;margin:4px 12px 28px}.side .brand i{background:#fff;color:#173248}.side small{color:#93aab2;font-size:11px;margin:16px 14px 7px;display:block}.side nav{display:flex;flex-direction:column;gap:3px}.side nav button{width:100%;text-align:right;border:0;background:none;color:#d2dfe0;padding:10px 13px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:14px}.side nav button.active,.side nav button:hover{background:#ffffff16;color:#fff}.side nav button span{font-size:19px;width:23px;text-align:center}.side .bottom{margin-top:auto;padding:15px 12px;border-top:1px solid #ffffff25;font-size:13px}.side .bottom a{color:#c9ef85}.workspace-main{min-width:0}.workspace-top{height:74px;background:#fff;border-bottom:1px solid #e3e9e9;display:flex;justify-content:space-between;align-items:center;padding:0 34px;gap:10px}.workspace-top .left,.workspace-top .right{display:flex;align-items:center;gap:14px}.workspace-top select{border:1px solid #d7e3e4;border-radius:9px;padding:8px 14px;background:#fff;color:#294455}.avatar{width:33px;height:33px;border-radius:50%;background:#bce982;color:#183b39;display:grid;place-items:center;font-weight:700}.mobile-menu{display:none;border:0;background:#eaf1e9;border-radius:9px;padding:6px 12px;font-size:20px}.workspace-body{max-width:1300px;padding:34px;margin:auto}.workspace-body h1{font-size:clamp(29px,3vw,42px);line-height:1.3;margin:0 0 8px}.workspace-body .lead{color:#718591;margin:0 0 29px}.workspace-hero{background:#173a4b;color:#fff;border-radius:22px;display:grid;grid-template-columns:1fr 260px;align-items:center;gap:20px;padding:30px 35px;margin-bottom:24px;overflow:hidden}.workspace-hero h1{margin:9px 0}.workspace-hero p{color:#d4e4e4;margin:0 0 20px}.workspace-hero .symbol{justify-self:center;width:175px;height:175px;border-radius:32px;background:#c8ef6c;color:#143649;display:grid;place-items:center;font-size:75px;transform:rotate(-9deg);box-shadow:20px 22px 0 #ffffff19}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.stat,.surface{background:#fff;border:1px solid #e1e9ea;border-radius:17px;padding:21px}.stat small{color:#70838a}.stat strong{display:block;font-size:30px;line-height:1.4;margin-top:8px}.surface h2{font-size:22px;margin:0 0 6px}.surface p{color:#70828b;margin:0}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.quick-card{border:1px solid #dfe9e4;background:#f9fbf9;border-radius:13px;text-align:right;padding:16px;min-height:110px}.quick-card:hover{border-color:#8fba86;transform:translateY(-2px)}.quick-card b{display:block;font-size:17px;margin:6px 0}.quick-card small{color:#70828b}.quick-card .qicon{font-size:24px;color:#22866f}.empty{margin-top:19px;background:#f2f7f2;border:1px dashed #bfd2c2;border-radius:13px;padding:25px;text-align:center;color:#6b8183}.empty b{display:block;color:#294c50;font-size:18px}.empty .btn{margin-top:15px}.setup{background:#fff;border:1px solid #e1e9ea;border-radius:18px;padding:28px;margin:22px 0}.setup-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:21px 0 25px}.setup-steps button{border:0;border-top:4px solid #dce5e8;background:transparent;padding:9px 4px;color:#82939a;font-size:13px}.setup-steps button.current{border-color:#159461;color:#127c54;font-weight:700}.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.setup .field{margin:0}.setup-actions{display:flex;gap:10px;margin-top:22px}.module-banner{background:#fff;border:1px solid #e1e9ea;border-radius:17px;padding:35px;min-height:280px}.module-banner h2{font-size:26px}.module-banner p{color:#6d818a;max-width:650px}.module-banner .btn{margin-top:18px}@media(max-width:1000px){.overview{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.workspace-hero{grid-template-columns:1fr 180px}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.side{position:fixed;right:0;top:0;bottom:0;width:265px;z-index:30;transform:translateX(100%);transition:transform .25s}.side.open{transform:none}.mobile-menu{display:block}.workspace-top{padding:0 18px}.workspace-body{padding:23px 17px}.workspace-top select{max-width:150px}.workspace-hero{grid-template-columns:1fr}.workspace-hero .symbol{display:none}.setup-steps button{font-size:11px}.setup-fields{grid-template-columns:1fr}}@media(max-width:500px){.overview{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:14px}.stat strong{font-size:24px}.quick-grid{grid-template-columns:1fr}.setup{padding:17px}.workspace-top .right .badge{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}

/* BUSMA QR brand */
:root{--busma-navy:#102e4b;--busma-blue:#126cb2;--busma-teal:#17b89b}.brand i,.auth-story .brand i,.side .brand i{background:#fff;color:var(--busma-navy);padding:2px}.brand i img{width:100%;height:100%;object-fit:contain}.btn{background:linear-gradient(110deg,var(--busma-blue),var(--busma-teal));color:#fff}.btn:hover{background:linear-gradient(110deg,#0c5c9a,#109b86)}.btn.dark{background:var(--busma-navy)}.btn.ghost{background:#fff;color:var(--busma-navy)}.badge{background:#dff3f2;color:#126b82}.auth-story{background:var(--busma-navy)}.auth-story h1 em{color:#65e5ca}.auth-story.business:before{background:linear-gradient(0deg,#102e4be9,#102e4ba3),url('/img/redesign/hero-business.webp') center/cover}.auth-story:before{background:linear-gradient(0deg,#102e4be9,#102e4b9d),url('/img/redesign/life-event.webp') center/cover}.mode-switch,.flow-switch{background:#e8f2f4}.mode-switch button.active,.flow-switch button.active{background:var(--busma-navy)}.auth-top a,.auth-footer a{color:#117e90}.auth-warning{background:#eaf5f6}.side{background:#102e4b}.side .bottom a{color:#64e2c6}.avatar{background:#ccefe8;color:#135565}.workspace-hero{background:linear-gradient(120deg,#123656,#0f6176)}.workspace-hero .symbol{background:linear-gradient(140deg,#1589bf,#24c9a5);color:#fff}.quick-card:hover{border-color:#67bdc3}.setup-steps button.current{border-color:#159f9c;color:#137f88}.stat,.surface,.setup,.module-banner{border-color:#dce9ed}.empty{background:#eff8f8;border-color:#a8cfd2}.qicon{color:#117c9e!important}