:root{
  --bg:#071018;--panel:#0b1724;--panel2:#0f2030;--line:#1b3144;--text:#f5f7fb;
  --muted:#91a6b8;--gold:#e8bd66;--blue:#67a9ff;--green:#41d69a;--danger:#ff7f7f;
}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{
  margin:0;background:radial-gradient(circle at 18% -10%,#12304a 0,transparent 28%),var(--bg);
  color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
button,input,select,textarea{font:inherit}.hidden{display:none!important}.eyebrow{
  color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.btn{border:1px solid #2a465d;background:#102234;color:#fff;border-radius:11px;padding:10px 14px;cursor:pointer}
.btn:hover{border-color:#3a607f}.btn.primary{
  background:linear-gradient(135deg,#d7aa55,#f1d58b);border:0;color:#081018;font-weight:900
}
.btn.ghost{background:transparent}.btn.danger{border-color:#6b3535;color:#ffb0b0}.wide{width:100%}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-shell{
  width:min(1040px,100%);display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #1c374b;
  border-radius:28px;overflow:hidden;background:#09151f;box-shadow:0 40px 120px rgba(0,0,0,.35)
}
.auth-brand{padding:48px;background:
  radial-gradient(circle at 80% 15%,rgba(232,189,102,.12),transparent 30%),
  linear-gradient(145deg,#102639,#09151f)
}
.brand-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;
  background:linear-gradient(135deg,#173b58,#9a7538);font-size:25px;font-weight:950;margin-bottom:26px
}
.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:18px;margin:0}.auth-brand h1{
  margin:10px 0 12px;font-size:46px;line-height:1.02;letter-spacing:-.03em
}
.auth-brand p{color:#a3b5c2;line-height:1.7;max-width:500px}.auth-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.auth-badges span,.pill{border:1px solid #28465d;background:#0d1b27;border-radius:999px;padding:7px 10px;font-size:11px;color:#b8c7d2}
.staging-note{margin-top:34px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em}
.auth-panel{padding:44px;display:flex;flex-direction:column;justify-content:center}.auth-tabs{display:flex;gap:8px;margin-bottom:20px}
.auth-tabs .btn{flex:1}.auth-panel form{display:grid;gap:13px}.auth-panel label,.modal-form label{
  display:grid;gap:7px;color:#a8b8c4;font-size:12px
}
input,select,textarea{width:100%;border:1px solid #213c50;background:#07131d;color:#fff;border-radius:11px;padding:12px}
textarea{min-height:110px;resize:vertical}.error{min-height:18px;color:var(--danger);font-size:12px;margin-top:10px}
.app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{
  height:100vh;position:sticky;top:0;padding:24px 18px;border-right:1px solid rgba(255,255,255,.06);
  background:rgba(5,12,19,.82);backdrop-filter:blur(20px);display:flex;flex-direction:column
}
.brand{display:flex;align-items:center;gap:12px}.brand small{display:block;color:#7f95a6;letter-spacing:.15em;font-size:10px}
.brand b{display:block;margin-top:2px}.nav{display:grid;gap:5px;overflow:auto;padding-right:2px}
.nav button,.mobile-nav button{border:1px solid transparent;background:transparent;color:#91a6b7;text-align:left;border-radius:10px;padding:10px 11px;cursor:pointer}
.nav button:hover,.nav button.active,.mobile-nav button.active{background:#112639;border-color:#294a63;color:#fff}
.nav .sep{height:1px;background:#14293a;margin:7px 2px}.safety-card{
  margin-top:auto;border:1px solid #31566e;background:#0a1b27;border-radius:14px;padding:12px;display:grid;gap:4px;font-size:10px;color:#91a7b7
}
.safety-card b{color:var(--green)}.workspace{min-width:0;padding:23px 32px 70px}.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px
}
.crumb{color:#7e96a8;font-size:12px}.topbar h2{margin:4px 0 0;font-size:24px}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.credits{color:#f0c86f;font-weight:900}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#24465f,#8b6b36);font-weight:900}
.mobile-nav{display:none}.content{min-width:0}.grid{display:grid;gap:14px}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr)}
.card{min-width:0;border:1px solid #193247;background:linear-gradient(145deg,#0b1824,#09131d);border-radius:20px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.12)}
.hero-card{padding:28px;background:
  radial-gradient(circle at 80% 10%,rgba(103,169,255,.08),transparent 25%),
  linear-gradient(145deg,#0c1c2a,#09141e)
}
.hero-card h1{font-size:36px;line-height:1.05;margin:8px 0 10px;letter-spacing:-.025em}.hero-card p{color:#9db0be;line-height:1.65;max-width:760px}
.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.badge{border:1px solid #245168;background:#0b2834;color:#a9e3ce;border-radius:999px;padding:7px 10px;font-size:11px}
.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.stat-card strong{display:block;font-size:30px}.stat-card span{font-size:12px;color:#879dad}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:26px 0 12px}.section-head h3{margin:0;font-size:21px}.section-head p{margin:4px 0 0;color:#8399a9;font-size:12px}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-card{cursor:pointer;transition:.15s transform,.15s border-color}.quick-card:hover{transform:translateY(-2px);border-color:#315a76}
.quick-card h4{margin:9px 0 6px}.quick-card p{margin:0;color:#879dab;font-size:13px;line-height:1.55}
.table-wrap{overflow:auto;border:1px solid #193247;border-radius:16px}.data-table{width:100%;border-collapse:collapse;min-width:760px}
.data-table th,.data-table td{padding:12px 13px;border-bottom:1px solid #173044;text-align:left;font-size:12px;vertical-align:middle}
.data-table th{color:#8fa5b5;background:#0a1620;position:sticky;top:0}.data-table tr:last-child td{border-bottom:0}.data-table td strong{font-size:13px}
.status-chip{display:inline-flex;border:1px solid #2b4d62;border-radius:999px;padding:5px 8px;color:#a9bac6;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.status-chip.good{border-color:#25644d;color:#8ce5bd}.status-chip.warn{border-color:#665126;color:#e5c37c}.empty{
  border:1px dashed #29465b;border-radius:16px;padding:38px;text-align:center;color:#839bad
}
.form-card{max-width:820px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #173044}.toggle-row:last-child{border-bottom:0}
.switch{position:relative;width:46px;height:25px;background:#203646;border-radius:999px;cursor:pointer}.switch.on{background:#2d7258}.switch:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.15s}.switch.on:after{left:24px}
.metric-bars{display:grid;gap:12px}.metric-row{display:grid;grid-template-columns:150px 1fr 60px;gap:12px;align-items:center;font-size:12px}.bar{height:8px;background:#162b3b;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#547eae,#d8b05d)}
.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-card h4{margin:8px 0}.integration-card p{color:#879dab;font-size:12px;min-height:34px}
.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card .price{font-size:30px;font-weight:950;margin:9px 0}.plan-card ul{color:#91a5b4;line-height:1.75;padding-left:18px}
.warning{border-color:#6b5528;background:linear-gradient(145deg,#1b1710,#0d1318)}.warning b{color:#efc46f}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.66);display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:#091620;border:1px solid #29485e;border-radius:20px;padding:22px;box-shadow:0 40px 100px rgba(0,0,0,.5)}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.modal-head h3{margin:5px 0 0}.icon-btn{border:0;background:#102433;color:#fff;width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer}.modal-form{display:grid;gap:12px}
.modal-form .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.toast{position:fixed;right:22px;bottom:22px;z-index:30;background:#102a38;border:1px solid #32627d;color:#fff;border-radius:12px;padding:12px 15px;box-shadow:0 16px 50px rgba(0,0,0,.35);font-size:12px}
.rtl .shell{direction:ltr}.rtl .sidebar,.rtl .workspace{direction:rtl}.rtl .nav button,.rtl .data-table td,.rtl .data-table th{text-align:right}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
  .app{grid-template-columns:1fr}.sidebar{display:none}.workspace{width:100%;max-width:100vw;padding:16px 15px 60px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%}
  .mobile-nav{display:flex;gap:6px;overflow-x:auto;padding:6px;margin-bottom:16px;border:1px solid #1b3347;border-radius:13px;background:rgba(7,16,24,.92);position:sticky;top:0;z-index:6}
  .mobile-nav button{flex:0 0 auto;font-size:11px;padding:8px 9px}.hero-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}
}
@media(max-width:600px){
  .auth-wrap{padding:14px}.auth-panel{padding:24px}.hero-card h1{font-size:29px}.stat-grid,.quick-grid,.integration-grid,.plan-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}
  .top-actions .pill,.top-actions .avatar{display:none}.workspace{padding-top:10px}.card{padding:16px}.hero-card{padding:20px}.metric-row{grid-template-columns:100px 1fr 44px}
}


.app-nav{margin-top:24px}
.apps-launcher{min-height:100vh;display:grid;place-items:center;padding:32px}
.launcher-shell{width:min(1120px,100%);border:1px solid #1c374b;border-radius:28px;padding:42px;background:linear-gradient(145deg,#0b1824,#08131d);box-shadow:0 40px 120px rgba(0,0,0,.28)}
.launcher-shell h1{font-size:44px;margin:10px 0 10px;letter-spacing:-.03em}
.launcher-copy{max-width:760px;color:#9db0be;line-height:1.7}
.launcher-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.launcher-card{display:block;text-decoration:none;color:var(--text);border:1px solid #224158;border-radius:22px;padding:26px;background:linear-gradient(145deg,#0d1d2a,#09141e);transition:.16s transform,.16s border-color}
.launcher-card:hover{transform:translateY(-3px);border-color:#49789a}
.launcher-card h2{font-size:28px;margin:10px 0 8px}
.launcher-card p{color:#8fa5b5;line-height:1.6;min-height:52px}
.launcher-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#112c40;margin-bottom:18px}
.launcher-open{display:inline-block;margin-top:18px;color:#efc770;font-weight:800}
@media(max-width:760px){.apps-launcher{padding:14px}.launcher-shell{padding:24px}.launcher-grid{grid-template-columns:1fr}.launcher-shell h1{font-size:34px}}

.feedback-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
.feedback-submit-card{display:grid;gap:14px}
.feedback-submit-card h3{margin:4px 0 0}
.feedback-submit-card label{display:grid;gap:7px;color:#a8b8c4;font-size:12px}
.feedback-stars-input{display:flex;gap:5px;direction:ltr}
.star-btn{border:0;background:transparent;color:#425b6d;font-size:34px;line-height:1;cursor:pointer;padding:2px;transition:.12s transform,.12s color}
.star-btn:hover,.star-btn.selected{color:#f0c765;transform:translateY(-1px)}
.feedback-stars-read{color:#f0c765;font-size:17px;letter-spacing:2px;white-space:nowrap}
.feedback-contact{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start}
.feedback-contact input{width:auto}
.muted-copy{color:#8da3b4;line-height:1.65}
.feedback-table td{max-width:360px;white-space:normal}
.feedback-status-select{min-width:112px;padding:8px 9px}
@media(max-width:900px){.feedback-layout{grid-template-columns:1fr}}

/* MECMIND Apps Hub V2 — 10-product staging launcher */
.apps-launcher-v2{align-items:start;padding:34px 24px 54px}
.launcher-shell-v2{width:min(1380px,100%);padding:38px}
.hub-head{display:flex;justify-content:space-between;gap:26px;align-items:flex-start}
.hub-head h1{font-size:46px;margin:10px 0 8px;letter-spacing:-.035em}
.hub-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hub-pill,.hub-lang{border:1px solid #28465d;background:#0d1b27;border-radius:999px;padding:8px 11px;color:#b9c8d4;font-size:10px;font-weight:800;letter-spacing:.05em}
.hub-pill-ok{border-color:#285b4a;color:#75ddb5}
.hub-lang{cursor:pointer;color:#f2ca75}
.hub-section-head{display:flex;align-items:end;justify-content:space-between;margin:34px 0 12px}
.hub-section-head h2{font-size:21px;margin:5px 0 0}
.launcher-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:0}
.app-card{position:relative;min-height:260px;padding:22px}
.app-card h3{font-size:24px;margin:9px 0 8px}
.app-card p{min-height:66px;margin-bottom:6px}
.app-mark{font-size:11px;font-weight:950;letter-spacing:.06em;color:#f5d68d}
.app-status{position:absolute;top:20px;right:20px;border:1px solid #275c49;color:#68d9a8;background:#0a211b;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.08em}
.app-status-review{border-color:#6d572b;color:#ebc36f;background:#221c0e}
.hub-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:34px;padding-top:20px;border-top:1px solid #173044}
.hub-footer .staging-note{margin:0}
.hub-footer-meta{color:#73899a;font-size:11px}

.hub-rtl .hub-head,.hub-rtl .hub-section-head,.hub-rtl .hub-footer{direction:rtl}
.hub-rtl .app-card{text-align:right}
.hub-rtl .app-status{right:auto;left:20px}
.hub-rtl .launcher-open{direction:rtl}
@media(max-width:1080px){
  .launcher-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-head{flex-direction:column}.hub-actions{justify-content:flex-start}
}
@media(max-width:720px){
  .apps-launcher-v2{padding:12px}
  .launcher-shell-v2{padding:22px;border-radius:22px}
  .launcher-grid-v2{grid-template-columns:1fr}
  .hub-head h1{font-size:34px}
  .app-card{min-height:230px}
  .hub-footer{flex-direction:column;align-items:flex-start}
}

/* Hub branding refinements */
.hub-brand-logo{width:268px;max-width:58vw;margin:0 0 14px 0;line-height:0}
.hub-brand-logo img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}
.launcher-shell-v2 .launcher-copy{max-width:none;white-space:nowrap}
@media(max-width:1050px){.launcher-shell-v2 .launcher-copy{white-space:normal}}
/* Hub app-logo identity */
.app-logo{display:grid;place-items:center;overflow:hidden;padding:5px;background:#102f45}
.app-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}

.onboarding-mode #sidebarNav,.onboarding-mode #mobileNav{opacity:.28;pointer-events:none;filter:saturate(.35)}
.onboarding-mode .content{max-width:1180px;margin:0 auto}
.onboarding-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.onboarding-rail{position:sticky;top:18px;border:1px solid #1b3448;background:linear-gradient(145deg,#0a1722,#08131c);border-radius:20px;padding:20px}
.onboarding-rail h3{margin:7px 0 10px}
.onboarding-progress{height:7px;background:#142b3b;border-radius:999px;overflow:hidden;margin:10px 0 8px}
.onboarding-progress span{display:block;height:100%;background:linear-gradient(90deg,#4b82b0,#e5bd69);border-radius:inherit;transition:.2s width}
.onboarding-steps{display:grid;gap:6px;margin-top:18px}
.onboarding-step{width:100%;border:1px solid transparent;background:transparent;color:#839aaa;border-radius:12px;padding:10px;display:grid;grid-template-columns:30px 1fr;gap:9px;text-align:left;align-items:start}
.onboarding-step:not(:disabled){cursor:pointer}
.onboarding-step.active{background:#10293c;border-color:#315a77;color:#fff}
.onboarding-step.completed{color:#b7d7ca}
.onboarding-step.skipped{color:#d4be8c}
.onboarding-step:disabled{opacity:.58}
.onboarding-step-icon{width:26px;height:26px;border-radius:50%;border:1px solid #2a4c63;display:grid;place-items:center;font-size:11px}
.onboarding-step b{display:block;font-size:12px}
.onboarding-step small{display:block;color:#718999;font-size:10px;margin-top:3px;line-height:1.3}
.onboarding-main{min-width:0;border:1px solid #1b3448;background:linear-gradient(145deg,#0b1824,#08131d);border-radius:22px;padding:30px;min-height:650px}
.onboarding-hero{max-width:760px;padding:25px 8px}
.onboarding-hero h1,.onboarding-form h2{font-size:34px;letter-spacing:-.025em;margin:9px 0 12px}
.onboarding-hero>p,.onboarding-form>p{color:#91a6b7;line-height:1.75;max-width:780px}
.onboarding-callout{border:1px solid #31566e;background:#0a1b27;border-radius:14px;padding:15px;display:grid;gap:5px;margin:22px 0;color:#9db2c1}
.onboarding-callout b{color:#68ddb0}
.onboarding-primary{margin-top:20px;padding:12px 18px}
.onboarding-form{max-width:820px}
.onboarding-form>label{display:grid;gap:7px;color:#a8b8c4;font-size:12px;margin-top:16px}
.onboarding-choice-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.onboarding-count{margin-top:16px;border:1px solid #29475b;background:#0a1823;border-radius:12px;padding:12px;color:#91a8b8}
.onboarding-existing{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.onboarding-plan-grid{margin-top:18px}
.selected-plan{border-color:#c69c50;box-shadow:inset 0 0 0 1px rgba(232,189,102,.25)}
.onboarding-summary{border:1px solid #1d384c;border-radius:16px;overflow:hidden;margin:18px 0}
.onboarding-summary-row{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid #163044;align-items:center}
.onboarding-summary-row:last-child{border-bottom:0}
.onboarding-launch-warning{margin:18px 0}
.rtl .onboarding-step{text-align:right}
@media(max-width:1050px){.onboarding-shell{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:820px){
  .onboarding-shell{grid-template-columns:1fr}
  .onboarding-rail{position:static}
  .onboarding-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .onboarding-step{grid-template-columns:1fr;text-align:center;padding:9px 6px}
  .onboarding-step-icon{margin:auto}
  .onboarding-step small{display:none}
  .onboarding-main{padding:20px;min-height:0}
}
@media(max-width:520px){
  .onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .onboarding-main{padding:16px}
  .onboarding-hero h1,.onboarding-form h2{font-size:27px}
  .onboarding-choice-actions .btn{width:100%}
  .onboarding-summary-row{align-items:flex-start;flex-direction:column}
}

@media(max-width:720px){
  .hub-brand-logo{width:220px;max-width:72vw;margin-bottom:12px}
}

.error.success{color:#68ddb0}