:root{--purple:#32104c;--purple-2:#49176d;--teal:#079db0;--blue:#0878c8;--gold:#f5ae00;--ink:#211d2b;--muted:#69647a;--line:#e9e5ee;--paper:#fff;--ground:#f7f5fa;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--ground)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(150deg,#f5f0f9,#f7fbfc 65%)}a{color:var(--purple-2);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button{cursor:pointer}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem max(1.4rem,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 12px #2f114508}.brand{display:flex;align-items:center;gap:.65rem;color:var(--purple);text-decoration:none}.brand img{object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand strong{letter-spacing:.09em;font-size:1rem}.brand small{font-size:.67rem;letter-spacing:.09em;color:var(--teal);font-weight:700;margin-top:.2rem}.topnav{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.topnav a,.text-button{font-size:.9rem;font-weight:600}.text-button{border:0;background:transparent;color:var(--purple-2);padding:0}.user-name{color:var(--muted);font-size:.86rem}.language{padding:.4rem .65rem;border:1px solid var(--line);border-radius:8px}
.shell{max-width:1180px;margin:0 auto;padding:2.2rem 1.4rem 5rem}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin:0 0 1.7rem}.eyebrow{color:var(--teal);font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem}h1{font-size:clamp(1.85rem,3vw,2.8rem);line-height:1.1;color:var(--purple);margin:0 0 .55rem}h2{font-size:1.17rem;color:var(--purple);margin:0 0 1.2rem}.muted{color:var(--muted);line-height:1.55}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1.6rem;margin-bottom:1.4rem;box-shadow:0 10px 30px #31134a08}.auth-card{max-width:470px;margin:4vh auto;padding:2.1rem}.auth-logo{display:block;width:100%;max-width:220px;height:80px;object-fit:contain;object-position:left center;margin:0 0 1.5rem}.form-grid{display:grid;gap:1.15rem}.form-grid label,.inline-form label{display:grid;gap:.43rem;font-size:.85rem;font-weight:700;color:var(--purple)}input,textarea{width:100%;padding:.78rem .88rem;border:1px solid #d9d2e1;border-radius:9px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #079db022}textarea{resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.05rem;border-radius:9px;border:1px solid #d5cbdc;background:#fff;color:var(--purple);font-weight:700;font-size:.86rem;white-space:nowrap}.button:hover{text-decoration:none;border-color:var(--purple)}.button.primary{background:linear-gradient(110deg,var(--purple),var(--purple-2));border-color:var(--purple);color:#fff}.button.primary:hover{filter:brightness(1.1)}.inline-form{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.inline-form label{flex:1;min-width:180px}.form-card{max-width:760px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.4rem}.stat{background:linear-gradient(135deg,var(--purple),#542475);border-radius:14px;padding:1.25rem 1.5rem;color:#fff;display:grid;gap:.5rem}.stat span{opacity:.78;font-size:.8rem}.stat strong{font-size:1.5rem}.section-heading,.list-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-heading{margin-bottom:.8rem}.section-heading h2{margin:0}.list-row{padding:.95rem 0;border-top:1px solid var(--line)}.list-row:first-of-type{border-top:0}.list-row div{display:grid;gap:.3rem}.list-row small{color:var(--muted)}.badge{display:inline-flex;border-radius:99px;background:#e6f5f6;color:#087b8a;font-size:.73rem;font-weight:700;padding:.35rem .65rem;white-space:nowrap}.notice,.error-box{border-radius:9px;padding:.9rem 1.1rem;margin-bottom:1.2rem}.notice{background:#e9f8f3;color:#136b56}.error-box{background:#fff0ee;color:#9e3326}.error-box ul{margin:.2rem 0;padding-inline-start:1.2rem}.message{border-top:1px solid var(--line);padding:1rem 0}.message-meta{font-size:.8rem;color:var(--muted);font-weight:700}.prose{white-space:pre-wrap;line-height:1.65}.details{display:flex;gap:1.5rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.checkbox{display:flex!important;align-items:center;gap:.6rem}.checkbox input{width:auto}
html[dir=rtl] .auth-logo{object-position:right center}@media(max-width:680px){.topbar{align-items:flex-start;padding:1rem}.topnav{justify-content:flex-end;gap:.65rem}.user-name{display:none}.shell{padding:1.4rem 1rem 3rem}.page-heading{align-items:start;flex-direction:column}.card{padding:1.2rem}.two-column{grid-template-columns:1fr}.list-row{align-items:flex-start}.auth-card{margin:1rem auto}}
select{width:100%;padding:.78rem .88rem;border:1px solid #d9d2e1;border-radius:9px;background:#fff;color:var(--ink);font:inherit}select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #079db022}
.actions{display:flex!important;gap:.5rem;flex-wrap:wrap}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:start}th,td{padding:.8rem;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}td small{display:block;color:var(--muted);margin-top:.4rem}td form{display:inline-flex;margin:.4rem}button:disabled{opacity:.5;cursor:wait}
.secret-box{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#f7f5fa;border:1px solid var(--line);border-radius:9px}
fieldset{border:1px solid var(--line);border-radius:9px;padding:1rem}legend{font-weight:700;color:var(--purple)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}

/* Application workspace */
.workspace{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh;background:#f6f8fb}
.workspace-guest{display:block}
.workspace-main{min-width:0}
.sidebar{background:#241337;color:#f3eef7;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:5px 0 24px #21132e16}
.sidebar-brand{display:flex;align-items:center;gap:.7rem;margin:1.3rem 1rem .8rem;padding:.45rem;color:#fff;text-decoration:none}
.sidebar-brand:hover{text-decoration:none}
.sidebar-brand img{object-fit:contain;background:#fff;border-radius:10px;padding:3px}
.sidebar-brand span{display:grid;gap:.15rem;line-height:1.1}
.sidebar-brand strong{font-size:.88rem;letter-spacing:.12em}
.sidebar-brand small{color:#80dfdf;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}
.sidebar-context{margin:.2rem 1.2rem 1rem;padding:.7rem .8rem;border:1px solid #ffffff22;border-radius:10px;color:#d4c5de;font-size:.78rem;overflow-wrap:anywhere}
.sidebar-nav{padding:.2rem .8rem 1rem;flex:1}
.nav-group{display:grid;gap:.16rem;margin-bottom:1.2rem}
.nav-label{padding:.45rem .75rem;color:#aa9bb8;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.nav-link{display:block;padding:.66rem .78rem;border-radius:9px;color:#e7deed;font-size:.85rem;font-weight:600}
.nav-link:hover,.nav-link.is-active{background:#ffffff18;color:#fff;text-decoration:none}
.nav-link.is-active{box-shadow:inset 3px 0 0 var(--teal)}
html[dir=rtl] .nav-link.is-active{box-shadow:inset -3px 0 0 var(--teal)}
.sidebar-footer{border-top:1px solid #ffffff1b;padding:1rem 1.3rem;color:#a99bb5;font-size:.72rem}
.workspace .topbar{min-height:72px;padding:.8rem clamp(1.2rem,2.6vw,2.6rem);box-shadow:none}
.topbar-title{display:grid;gap:.15rem}.topbar-title strong{font-size:.95rem;color:var(--purple)}.topbar-title span{font-size:.73rem;color:var(--muted)}
.workspace .topnav{gap:.9rem}.workspace .topnav a,.workspace .text-button{font-size:.79rem}
.workspace .shell{max-width:1480px;padding:2rem clamp(1.2rem,2.6vw,2.6rem) 4rem}
.workspace-guest .shell{max-width:1180px}
.workspace .card{box-shadow:0 4px 20px #21132e08;border-color:#e6e8ed}
.overview-hero{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;margin-bottom:1.5rem}
.overview-hero h1{font-size:clamp(1.7rem,2.7vw,2.35rem)}.overview-hero .muted{margin:.2rem 0 0}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:1.5rem}
.metric{background:#fff;border:1px solid #e6e8ed;border-radius:13px;padding:1.15rem 1.25rem;min-height:116px;display:flex;flex-direction:column;justify-content:space-between}
.metric span{color:var(--muted);font-size:.78rem;font-weight:700}.metric strong{font-size:1.8rem;color:var(--purple);line-height:1}.metric small{font-size:.73rem;color:var(--teal)}
.metric:hover{text-decoration:none;border-color:#b6dfe4}.metric:focus-visible,.module-card:focus-visible,.nav-link:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem}
.work-grid .card{margin:0}.work-grid .list-row{align-items:flex-start}.work-grid .list-row .button{padding:.55rem .8rem}
.empty-pane{padding:1.3rem;border-radius:11px;background:#f6f9fb;color:var(--muted);font-size:.85rem;line-height:1.5}
.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}
.setup-step{padding:1rem;border:1px solid var(--line);border-radius:11px;background:#fbfafc;display:grid;gap:.35rem}
.setup-step b{display:inline-grid;place-items:center;background:#e5f6f8;color:#087b8a;border-radius:50%;width:26px;height:26px;font-size:.78rem}
.setup-step strong{color:var(--purple);font-size:.86rem}.setup-step span{color:var(--muted);font-size:.76rem;line-height:1.45}
.client-card{border:1px solid var(--line);border-radius:12px;padding:1rem;margin-top:.85rem;background:#fff}
.client-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.client-card-head strong{color:var(--purple)}.client-card-head small{display:block;color:var(--muted);margin-top:.3rem;overflow-wrap:anywhere}
.client-actions{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.8rem}.client-actions a{font-size:.75rem;padding:.5rem .7rem}
.client-create{margin-top:1.1rem;border-top:1px solid var(--line);padding-top:1rem}.client-create summary{cursor:pointer;color:var(--purple);font-weight:700}.client-create form{margin-top:1rem}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1.3rem}
.module-card{display:grid;gap:.35rem;border:1px solid #e6e8ed;border-radius:12px;background:#fff;padding:1rem 1.1rem;color:var(--ink)}
.module-card:hover{border-color:#b6dfe4;box-shadow:0 5px 18px #21132e0c;text-decoration:none}.module-card strong{color:var(--purple);font-size:.9rem}.module-card span{color:var(--muted);font-size:.76rem;line-height:1.45}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.workspace{display:block}.sidebar{position:static;height:auto;overflow:visible}.sidebar-brand{margin:.6rem 1rem}.sidebar-context,.sidebar-footer{display:none}.sidebar-nav{display:flex;gap:.3rem;overflow-x:auto;padding:.35rem .8rem .7rem}.nav-group{display:flex;flex:none;margin:0}.nav-label{display:none}.nav-link{white-space:nowrap;padding:.5rem .65rem}.work-grid{grid-template-columns:1fr}}
@media(max-width:620px){.workspace .topbar{flex-wrap:wrap;gap:.4rem}.workspace .topnav{gap:.55rem}.workspace .shell{padding:1.4rem 1rem 3rem}.overview-hero{align-items:flex-start;flex-direction:column}.metrics-grid,.module-grid,.setup-steps{grid-template-columns:1fr 1fr}.client-card-head{flex-direction:column}.topbar-title span{display:none}}
@media(max-width:420px){.metrics-grid,.module-grid,.setup-steps{grid-template-columns:1fr}.workspace .topnav{flex-wrap:wrap}}