:root{--ink:#2c2545;--ink-soft:#76718a;--purple:#7651d2;--purple-deep:#51299c;--violet-light:#f2ebff;--line:#ebe8f2;--bg:#f9f8fc;--white:#fff;--shadow:0 8px 28px rgba(40,24,89,.045);--green:#159b81;--rose:#db6aa7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}small{font-size:12px}h1,h2,h3,p{margin-top:0}svg{flex:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:257px;flex:0 0 257px;background:#241b3d;color:#e9e4f8;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;align-self:flex-start;height:100vh;z-index:11;padding:30px 15px 22px;box-shadow:6px 0 25px #2119360d}.brand{display:flex;align-items:center;gap:11px;padding:1px 14px 37px;letter-spacing:1.7px}.brand-logo{position:relative;width:42px;height:42px;border-radius:13px;background:linear-gradient(137deg,#9359ee,#cb7cda);display:grid;place-items:center;color:#fff;font-weight:900;font-size:24px;letter-spacing:-2px;box-shadow:0 8px 19px #b368dc55}.brand-logo span{position:absolute;font-size:10px;right:7px;bottom:8px;color:#ffe7fa}.brand strong{font-size:16px;display:block;letter-spacing:2.5px;line-height:1.3}.brand small{display:block;font-weight:650;color:#9187aa;font-size:9px;letter-spacing:1.5px;margin-top:3px}.side-title{color:#827899;font-weight:800;font-size:10px;letter-spacing:1.5px;padding:15px 17px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;gap:13px;align-items:center;padding:13px 15px;color:#aaa1c0;border-radius:10px;font-size:12px;font-weight:640;transition:.2s;position:relative}.nav-link:hover{color:#fff;background:#ffffff10}.nav-link.active{background:linear-gradient(105deg,#7450c7,#563b99);color:white;box-shadow:0 6px 15px #00000020}.nav-link svg{opacity:.93}.nav-link small{margin-left:auto;font-size:10px;opacity:.6}.side-bottom{margin-top:auto;border-top:1px solid #ffffff18;padding:25px 7px 4px}.side-company{display:flex;align-items:center;gap:10px;padding:6px 6px 18px}.company-avatar{height:36px;width:36px;border-radius:11px;background:#7a56ae;display:grid;place-items:center;font-weight:800}.side-company div{min-width:0}.side-company strong{font-size:11px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:155px}.side-company small{font-size:9px;color:#a89db9}.side-logout{width:100%;display:flex;align-items:center;gap:12px;color:#b4abc7;border:0;background:transparent;text-align:left;padding:12px 9px;font-size:11px;border-radius:9px}.side-logout:hover{background:#ffffff15;color:white}.page-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:74px;flex:0 0 74px;background:#fff;border-bottom:1px solid #f0edf6;display:flex;justify-content:space-between;align-items:center;padding:0 36px}.breadcrumb{color:#a49bb7;font-size:11px;font-weight:600}.breadcrumb span{margin:0 10px;color:#ccc4da}.breadcrumb b{color:#5a506f;font-weight:750}.top-actions{display:flex;align-items:center;gap:18px}.secure-indicator{display:flex;align-items:center;gap:7px;color:#8b839e;font-size:11px}.secure-indicator svg{color:var(--green)}.top-avatar{display:grid;place-items:center;border-radius:10px;width:34px;height:34px;background:#f1e9fe;color:#6843bd;font-weight:800}.content{padding:35px clamp(22px,3.2vw,54px) 54px;max-width:1650px;width:100%;margin:auto;flex:1}.footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e9e7ef;padding:18px 42px;background:#fff;color:#aaa2b7;font-size:10px}.page-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.overline{font-size:10px;letter-spacing:2px;font-weight:850;color:#9676c7;margin-bottom:8px}.page-top h1{font-size:28px;letter-spacing:-.9px;margin:0 0 6px;line-height:1.25;font-weight:790}.page-top p{font-size:12px;margin:0;color:#9690a4}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:11px 15px;border-radius:10px;font-size:11.5px;font-weight:800;line-height:1.1;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(116deg,#7950d5,#a06ce0);color:#fff;box-shadow:0 7px 16px #8856da38}.btn-primary:hover{background:linear-gradient(116deg,#6840c2,#8e5ecd)}.btn-outline{border-color:#e5def2;background:white;color:#7454ae}.btn-outline:hover{background:#f7f2ff}.btn-danger{color:#c75161;background:#fff7f7;border-color:#f1dadd}.btn-small{font-size:10px;min-height:32px;padding:8px 10px}.toast{display:flex;align-items:center;gap:11px;margin-bottom:22px;border:1px solid #e7d9fa;color:#5d3b95;background:#f5efff;border-radius:11px;padding:14px 17px;font-size:12px}.toast-success{border-color:#ccece1;background:#effbf5;color:#22775b}.toast-error{border-color:#fad5dc;background:#fff0f4;color:#a63557}.welcome-hero{min-height:243px;border-radius:19px;background:linear-gradient(112deg,#463179 1%,#7244ae 60%,#bd80d3 110%);color:#fff;display:flex;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:21px;box-shadow:0 14px 29px #7155a422}.welcome-hero>div:first-child{padding:32px 38px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#e8bcfb}.welcome-hero h2{font-size:26px;letter-spacing:-.65px;line-height:1.25;font-weight:800;margin:10px 0 10px}.welcome-hero p{font-size:11px;max-width:455px;color:#e3d2ed;line-height:1.7;margin-bottom:18px}.hero-cta{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#693ca5;padding:10px 13px;border-radius:9px;font-size:11px;font-weight:800}.hero-deco{position:relative;flex:1;min-width:200px}.orb{position:absolute;top:-47px;right:60px;width:325px;height:325px;border:1px solid #f0d9ff50;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 40px #ffddff14,0 0 0 85px #f2dcff0b,inset 0 0 130px #e7adf344}.orb:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid #f8d3ff80}.orb span{font-size:150px;opacity:.45;color:#f1d8fd}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:23px 24px 20px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:0}.metric-icon{width:38px;height:38px;border-radius:10px;background:#f0e9fe;color:#8d61dd;display:grid;place-items:center;margin-bottom:18px}.metric-icon.mint{background:#e5f7f3;color:#25a68e}.metric-icon.rose{background:#fff0f7;color:#d276aa}.metric-icon.amber{background:#fff7e8;color:#d6a449}.metric>small{display:block;font-size:11px;font-weight:630;color:#928ca4;margin-bottom:5px}.metric>strong{display:block;font-size:30px;line-height:1.3;letter-spacing:-1px;color:#352948}.metric>p{font-size:10px;color:#aaa4b5;margin:4px 0 0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-width:0;overflow:visible;margin-bottom:22px}.two-columns>.panel{margin-bottom:0}.panel-head{padding:23px 25px 19px;border-bottom:1px solid #f1eef5;display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h2{font-size:14px;font-weight:800;margin:0 0 4px;letter-spacing:-.1px}.panel-head p{font-size:10.5px;color:#a39cb2;margin:0}.panel-head .btn{min-height:34px;font-size:10px}.text-link{color:#8054c2;font-size:10px;font-weight:800}.panel-content{padding:22px 25px}.plan-row{padding:0 0 21px;margin-bottom:21px;border-bottom:1px solid #f4f1f7}.plan-row:last-child{padding-bottom:0;margin-bottom:0;border:0}.plan-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.plan-top strong{font-size:11px;font-weight:800}.plan-top small{display:block;font-size:10px;color:#a29aac;margin-top:4px;margin-left:14px}.plan-dot{display:inline-block;height:7px;width:7px;border-radius:3px;background:#9864e9;margin-right:8px}.seats-count{color:#7d62a2;font-size:11px;font-weight:800}.bar{height:7px;border-radius:15px;background:#f1ebf7;overflow:hidden}.bar i{height:100%;border-radius:15px;background:linear-gradient(90deg,#7854ce,#bd88ed);display:block}.note-alert{font-size:10px;color:#b76b2f;margin-top:7px}.person-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f4f2f7}.person-row:last-child{border:0}.person-avatar{width:38px;height:38px;background:linear-gradient(125deg,#e9e1fa,#f8e7f5);border:1px solid #f2e8fa;border-radius:11px;color:#9360b0;display:grid;place-items:center;font-weight:800;flex:none}.person-row>div{min-width:0;flex:1}.person-row strong,.table-person strong{display:block;font-size:11px;color:#3f3554;font-weight:800}.person-row small,.table-person small{display:block;color:#a4a0b0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:270px}.badge{font-size:9px;white-space:nowrap;font-weight:850;padding:5px 9px;border-radius:6px;background:#f1e9ff;color:#8250cc}.badge.ok{background:#e5f8f2;color:#23967d}.badge.info{background:#f2edff;color:#8b6bc5}.badge.warn{background:#fff4e4;color:#b88133}.badge.error{background:#fff0f1;color:#bb4f62}.empty{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:38px 18px;color:#b5aec2}.empty strong{font-size:12px;color:#77708e;margin-top:9px}.empty p{font-size:11px;margin:6px 0 0}.mail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px}.mail-stats>div{border-right:1px solid #f0edf6}.mail-stats>div:last-child{border:0}.mail-stats strong{font-size:23px;display:block;color:#5a3b99}.mail-stats small{font-size:10px;color:#9e95aa}.create-panel{overflow:hidden}.create-panel>details>summary{display:flex;align-items:center;gap:12px;padding:21px 25px;cursor:pointer;list-style:none}.create-panel>details>summary::-webkit-details-marker{display:none}.add-circle{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;font-size:24px;font-weight:300;background:#ede4fe;color:#885cd4}.create-panel>details>summary>div{flex:1}.create-panel>details>summary strong{font-size:12px;display:block}.create-panel>details>summary small{font-size:10px;color:#a099ae}.detail-chev{color:#9685ae}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:19px 25px 24px;border-top:1px solid #f2eff6}.form-grid label,.simple-form label,.upload-form label:not(.dropzone),.mini-form label{font-size:11px;font-weight:760;color:#696079;display:flex;flex-direction:column;gap:7px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.simple-form input,.upload-form select,.mini-form input,.mini-form select{border:1px solid #e4deef;border-radius:9px;padding:11px 13px;background:#fff;color:#463c5c;outline:none;width:100%;min-width:0}.form-grid input:focus,.form-grid select:focus,.simple-form input:focus,.upload-form select:focus{border-color:#ad88e8;box-shadow:0 0 0 3px #f1eafa}.action-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.action-row span{font-size:10px;color:#9e96ad}.count-tag{font-size:10px;color:#9d76d0;background:#f5f0ff;padding:6px 10px;border-radius:8px;font-weight:850}.filters{display:flex;gap:11px;align-items:center;padding:19px 22px;border-bottom:1px solid #f4f0f8}.search-box{flex:1;border:1px solid #eae6f2;display:flex;gap:9px;align-items:center;color:#9b93ad;border-radius:10px;padding:0 12px}.search-box input{height:38px;background:transparent;border:none;outline:0;flex:1;min-width:0;font-size:11px}.filters>.btn{min-height:40px}.table-wrap,.preview-scroll{overflow-x:auto}.table-wrap table,.preview-scroll table{width:100%;border-collapse:collapse;text-align:left}th{background:#faf9fd;text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:9px;color:#a19aaf;padding:15px 22px;white-space:nowrap}td{font-size:11px;padding:16px 22px;border-top:1px solid #f1eef6;color:#786e8b;vertical-align:middle}.table-person{display:flex;gap:10px;align-items:center;min-width:180px}.table-person .person-avatar{width:31px;height:31px;border-radius:8px}.table-plan{font-size:11px;color:#574773}.cell-sub{display:block;color:#aaa1b5;margin-top:5px;font-size:10px}.row-actions{position:relative}.row-actions summary{white-space:nowrap;list-style:none;color:#805dc1;font-weight:800;font-size:11px;cursor:pointer}.row-actions summary::-webkit-details-marker{display:none}.row-action-pop{position:absolute;z-index:3;right:0;top:25px;width:245px;background:white;border:1px solid #e7e0f3;box-shadow:0 16px 50px #31205024;border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:10px}.row-action-pop form{display:flex;flex-direction:column;gap:9px}.row-action-pop .btn{width:100%}.mini-form label{font-size:10px}.mini-form input,.mini-form select{padding:8px;font-size:10px}.pager{display:flex;justify-content:space-between;align-items:center;padding:16px 23px;color:#a6a0b0;font-size:10px}.pager a{margin-left:14px;color:#7957b5;font-weight:750}.security-note{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.7;color:#928aa1;margin:12px 4px 28px}.security-note svg{margin-top:1px}.dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #d6c5ed;border-radius:12px;min-height:172px;padding:20px;background:#fcfaff;color:#9061c7;cursor:pointer;text-align:center;gap:7px;position:relative}.dropzone strong{font-size:12px}.dropzone small{font-size:10px;color:#a498b5;max-width:230px}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-form{display:flex;flex-direction:column;gap:20px}.upload-form label:not(.dropzone){gap:8px}.full-btn{width:100%}.step{display:flex;align-items:flex-start;gap:13px;margin-bottom:24px}.step>b{font-size:12px;color:#9b6ade;background:#f1eafd;border-radius:9px;padding:8px}.step strong{display:block;font-size:11px}.step small{display:block;color:#9c93aa;font-size:10px;line-height:1.6;margin-top:4px}.preview-scroll{max-height:420px;overflow:auto}.panel-bottom{display:flex;align-items:center;justify-content:flex-end;gap:11px;padding:20px 24px;border-top:1px solid #f0edf6}.result-panel{padding:25px}.result-panel h2{font-size:15px}.result-panel p,.result-panel li{font-size:12px}.plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.plan-card{background:#fff;border:1px solid #eae6f1;border-radius:15px;padding:25px;box-shadow:var(--shadow);min-width:0}.plan-card-icon{height:42px;width:42px;border-radius:12px;background:#f1e9fc;color:#8d58d5;display:grid;place-items:center}.plan-card h3{font-size:16px;margin:18px 0 4px}.plan-desc{color:#a69bb5;font-size:10px}.plan-big{font-size:29px;font-weight:850;margin:22px 0 11px}.plan-big small{color:#aaa2b7;font-size:12px;font-weight:600}.plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:21px;color:#9990a8;font-size:10px}.info-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #f2edf6;padding:14px 0;align-items:center}.info-line:last-child{border:0}.info-line small{color:#a89db1}.info-line strong{font-size:11px;text-align:right;overflow-wrap:anywhere}.simple-form{display:flex;flex-direction:column;gap:19px}.simple-form label{gap:9px}.simple-form input{padding:13px}.muted{color:#a69bb4;font-size:12px}.padded{padding:10px 22px}.login-page{background:#fff}.login-split{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-art{position:relative;background:linear-gradient(145deg,#221938,#52317e 65%,#9562ae);padding:45px 54px;display:flex;flex-direction:column;overflow:hidden;color:white}.brand.white{padding:0}.brand.white small{color:#d0b1e6}.login-orbit{position:absolute;right:-130px;top:18%;height:490px;width:490px;border-radius:50%;border:1px solid #e7cbff30;box-shadow:0 0 0 68px #ffdaff08,0 0 0 130px #ffffff06,0 0 0 196px #ffffff05;display:grid;place-items:center}.login-orbit:before{content:'';border-radius:50%;height:300px;width:300px;border:1px solid #e3b8ef49;position:absolute}.login-orbit span{font-size:230px;font-weight:100;color:#c997eb55;transform:rotate(-18deg)}.login-copy{margin:auto 0 60px;position:relative;z-index:1;max-width:460px}.login-copy h2{font-size:39px;line-height:1.2;letter-spacing:-1.3px;margin:14px 0 17px}.login-copy p{font-size:13px;color:#dbcfed;line-height:1.8;max-width:370px}.login-feature{display:flex;gap:9px;align-items:center;font-size:11px;color:#e2d3ed;margin-top:42px}.login-copyright{color:#b49bbf;font-size:10px}.login-form-side{display:grid;place-items:center;padding:36px}.login-form-wrap{width:100%;max-width:380px}.login-icon{height:56px;width:56px;border-radius:16px;background:#f4edfe;color:#8d60d0;display:grid;place-items:center;margin-bottom:27px}.login-form-wrap h1{font-size:32px;margin:5px 0 7px;letter-spacing:-1px}.login-form-wrap>p{font-size:12px;color:#91879e;margin-bottom:30px}.login-form-wrap .simple-form{gap:21px}.login-form-wrap .btn{padding:16px;justify-content:space-between;margin-top:5px}.login-help{margin-top:27px;padding-top:23px;border-top:1px solid #eee8f6;font-size:11px;color:#928ba1;line-height:1.7}.login-help a{color:#734abe;font-weight:800}.scrim,.menu-btn{display:none}
@media(max-width:1200px){.sidebar{width:225px;flex-basis:225px}.content{padding:30px 28px}.topbar{padding:0 28px}.metric{padding:19px}.hero-deco{opacity:.7}.plan-cards{gap:12px}.plan-card{padding:20px}}@media(max-width:960px){.sidebar{position:fixed;left:0;transform:translateX(-105%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.scrim.open{display:block;position:fixed;inset:0;background:#1b113d80;z-index:10}.menu-btn{display:grid;place-items:center;border:1px solid #eae5f4;background:#fff;border-radius:9px;height:36px;width:36px;color:#6b5290;margin-right:13px}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.login-art{padding:34px}.login-copy h2{font-size:31px}}@media(max-width:680px){.content{padding:25px 14px 40px}.topbar{height:62px;flex-basis:62px;padding:0 16px}.breadcrumb{font-size:10px}.secure-indicator{display:none}.page-top{align-items:flex-start;flex-direction:column;gap:14px}.page-top h1{font-size:25px}.page-top .btn{width:100%}.welcome-hero{min-height:unset}.welcome-hero>div:first-child{padding:26px 23px}.welcome-hero h2{font-size:22px}.hero-deco{display:none}.metric-grid{gap:10px}.metric{padding:15px}.metric-icon{width:31px;height:31px;margin-bottom:10px}.metric>strong{font-size:25px}.panel-head{padding:19px 17px}.panel-content{padding:17px}.panel-head .text-link{font-size:10px}.panel-head .btn{white-space:normal}.mail-stats{padding:18px}.create-panel>details>summary{padding:18px}.form-grid{grid-template-columns:1fr;padding:18px;gap:14px}.form-grid .wide{grid-column:1}.action-row{flex-direction:column;align-items:stretch}.filters{padding:13px;flex-wrap:wrap}.search-box{flex:1 1 100%}.filters .btn{width:100%}.plan-cards{grid-template-columns:1fr}.login-split{grid-template-columns:1fr}.login-art{display:none}.login-form-side{min-height:100dvh;padding:25px}.login-form-wrap h1{font-size:28px}.footer{padding:15px 18px;display:block;line-height:2}.row-action-pop{right:-10px}.panel-bottom{flex-wrap:wrap}.panel-bottom .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Keep employee actions usable in overflow-scrolling tables, including mobile. */
.row-actions[open] .row-action-pop{position:static;right:auto;top:auto;margin-top:11px;box-shadow:none;max-width:245px;width:245px}

/* Phase 3 — session allocation panel matching the existing Sanaday design. */
.session-tools{margin-bottom:20px;align-items:stretch}.credit-help{display:flex;gap:10px;align-items:flex-start;background:#f7f3ff;border:1px solid #e9defc;border-radius:12px;padding:14px;color:#71518c;font-size:12px;line-height:1.6}.credit-help svg{flex-shrink:0}.credit-plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;border-bottom:1px solid #efebf4}.credit-plan-row:first-child{padding-top:0}.credit-plan-row:last-child{border-bottom:0}.credit-plan-row strong{font-size:13px;display:block}.credit-plan-row small{display:block;margin-top:6px;font-size:11px;color:#91859f}.credit-plan-row>span{white-space:nowrap;font-size:12px;color:#745b8e;font-weight:800}.credit-return{display:flex;gap:7px;align-items:center;min-width:175px}.credit-return input{width:62px;min-width:0;padding:8px 6px!important;border:1px solid #e9e3f2;border-radius:8px;text-align:center}.credit-return button{white-space:nowrap}.session-tools .simple-form select{width:100%;max-width:100%}.session-tools .simple-form{gap:17px}@media(max-width:680px){.credit-plan-row{align-items:flex-start;flex-direction:column}.credit-return{flex-wrap:wrap}}

/* Sanaday Phase 3 UX update – elegant controls, compact rows and focused employee management */
.select-frame{position:relative;display:block;width:100%}
.select-frame:after{content:"";pointer-events:none;position:absolute;right:17px;top:calc(50% - 4px);height:8px;width:8px;border-right:2px solid #855cc0;border-bottom:2px solid #855cc0;transform:rotate(45deg)}
.select-frame select{display:block;width:100%;min-height:47px;padding:12px 42px 12px 14px!important;appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#fff,#fcfaff);border:1px solid #e0d5f1;border-radius:11px;font-size:12px;color:#423456;font-weight:650;cursor:pointer;box-shadow:0 1px 1px #22133b08;transition:border-color .2s,box-shadow .2s}
.select-frame select:hover{border-color:#bba5e2}.select-frame select:focus{outline:none;border-color:#855bd0;box-shadow:0 0 0 4px #eaddff}
.select-frame option{font-weight:500;background:#fff;color:#302341}
.manage-trigger{padding:9px 13px!important;min-height:36px!important;border-color:#e2d5f7;background:#f8f4ff;color:#6a45a9}
.manage-trigger:hover{background:#ede4fe}
.extra-count{white-space:nowrap;color:#5c3c95;font-weight:850;font-size:13px;display:inline-flex;gap:5px;align-items:center}
.extra-count small{font-size:10px;color:#a096b4;font-weight:600}
.member-dialog{position:fixed;inset:0;margin:auto;width:min(1010px,calc(100vw - 36px));max-width:1010px;max-height:calc(100dvh - 44px);border:1px solid #eee6f7;border-radius:19px;background:#fff;color:var(--ink);padding:0;box-shadow:0 28px 110px #1a0e3652;overflow:auto;overscroll-behavior:contain}
.member-dialog::backdrop{background:rgba(21,12,38,.58);backdrop-filter:blur(5px)}
.manage-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:24px 30px;border-bottom:1px solid #efe8f7;background:linear-gradient(100deg,#fbf8ff,#fff);position:sticky;top:0;z-index:2}
.manage-person{display:flex;align-items:center;gap:14px;min-width:0}.manage-avatar{width:53px;height:53px;flex:0 0 53px;border-radius:14px;background:linear-gradient(135deg,#7d4ee0,#c28adf);color:#fff;font-weight:850;font-size:21px;display:grid;place-items:center;box-shadow:0 7px 19px #b080d347}
.manage-head h2{font-size:22px;margin:1px 0 2px;letter-spacing:-.6px;overflow-wrap:anywhere}.manage-head p{margin:0;color:#92859f;font-size:12px;overflow-wrap:anywhere}.manage-head .overline{font-size:9px;margin:0}.manage-close{border:1px solid #e7def0;background:#fff;border-radius:11px;min-width:37px;height:37px;color:#826a9d;font-size:25px;line-height:1;flex:none}.manage-close:hover{background:#f6effe}
.manage-body{padding:25px 28px 27px}.manage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:21px}
.manage-stats>div{border-radius:12px;padding:15px 16px;background:#faf8fd;border:1px solid #efeaf6;min-width:0}.manage-stats small{display:block;color:#958ba6;font-size:10px;font-weight:720;margin-bottom:5px}.manage-stats strong{display:block;color:#483260;font-size:14px;font-weight:800;overflow-wrap:anywhere}.manage-stats span{display:block;color:#a99db7;font-size:10px;margin-top:2px}
.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}.manage-section{border:1px solid #ebe5f4;border-radius:15px;padding:20px;min-width:0;background:#fff}.manage-section-credit{background:linear-gradient(180deg,#fefcff,#fff 120px)}
.manage-section-title{display:flex;align-items:center;gap:11px;margin-bottom:23px}.manage-section-title h3{font-size:14px;font-weight:850;margin:0 0 2px}.manage-section-title p{font-size:10px;color:#a199b1;margin:0}.manage-section-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#f0eaff;color:#8050cb;font-weight:800;font-size:23px}.manage-section-icon.credit-icon{background:#e7f8f5;color:#22a48c;font-size:20px}
.manage-form{display:flex;flex-direction:column;gap:15px}.manage-form label,.credit-inline-return label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:780;color:#685a78}.manage-form input,.credit-inline-return input{width:100%;border-radius:10px;border:1px solid #e3dced;background:#fff;padding:12px 13px;color:#43335a;font-size:12px;outline:0}.manage-form input:focus,.credit-inline-return input:focus{border-color:#9566dd;box-shadow:0 0 0 3px #eee4ff}.manage-form>.btn{width:100%;margin-top:3px;min-height:43px}
.manage-account-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px;padding-top:16px;border-top:1px solid #f0eaf7}.manage-account-actions form{flex:1 1 auto}.manage-account-actions .btn{width:100%;white-space:normal}
.qty-line{display:flex;align-items:flex-end;gap:12px}.qty-line label{flex:0 0 120px}.qty-line input{height:45px}.pool-hint{color:#9075ad;font-size:10.5px;line-height:1.5;padding-bottom:8px}.manage-notice{background:#fff9eb;border:1px solid #f1e4c7;color:#97743b;border-radius:11px;padding:13px 14px;font-size:11px;line-height:1.55}
.manage-credit-list{border-top:1px solid #eee8f5;margin-top:18px;padding-top:16px}.credit-list-title{font-size:11px;color:#78678e;font-weight:850;margin-bottom:9px}.manage-credit-item{border:1px solid #eee8f6;background:#fdfbff;border-radius:12px;padding:13px 14px;margin-bottom:10px}.credit-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.credit-item-top strong{font-size:11px;overflow-wrap:anywhere}.credit-item-top span{font-size:10px;color:#8058b6;white-space:nowrap;font-weight:800}.manage-credit-item>small{font-size:10px;color:#aba0b5;display:block;margin-top:5px}.credit-inline-return{display:flex;align-items:flex-end;gap:9px;margin-top:12px}.credit-inline-return label{width:110px;flex:none}.credit-inline-return input{padding:9px 10px;min-height:35px}.credit-inline-return .btn{flex:1;padding:8px 10px;min-height:35px;white-space:normal}.credit-disabled-note{color:#b89aaa!important}.credit-empty{color:#998fa7;font-size:11px;margin:11px 0 0}.manage-footer-note{margin-top:20px;padding:14px 16px;background:#f5f0ff;color:#8265a1;border:1px solid #e8dcf9;border-radius:11px;font-size:11px;line-height:1.55}
.quick-search{display:flex;align-items:center;gap:10px;background:#faf7ff;border:1px solid #e6dcf5;border-radius:11px;padding:0 14px;color:#9875cc;margin-bottom:12px}.quick-search:focus-within{border-color:#9668d7;box-shadow:0 0 0 3px #eee4ff}.quick-search input{width:100%;background:transparent;border:0;outline:0;min-height:45px;font-size:12px;color:#4d366c;padding:0;box-shadow:none}.quick-members{display:flex;flex-direction:column;gap:8px;max-height:270px;overflow-y:auto;margin-bottom:15px;scrollbar-color:#d9c6ef transparent}.quick-member{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #eee7f6;border-radius:11px;background:#fff;transition:background .2s,border-color .2s}.quick-member:hover{background:#f9f5ff;border-color:#cab6e9}.quick-member[hidden]{display:none!important}.quick-avatar{display:grid;place-items:center;min-width:34px;height:34px;border-radius:9px;background:#ede5fa;color:#8454bf;font-weight:850}.quick-member-text{min-width:0;flex:1}.quick-member-text strong{display:block;font-size:12px;color:#423156}.quick-member-text small{font-size:10px;color:#9e92ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.quick-go{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#7c52bc;white-space:nowrap}.quick-empty{margin:5px 2px 15px}
.member-dialog button:focus-visible,.manage-trigger:focus-visible,.quick-member:focus-visible{outline:3px solid #b994ec;outline-offset:2px}
@media(max-width:900px){.member-dialog{width:min(760px,calc(100vw - 22px));max-height:calc(100dvh - 22px)}.manage-grid{grid-template-columns:1fr}.manage-body{padding:20px}.manage-head{padding:19px 20px}}
@media(max-width:550px){.member-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.manage-head{padding:15px}.manage-body{padding:15px}.manage-head h2{font-size:18px}.manage-avatar{width:43px;height:43px;flex-basis:43px}.manage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.manage-stats>div{padding:12px}.manage-stats>div:first-child{grid-column:1/-1}.manage-section{padding:14px}.qty-line{flex-direction:column;align-items:stretch}.qty-line label{flex:none}.pool-hint{padding:0}.credit-inline-return{flex-wrap:wrap}.credit-inline-return label{width:100%}.credit-inline-return .btn{width:100%}}

/* Sanaday DRH — Comptes prêts & Documentation, French production UI */
.ready-note{display:flex;align-items:flex-start;gap:18px;background:linear-gradient(115deg,#f2eafe 0%,#fcf9ff 70%);border:1px solid #e5d7ff;border-radius:20px;padding:22px 24px;margin-bottom:20px;color:#392453}
.ready-note-icon{width:44px;height:44px;display:grid;place-items:center;background:#8251da;color:white;border-radius:14px;font-size:24px;flex:none;box-shadow:0 8px 22px #8251da2b}
.ready-note strong{display:block;font-size:16px;margin:1px 0 6px}.ready-note p{line-height:1.65;color:#736187;font-size:13px;margin:0}
.ready-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}
.ready-stats>div{background:white;border:1px solid #e9e4f4;border-radius:17px;padding:21px 23px;min-height:124px;display:flex;flex-direction:column;gap:9px;box-shadow:0 8px 30px #24133d05}
.ready-stats span{font-size:12px;color:#9888a8;font-weight:650}.ready-stats strong{font-size:27px;color:#302347;font-weight:850;letter-spacing:-1px}.ready-stats small{color:#afa1b7;font-size:11px}
.ready-columns{align-items:start}.ready-columns>.panel{height:100%;overflow:hidden}.ready-columns .simple-form{display:grid;gap:15px}
.ready-columns .simple-form label{display:flex;flex-direction:column;gap:8px}.ready-columns .simple-form input,.ready-columns .simple-form select{width:100%;max-width:100%}
.ready-columns .simple-form .select-frame{display:block}.ready-submit{justify-content:center;display:flex;align-items:center;gap:9px;min-height:48px}
.ready-label-help{color:#9588a8;font-weight:400;font-size:11px;line-height:1.45}.ready-fineprint,.ready-inline-warn{font-size:12px!important;line-height:1.7;color:#92849e;margin:0}
.ready-inline-warn{color:#a65c37!important;background:#fff7ea;border-radius:10px;padding:12px}
.ready-step{display:flex;gap:15px;padding:8px 0 21px;border-bottom:1px solid #f0ebf7;margin-bottom:18px}
.ready-step:last-of-type{border-bottom:0;margin-bottom:4px}.ready-step>span{flex:none;width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:#f1eafd;color:#8857d8;font-size:15px;font-weight:800}
.ready-step strong{display:block;color:#332446;font-size:14px;margin-bottom:6px}.ready-step p{margin:0;font-size:12px;line-height:1.7;color:#92849e}
.ready-document-link,.doc-link{display:inline-flex;gap:8px;align-items:center;color:#7950c9;text-decoration:none;font-size:13px;font-weight:750}.ready-document-link:hover,.doc-link:hover{text-decoration:underline}
.ready-history{margin-top:22px;overflow:hidden}.ready-history table{min-width:730px}.ready-reexport{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ready-reexport input{width:205px;max-width:100%;font-size:12px;padding:10px 12px;border:1px solid #e0d9ed;border-radius:9px;background:#faf8fd}.ready-reexport input:focus{outline:2px solid #ba9cf5;outline-offset:1px}
.ready-reexport button{display:inline-flex;align-items:center;gap:6px;font-size:12px}.ready-table-empty{text-align:center;padding:32px;color:#9186a0}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.doc-hero{border-radius:21px;background:linear-gradient(114deg,#3d285c,#6444a2 58%,#8c5bdb);padding:35px 39px;color:white;margin-bottom:25px;box-shadow:0 14px 35px #48317521;position:relative;overflow:hidden}
.doc-hero:after{content:'';position:absolute;right:-80px;top:-130px;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff35;box-shadow:0 0 0 42px #ffffff09,0 0 0 100px #ffffff06;pointer-events:none}
.doc-hero>span{font-size:10px;letter-spacing:2px;color:#d8c6ff;font-weight:800}.doc-hero h2{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:15px 0 10px;color:white}.doc-hero p{color:#e2d5f6;max-width:580px;font-size:14px;line-height:1.7;margin:0 0 21px}.doc-hero>div{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.doc-hero .btn-outline{color:white;border:1px solid #ffffff5c;background:#ffffff17}
.doc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:23px;align-items:start}
.doc-menu{position:sticky;top:22px;background:white;border-radius:17px;border:1px solid #ebe6f4;padding:21px 16px;display:flex;flex-direction:column;gap:4px}
.doc-menu strong{color:#302447;padding:0 12px 12px;font-size:12px}.doc-menu a{padding:11px 12px;color:#786b8a;font-size:12px;font-weight:600;text-decoration:none;border-radius:9px;line-height:1.5}.doc-menu a:hover,.doc-menu a:focus{color:#6f48ba;background:#f5efff}
.doc-articles{display:grid;gap:18px}.doc-card{background:white;padding:30px;border:1px solid #ebe5f4;border-radius:18px;scroll-margin-top:24px}.doc-number{display:grid;place-items:center;background:#f0e6ff;color:#8358d6;border-radius:12px;width:43px;height:43px;font-weight:800;margin-bottom:17px}
.doc-card h2{font-size:20px;letter-spacing:-.4px;color:#302345;margin:0 0 12px}.doc-card .doc-lead{font-size:13px;color:#877997;line-height:1.7;margin-bottom:20px}
.doc-card ol{counter-reset:steps;list-style:none;padding:0;margin:0}.doc-card li{position:relative;padding:0 0 18px 34px;color:#6e617b;line-height:1.75;font-size:13px;counter-increment:steps}
.doc-card li:before{content:counter(steps);position:absolute;left:0;top:1px;width:23px;height:23px;background:#f3eefe;border-radius:8px;display:grid;place-items:center;color:#8156d1;font-size:11px;font-weight:850}
.doc-card li b{color:#47335d}.doc-tip{padding:16px 18px;border:1px solid #e9ddfb;border-radius:12px;background:#faf7ff;margin:7px 0 17px}.doc-tip strong{color:#7152a0;font-size:12px}.doc-tip p{color:#7c6c91;margin:7px 0 0;font-size:12px;line-height:1.8}.doc-tip a{color:#7551c4}
.doc-link{margin-top:2px}.doc-card:target{box-shadow:0 0 0 2px #a47cdd44}
@media(max-width:1080px){.doc-layout{grid-template-columns:1fr}.doc-menu{position:static;display:none}.ready-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ready-note{padding:17px;gap:12px}.ready-stats{grid-template-columns:1fr;gap:10px}.ready-stats>div{min-height:auto;padding:17px}.ready-columns{display:grid;grid-template-columns:1fr}.ready-reexport{display:grid;grid-template-columns:1fr}.ready-reexport input{width:100%}.doc-hero{padding:25px 22px}.doc-hero h2{font-size:23px}.doc-card{padding:22px}.doc-card h2{font-size:18px}}

/* Ready accounts: aligned batch actions and on-demand credentials table */
.ready-created{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f3edff;border:1px solid #dcccf5;border-radius:16px;padding:18px 22px;margin-bottom:20px;flex-wrap:wrap}
.ready-created strong{display:block;color:#55368a;font-size:15px}.ready-created p{font-size:12px;color:#76648f;margin:6px 0 0;line-height:1.5}
.ready-created-actions,.ready-credentials-actions,.ready-batch-actions{display:flex;align-items:center;gap:9px;flex-wrap:nowrap}
.ready-created-actions form,.ready-credentials-actions form,.ready-batch-actions form{margin:0;display:flex;align-items:center;gap:0;flex:0 0 auto}
.ready-created-actions .btn,.ready-credentials-actions .btn,.ready-batch-actions .btn{min-height:38px;display:inline-flex;justify-content:center;align-items:center;gap:7px;white-space:nowrap;padding:9px 14px;font-size:12px}
.ready-batch-table th,.ready-batch-table td{vertical-align:middle}.ready-batch-table th:nth-child(1){width:25%}.ready-batch-table th:nth-child(2){width:30%}.ready-batch-table th:nth-child(3){width:15%}.ready-batch-table th:nth-child(4){width:30%}
.ready-batch-table td:first-child,.ready-batch-table td:nth-child(3){white-space:nowrap}.ready-batch-count{font-weight:800;color:#503974}
.ready-credentials{margin:20px 0 0;overflow:hidden;scroll-margin-top:20px}.ready-credentials .panel-head{gap:20px;align-items:center;flex-wrap:wrap}.ready-credentials-table{min-width:540px}
.ready-credential{display:inline-block;font-size:12px;color:#49316d;background:#f6f2fd;border:1px solid #e5d9f8;border-radius:9px;padding:9px 12px;font-weight:700;letter-spacing:.3px;user-select:text}
.ready-password{color:#4a365d;letter-spacing:1px;background:#faf9fc}.ready-credentials-tip{margin:0;padding:15px 22px;font-size:11px;color:#927b9d;border-top:1px solid #efebf6;line-height:1.6}
@media(max-width:760px){.ready-batch-table{min-width:690px}.ready-created-actions,.ready-credentials-actions{flex-wrap:wrap}}