/* =========================================================
   XSELLER AI V3.6.3-R2 — GLOBAL UI SYNC
   Unified design system for Landing / Workspace / Admin / Platform
   UI-only patch. No business logic changes.
   ========================================================= */
500;600;700;800&display=swap');

:root{
  --xg-bg:#0d1014;
  --xg-bg-deep:#090b0e;
  --xg-sidebar:#101318;
  --xg-surface:#171a20;
  --xg-surface-2:#1c2027;
  --xg-surface-3:#222730;
  --xg-input:#111419;
  --xg-border:#2b3038;
  --xg-border-soft:#232830;
  --xg-text:#f4f5f7;
  --xg-text-2:#b1b6c0;
  --xg-text-3:#747b87;
  --xg-accent:#b83d56;
  --xg-accent-2:#c64a64;
  --xg-accent-soft:rgba(184,61,86,.12);
  --xg-accent-line:rgba(184,61,86,.34);
  --xg-success:#3fb984;
  --xg-warning:#dca84b;
  --xg-danger:#d85b68;
  --xg-radius:12px;
  --xg-shadow:0 18px 44px rgba(0,0,0,.22);
}

html{background:var(--xg-bg-deep)!important}
body.xs-global-ui{
  margin:0!important;
  color:var(--xg-text)!important;
  background:var(--xg-bg)!important;
  font-family:'Be Vietnam Pro',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.55!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.xs-global-ui *{box-sizing:border-box}
body.xs-global-ui ::selection{background:rgba(184,61,86,.28);color:#fff}
body.xs-global-ui h1,body.xs-global-ui h2,body.xs-global-ui h3,body.xs-global-ui h4{font-family:inherit!important;color:var(--xg-text)!important;text-shadow:none!important;letter-spacing:-.035em}
body.xs-global-ui p,body.xs-global-ui small,body.xs-global-ui label{color:var(--xg-text-2)}
body.xs-global-ui a{transition:color .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}

/* Shared control language */
body.xs-global-ui input:not([type='checkbox']):not([type='radio']):not([type='file']),
body.xs-global-ui textarea,
body.xs-global-ui select{
  color:#edf0f3!important;
  background:var(--xg-input)!important;
  border:1px solid var(--xg-border)!important;
  border-radius:9px!important;
  font:inherit!important;
  box-shadow:none!important;
  outline:none!important;
}
body.xs-global-ui input:not([type='checkbox']):not([type='radio']):not([type='file']),body.xs-global-ui select{min-height:42px!important}
body.xs-global-ui textarea{line-height:1.65!important}
body.xs-global-ui input:focus,body.xs-global-ui textarea:focus,body.xs-global-ui select:focus{
  border-color:#6f3d4a!important;
  box-shadow:0 0 0 3px rgba(184,61,86,.08)!important;
}
body.xs-global-ui input::placeholder,body.xs-global-ui textarea::placeholder{color:#626a76!important}

body.xs-global-ui button,
body.xs-global-ui .btn,
body.xs-global-ui a.btn{
  font-family:inherit!important;
  border-radius:9px!important;
  text-shadow:none!important;
}

/* =========================================================
   LANDING — retain brand composition, remove red overload
   ========================================================= */
body.xs-global-landing{
  background:
    radial-gradient(900px 520px at 54% 24%,rgba(116,35,55,.13),transparent 62%),
    linear-gradient(180deg,#0d1014 0%,#090b0e 100%)!important;
}
body.xs-global-landing header,
body.xs-global-landing nav{
  background:rgba(13,16,20,.88)!important;
  border-color:var(--xg-border-soft)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px);
}
body.xs-global-landing .hero,
body.xs-global-landing [class*='hero']{
  background-color:transparent!important;
  box-shadow:none!important;
}
body.xs-global-landing .hero::before,
body.xs-global-landing .hero::after,
body.xs-global-landing [class*='hero']::before,
body.xs-global-landing [class*='hero']::after{opacity:.42!important;filter:saturate(.7)!important}
body.xs-global-landing h1{color:#f5f6f7!important;text-shadow:none!important}
body.xs-global-landing h1 span,
body.xs-global-landing .accent,
body.xs-global-landing [class*='accent'],
body.xs-global-landing [class*='highlight']{color:#c44b64!important;text-shadow:none!important}
body.xs-global-landing .eyebrow,
body.xs-global-landing [class*='eyebrow']{
  color:#c66b7e!important;
  background:rgba(184,61,86,.08)!important;
  border-color:rgba(184,61,86,.28)!important;
  box-shadow:none!important;
}
body.xs-global-landing .btn,
body.xs-global-landing a[class*='cta'],
body.xs-global-landing button[class*='cta'],
body.xs-global-landing a[class*='primary'],
body.xs-global-landing button[class*='primary']{
  background:linear-gradient(180deg,#bf435d,#aa334b)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(82,20,34,.20)!important;
}
body.xs-global-landing .btn:hover,
body.xs-global-landing a[class*='cta']:hover,
body.xs-global-landing button[class*='cta']:hover{background:linear-gradient(180deg,#cb526a,#b53b55)!important;transform:translateY(-1px)}
body.xs-global-landing section:not(.hero),
body.xs-global-landing [class*='feature-card'],
body.xs-global-landing [class*='tool-card'],
body.xs-global-landing [class*='price-card']{
  border-color:var(--xg-border-soft)!important;
}

/* =========================================================
   WORKSPACE — R1 base + global consistency
   ========================================================= */
body.xs-global-workspace.dash{
  background:
    radial-gradient(1000px 580px at 84% -4%,rgba(110,35,54,.07),transparent 60%),
    linear-gradient(180deg,#0e1115,#0b0e12)!important;
}
body.xs-global-workspace #sidebar{
  background:linear-gradient(180deg,#111419,#0d1014)!important;
  border-right:1px solid var(--xg-border-soft)!important;
}
body.xs-global-workspace #sidebar .tool.active,
body.xs-global-workspace #sidebar .activeLink{
  background:#1a1e24!important;
  border-color:#303640!important;
  box-shadow:inset 3px 0 0 var(--xg-accent)!important;
}
body.xs-global-workspace .panel,
body.xs-global-workspace .accountCard,
body.xs-global-workspace .packageCard,
body.xs-global-workspace .payCard,
body.xs-global-workspace .historyExplorer{
  background:linear-gradient(180deg,#181c22,#15191e)!important;
  border-color:var(--xg-border)!important;
  box-shadow:var(--xg-shadow)!important;
}
body.xs-global-workspace .workspace .btn,
body.xs-global-workspace .workspace button[type='submit']{
  background:linear-gradient(180deg,#bd435c,#a9324a)!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:0 8px 20px rgba(85,21,35,.16)!important;
}

/* =========================================================
   ADMIN CENTER — same graphite / muted rose system
   ========================================================= */
body.xs-global-admin{
  min-height:100vh!important;
  background:
    radial-gradient(920px 480px at 74% -4%,rgba(111,35,54,.07),transparent 62%),
    linear-gradient(180deg,#0e1115,#0a0d10)!important;
}
body.xs-global-admin .admTop,
body.xs-global-admin > header{
  min-height:68px!important;
  padding:0 24px!important;
  background:rgba(14,17,21,.94)!important;
  border-bottom:1px solid var(--xg-border-soft)!important;
  box-shadow:none!important;
  backdrop-filter:blur(15px);
}
body.xs-global-admin .admBrand,
body.xs-global-admin .admTopLeft b{color:#f3f4f6!important}
body.xs-global-admin .admBrand strong,
body.xs-global-admin .admEyebrow{color:#c85a72!important;text-shadow:none!important}
body.xs-global-admin .admDivider{background:#2a2f37!important}
body.xs-global-admin .admModel,
body.xs-global-admin .admSystem,
body.xs-global-admin .admLive,
body.xs-global-admin .admBack{
  color:#c8ccd3!important;
  background:#171a20!important;
  border:1px solid var(--xg-border)!important;
  box-shadow:none!important;
  border-radius:999px!important;
}
body.xs-global-admin .admSystem.ok,
body.xs-global-admin .admLive{color:#8fd4b2!important;border-color:rgba(63,185,132,.28)!important;background:rgba(63,185,132,.07)!important}
body.xs-global-admin .admMain{width:min(1320px,calc(100% - 48px))!important;margin:0 auto!important;padding:34px 0 64px!important}
body.xs-global-admin .admHero{margin-bottom:26px!important;align-items:end!important}
body.xs-global-admin .admHero h1{font-size:32px!important;font-weight:750!important}
body.xs-global-admin .admHero>div>p:not(.admEyebrow){color:#939aa5!important}
body.xs-global-admin .admStats{gap:12px!important}
body.xs-global-admin .admStat,
body.xs-global-admin .admSection,
body.xs-global-admin section[class*='adm'],
body.xs-global-admin article[class*='adm']{
  background:linear-gradient(180deg,#181b21,#14171c)!important;
  border-color:var(--xg-border)!important;
  box-shadow:none!important;
  border-radius:12px!important;
}
body.xs-global-admin .admStat{padding:18px!important}
body.xs-global-admin .admStatIcon{background:#20242b!important;color:#c7ccd4!important;box-shadow:none!important}
body.xs-global-admin .admStat span,body.xs-global-admin .admStat small{color:#818895!important}
body.xs-global-admin .admStat strong{color:#f2f4f6!important}
body.xs-global-admin table{border-color:var(--xg-border)!important;background:#12151a!important}
body.xs-global-admin th{background:#14171c!important;color:#7f8794!important;border-color:#262b33!important;font-weight:700!important;letter-spacing:.08em!important}
body.xs-global-admin td{color:#c8ccd3!important;border-color:#242932!important}
body.xs-global-admin tbody tr:hover{background:#181c22!important}
body.xs-global-admin button,
body.xs-global-admin .admBtn,
body.xs-global-admin .tableAction,
body.xs-global-admin input[type='submit']{
  background:#1d2128!important;
  border:1px solid #343a44!important;
  color:#e6e8eb!important;
  box-shadow:none!important;
}
body.xs-global-admin button[class*='primary'],
body.xs-global-admin button[type='submit'],
body.xs-global-admin .admPrimary{
  background:linear-gradient(180deg,#bc4059,#a9334a)!important;
  border-color:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
body.xs-global-admin .danger,body.xs-global-admin [class*='danger']{color:#e1848f!important}

/* =========================================================
   PLATFORM MANAGER — unified with admin/workspace
   ========================================================= */
body.xs-global-platform{
  min-height:100vh!important;
  background:
    radial-gradient(900px 500px at 72% 0%,rgba(111,35,54,.065),transparent 62%),
    linear-gradient(180deg,#0e1115,#0a0d10)!important;
}
body.xs-global-platform > header,
body.xs-global-platform header:first-of-type{
  min-height:70px!important;
  padding:0 24px!important;
  background:rgba(14,17,21,.94)!important;
  border-bottom:1px solid var(--xg-border-soft)!important;
  box-shadow:none!important;
  backdrop-filter:blur(15px);
}
body.xs-global-platform main{width:min(1320px,calc(100% - 48px))!important;margin:0 auto!important;padding:34px 0 64px!important}
body.xs-global-platform main>section,
body.xs-global-platform main>div[class*='panel'],
body.xs-global-platform main article,
body.xs-global-platform [class*='card']{
  border-color:var(--xg-border)!important;
}
body.xs-global-platform main>section,
body.xs-global-platform [class*='panel']{
  background:linear-gradient(180deg,#181b21,#14171c)!important;
  box-shadow:none!important;
  border-radius:12px!important;
}
body.xs-global-platform [class*='card']{
  background:#15181d!important;
  box-shadow:none!important;
  border-radius:11px!important;
}
body.xs-global-platform [class*='tab'],
body.xs-global-platform nav a{
  color:#9ba1ab!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.xs-global-platform [class*='tab'].active,
body.xs-global-platform [class*='tab'][aria-selected='true'],
body.xs-global-platform nav a.active{
  color:#fff!important;
  background:#20242b!important;
  border-color:#353b45!important;
  box-shadow:inset 0 -2px 0 var(--xg-accent)!important;
}
body.xs-global-platform button,
body.xs-global-platform .btn,
body.xs-global-platform input[type='submit']{
  min-height:40px!important;
  background:#1d2128!important;
  border:1px solid #343a44!important;
  color:#e7e9ed!important;
  box-shadow:none!important;
}
body.xs-global-platform button[type='submit'],
body.xs-global-platform .btn.primary,
body.xs-global-platform [class*='upload'][class*='btn'],
body.xs-global-platform button[class*='primary']{
  background:linear-gradient(180deg,#bc4059,#a9334a)!important;
  border-color:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
body.xs-global-platform [class*='eyebrow'],body.xs-global-platform [class*='kicker']{color:#c45d74!important}
body.xs-global-platform [class*='status'].ok,body.xs-global-platform [class*='badge'].ok{color:#8ed7b4!important;background:rgba(63,185,132,.07)!important;border-color:rgba(63,185,132,.28)!important}

/* Generic consistency for all authenticated utility pages */
body.xs-global-ui:not(.xs-global-landing) hr{border:0!important;border-top:1px solid var(--xg-border-soft)!important}
body.xs-global-ui:not(.xs-global-landing) table{border-collapse:separate;border-spacing:0}
body.xs-global-ui:not(.xs-global-landing) ::-webkit-scrollbar{width:9px;height:9px}
body.xs-global-ui:not(.xs-global-landing) ::-webkit-scrollbar-track{background:#0e1115}
body.xs-global-ui:not(.xs-global-landing) ::-webkit-scrollbar-thumb{background:#343a44;border:2px solid #0e1115;border-radius:999px}

@media(max-width:900px){
  body.xs-global-admin .admMain,body.xs-global-platform main{width:calc(100% - 28px)!important;padding-top:22px!important}
  body.xs-global-admin .admTop,body.xs-global-platform > header{padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:640px){
  body.xs-global-ui{font-size:13px!important}
  body.xs-global-admin .admHero h1{font-size:27px!important}
  body.xs-global-admin .admTop{min-height:62px!important}
  body.xs-global-platform > header{min-height:62px!important}
}