/* Noandishan v36 — premium Persian/RTL design layer, loaded last */
:root{
  --v36-navy:#102a43;
  --v36-navy-2:#163b5c;
  --v36-indigo:#3f51c8;
  --v36-indigo-dark:#3042ad;
  --v36-teal:#0b8d7b;
  --v36-teal-soft:#e8f7f3;
  --v36-gold:#d7a43b;
  --v36-ink:#17283d;
  --v36-muted:#5f7187;
  --v36-line:#dce5ee;
  --v36-surface:#ffffff;
  --v36-bg:#f3f6f9;
  --v36-danger:#bd4058;
  --v36-shadow-sm:0 8px 24px rgba(18,42,67,.065);
  --v36-shadow:0 20px 55px rgba(18,42,67,.095);
  --v36-radius:24px;
  --bg:var(--v36-bg);
  --card:var(--v36-surface);
  --text:var(--v36-ink);
  --muted:var(--v36-muted);
  --primary:var(--v36-indigo);
  --primary2:var(--v36-teal);
  --line:var(--v36-line);
  --soft:#eef1ff;
  --shadow:var(--v36-shadow);
  --r:var(--v36-radius);
  --v13-blue:var(--v36-indigo);
  --v13-deep:var(--v36-navy);
  --v13-teal:var(--v36-teal);
  --v13-bg:var(--v36-bg);
  --v13-line:var(--v36-line);
  --v13-text:var(--v36-ink);
  --v13-muted:var(--v36-muted);
  --v20-bg:var(--v36-bg);
  --v20-ink:var(--v36-ink);
  --v20-muted:var(--v36-muted);
  --v20-line:var(--v36-line);
  --v20-blue:var(--v36-indigo);
  --v20-blue2:var(--v36-indigo-dark);
  --v20-teal:var(--v36-teal);
}

html{
  color-scheme:light;
  background:var(--v36-bg);
  scrollbar-color:#aab8c7 transparent;
}

html,body,button,input,textarea,select{
  font-family:"Vazirmatn","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;
  font-feature-settings:"ss01" 1,"tnum" 1;
}

body{
  min-width:280px;
  background:
    radial-gradient(circle at 14% 0,rgba(63,81,200,.07),transparent 26rem),
    radial-gradient(circle at 92% 12%,rgba(11,141,123,.055),transparent 24rem),
    var(--v36-bg);
  color:var(--v36-ink);
  text-rendering:optimizeLegibility;
}

::selection{background:rgba(63,81,200,.18);color:var(--v36-navy)}

.v36-icon{
  width:1.25em;
  height:1.25em;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

button .v36-icon{flex:0 0 auto}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid rgba(63,81,200,.32)!important;
  outline-offset:3px!important;
}

input,
select,
textarea{
  border-color:var(--v36-line);
  background:#fff;
  color:var(--v36-ink);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

input:hover,
select:hover,
textarea:hover{border-color:#c6d3e0}

input:focus,
select:focus,
textarea:focus{
  border-color:#7e8de2!important;
  box-shadow:0 0 0 4px rgba(63,81,200,.09)!important;
  background:#fff!important;
}

input::placeholder,
textarea::placeholder{color:#64758a;opacity:1}

button{
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease;
}

button:not(:disabled):active{transform:translateY(1px) scale(.985)}

.card{
  border:1px solid rgba(212,223,234,.9);
  box-shadow:var(--v36-shadow-sm);
}

.card.stat{
  background:
    radial-gradient(circle at 3% 100%,rgba(63,81,200,.07),transparent 9rem),
    #fff;
}

.table-wrap{
  border-color:var(--v36-line);
  box-shadow:0 7px 24px rgba(18,42,67,.045);
}

th{background:#f5f8fb;color:#3c4f65}

/* Authentication */
.login.v36-auth{
  min-height:100vh;
  min-height:100dvh;
  padding:
    max(18px,env(safe-area-inset-top))
    max(18px,env(safe-area-inset-right))
    max(18px,env(safe-area-inset-bottom))
    max(18px,env(safe-area-inset-left));
  background:
    radial-gradient(circle at 12% 8%,rgba(63,81,200,.13),transparent 24rem),
    radial-gradient(circle at 93% 90%,rgba(11,141,123,.1),transparent 22rem),
    #edf2f6;
  overflow:auto;
}

.v36-auth-shell{
  direction:ltr;
  width:min(1080px,100%);
  min-height:min(700px,calc(100dvh - 36px));
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.82);
  border-radius:38px;
  background:#fff;
  box-shadow:0 36px 100px rgba(16,42,67,.19);
  isolation:isolate;
}

.v36-auth-story{
  direction:rtl;
  position:relative;
  min-height:660px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:46px;
  color:#fff;
  background:
    radial-gradient(circle at 25% 18%,rgba(89,212,190,.18),transparent 20rem),
    linear-gradient(150deg,var(--v36-navy),#153c60 60%,#0b635e);
}

.v36-auth-story::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(10,27,44,.05) 20%,rgba(10,27,44,.31) 56%,rgba(10,27,44,.92) 100%);
  pointer-events:none;
}

.v36-auth-story::after{
  content:"";
  position:absolute;
  z-index:2;
  width:250px;
  height:250px;
  top:-128px;
  left:-105px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
  box-shadow:0 0 0 46px rgba(255,255,255,.035),0 0 0 92px rgba(255,255,255,.025);
  pointer-events:none;
}

.v36-auth-art{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(180deg,rgba(13,40,62,.03),rgba(13,40,62,.34)),
    url("/assets/nova-hero-v36.webp"),
    radial-gradient(circle at 62% 27%,rgba(104,217,194,.28),transparent 17rem);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:.9;
  filter:saturate(.92) contrast(1.02);
}

.v36-auth-story-copy{
  position:relative;
  z-index:3;
  max-width:510px;
}

.v36-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  color:#e7f7f4;
  font-size:11px;
  font-weight:900;
}

.v36-eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#6cdfc3;
  box-shadow:0 0 0 5px rgba(108,223,195,.13);
}

.v36-auth-story h1{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(34px,4vw,52px);
  line-height:1.45;
  letter-spacing:-.055em;
  font-weight:950;
}

.v36-auth-story p{
  max-width:470px;
  margin:0;
  color:rgba(239,248,250,.84);
  font-size:14px;
  line-height:2.05;
}

.v36-story-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:24px;
  color:#eefaf8;
  font-size:11px;
  font-weight:800;
}

.v36-story-points span{display:inline-flex;align-items:center;gap:8px}

.v36-story-points i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--v36-gold);
}

.v36-auth .login-card{
  direction:rtl;
  width:auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px,5vw,62px);
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#fff;
}

.v36-auth-brand{
  margin:0 0 44px;
  gap:12px;
}

.v36-auth-brand .logo{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:16px;
  background:linear-gradient(145deg,var(--v36-indigo),var(--v36-teal));
  box-shadow:0 10px 24px rgba(63,81,200,.2);
  font-size:23px;
  font-weight:950;
}

.v36-auth-brand>div:last-child{display:grid;gap:1px}
.v36-auth-brand b{font-size:16px;color:var(--v36-navy)}
.v36-auth-brand small{font-size:11px;color:var(--v36-muted)}

.v36-auth-heading>span{
  color:var(--v36-teal);
  font-size:12px;
  font-weight:900;
}

.v36-auth-heading h2{
  margin:5px 0 7px;
  color:var(--v36-navy);
  font-size:clamp(26px,3vw,34px);
  letter-spacing:-.04em;
}

.v36-auth-heading p{
  margin:0;
  color:var(--v36-muted);
  font-size:12px;
  line-height:1.9;
}

.v36-auth-form{
  display:grid;
  gap:17px;
  margin-top:28px;
}

.v36-auth-form>label{
  display:grid;
  gap:8px;
  color:#3e5065;
  font-size:12px;
  font-weight:850;
}

.v36-auth-form input{
  min-height:53px;
  margin:0;
  padding:12px 14px;
  border:1px solid #d7e1eb;
  border-radius:16px;
  background:#f9fbfc;
  font-size:16px;
}

.v36-password-field{position:relative}
.v36-auth .v36-password-field input{padding-left:78px!important}

.v36-password-toggle{
  position:absolute;
  left:7px;
  top:7px;
  bottom:7px;
  min-height:0;
  padding:0 12px;
  border:0;
  border-radius:11px;
  background:#edf1f6;
  box-shadow:none;
  color:#52667d;
  font-size:11px;
}

.v36-auth .v36-password-toggle{
  right:auto!important;
  left:7px!important;
  top:7px!important;
  bottom:7px!important;
  width:auto!important;
  min-width:58px!important;
  min-height:0!important;
  padding:0 12px!important;
}

.v36-auth-submit{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:4px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--v36-indigo),var(--v36-indigo-dark));
  box-shadow:0 13px 28px rgba(63,81,200,.24);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.v36-auth-submit i{
  font-style:normal;
  font-size:18px;
  transition:transform .18s ease;
}

.v36-auth-submit:not(:disabled):hover{
  transform:translateY(-1px);
  box-shadow:0 17px 34px rgba(63,81,200,.28);
}

.v36-auth-submit:not(:disabled):hover i{transform:translateX(-3px)}
.v36-auth-submit.is-loading span{opacity:.72}
.v36-auth-submit.is-loading i{font-size:0}

.v36-auth-submit.is-loading i::after{
  content:"";
  display:block;
  width:17px;
  height:17px;
  border:2px solid rgba(255,255,255,.42);
  border-top-color:#fff;
  border-radius:50%;
  animation:v36-spin .7s linear infinite;
}

@keyframes v36-spin{to{transform:rotate(360deg)}}

.v36-demo-note{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  align-items:start;
  margin-top:20px;
  padding:11px 12px;
  border:1px solid #e1e8f0;
  border-radius:15px;
  background:#f7f9fb;
  color:#4f6176;
}

.v36-demo-note>span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#e8f0ff;
  color:var(--v36-indigo);
  font:900 12px/1 Georgia,serif;
}

.v36-demo-note p{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0}
.v36-demo-note b{font-size:11px;color:#3a4e64}
.v36-demo-note code{justify-self:end;color:var(--v36-indigo-dark);font:800 12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.v36-demo-note small{grid-column:1/-1;color:#5f7187;font-size:12px;line-height:1.7}
.v36-auth-foot{margin:17px 0 0;text-align:center;color:#607187;font-size:12px}

.v36-password-meter{
  display:grid;
  grid-template-columns:88px 1fr;
  align-items:center;
  gap:10px;
  margin-top:-7px;
  color:#5f7187;
  font-size:12px;
}

.v36-password-meter i{
  position:relative;
  height:5px;
  overflow:hidden;
  border-radius:99px;
  background:#e7ecf1;
}

.v36-password-meter i::after{
  content:"";
  position:absolute;
  inset:0;
  width:0;
  border-radius:inherit;
  background:#c38a35;
  transition:width .2s ease,background .2s ease;
}

.v36-password-meter[data-score="1"] i::after{width:25%}
.v36-password-meter[data-score="2"] i::after{width:50%}
.v36-password-meter[data-score="3"] i::after{width:75%;background:var(--v36-teal)}
.v36-password-meter[data-score="4"] i::after{width:100%;background:var(--v36-teal)}

.v36-security-note{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #edf1f4;
}

.v36-security-note>i{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  border-radius:12px;
  background:var(--v36-teal-soft);
  color:var(--v36-teal);
  font-style:normal;
}

.v36-security-note p{display:grid;gap:2px;margin:0}
.v36-security-note b{font-size:11px;color:#385066}
.v36-security-note span{font-size:12px;color:#5f7187}

/* Desktop app shell */
@media(min-width:901px){
  .layout{
    grid-template-columns:276px minmax(0,1fr);
    background:transparent;
  }

  .sidebar,
  body[data-role="parent"] .sidebar{
    z-index:30;
    padding:
      calc(24px + env(safe-area-inset-top))
      17px
      calc(22px + env(safe-area-inset-bottom));
    border:0;
    background:
      radial-gradient(circle at 10% 0,rgba(93,221,194,.13),transparent 18rem),
      linear-gradient(178deg,#102b45,#123958 68%,#0d544f);
    box-shadow:-8px 0 32px rgba(16,42,67,.12);
  }

  .sidebar .brand{
    gap:12px;
    margin:0 5px 24px;
    padding-bottom:22px;
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .sidebar .logo{
    width:48px;
    height:48px;
    border-radius:16px;
    background:linear-gradient(145deg,#6575e2,#3ab8a4);
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    font-size:23px;
    font-weight:950;
  }

  .sidebar .brand h3{margin:0 0 5px;color:#fff;font-size:17px}

  .sidebar .chip{
    padding:4px 8px;
    background:rgba(255,255,255,.1);
    color:#dceeea;
    font-size:9px;
  }

  .sidebar .menu{
    gap:4px;
    margin-top:0;
    padding-left:2px;
    overflow:auto;
    max-height:calc(100vh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.18) transparent;
  }

  .sidebar .menu button{
    min-height:43px;
    gap:11px;
    padding:9px 12px;
    border:1px solid transparent;
    border-radius:14px;
    color:#c8d8e4;
    font-size:11px;
    font-weight:760;
  }

  .sidebar .menu button .nav-icon{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(255,255,255,.065);
    color:#d8e7ef;
  }

  .sidebar .menu button .v36-icon{width:16px;height:16px}

  .sidebar .menu button:hover{
    background:rgba(255,255,255,.075);
    color:#fff;
  }

  .sidebar .menu button.active{
    border-color:rgba(255,255,255,.1);
    background:rgba(255,255,255,.12);
    box-shadow:inset 3px 0 0 #69d6bf;
    color:#fff;
  }

  .sidebar .menu button.active .nav-icon{
    background:#fff;
    color:var(--v36-indigo-dark);
    box-shadow:0 7px 18px rgba(4,24,39,.16);
  }

  .sidebar .menu button:last-child{
    margin-top:8px;
    border-top-color:rgba(255,255,255,.08);
    color:#f3c8ce;
  }

  .main{
    width:100%;
    max-width:1640px;
    margin-inline:auto;
    padding:
      calc(30px + env(safe-area-inset-top))
      max(30px,env(safe-area-inset-left))
      calc(100px + env(safe-area-inset-bottom))
      max(30px,env(safe-area-inset-right));
  }

  .panel-title{
    margin-bottom:20px;
    padding:16px 19px;
    border:1px solid rgba(214,224,234,.88);
    border-radius:20px;
    background:rgba(255,255,255,.73);
    box-shadow:0 10px 34px rgba(18,42,67,.055);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  .panel-title h2{margin:2px 0 1px;color:var(--v36-navy);font-size:22px}
  .panel-title p{margin:0}
  .v36-panel-kicker{color:#087466;font-size:11px;font-weight:900}
  .panel-title .top-actions{align-items:center}
  .panel-title .top-actions .chip{background:#eef1ff;color:var(--v36-indigo-dark)}

  .panel-title .ghost{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-color:#dce4ed;
    color:#4d6076;
  }

  .panel-title .ghost .v36-icon{width:15px;height:15px}
}

/* Native Android notification health */
.v36-native-health{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin:0 0 16px;
  padding:10px 11px;
  border:1px solid #dce6ee;
  border-radius:17px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 24px rgba(18,42,67,.05);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.v36-native-bell{
  position:relative;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#edf1ff;
  color:var(--v36-indigo);
}

.v36-native-bell i{
  position:relative;
  width:15px;
  height:16px;
  border:2px solid currentColor;
  border-radius:9px 9px 5px 5px;
}

.v36-native-bell i::before{
  content:"";
  position:absolute;
  right:50%;
  bottom:-5px;
  width:5px;
  height:2px;
  border-radius:99px;
  background:currentColor;
  transform:translateX(50%);
}

.v36-native-bell i::after{
  content:"";
  position:absolute;
  right:50%;
  top:-5px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  transform:translateX(50%);
}

.v36-native-health-copy{display:grid;gap:2px;min-width:0}
.v36-native-health-copy small{color:#5e7087;font-size:12px;font-weight:850}
.v36-native-health-copy b{color:#42576e;font-size:12px;line-height:1.7}
.v36-native-health-actions{display:flex;align-items:center;gap:6px}

.v36-native-health button{
  min-height:34px;
  padding:6px 10px;
  border-radius:11px;
  box-shadow:none;
  font-size:11px;
}

.v36-native-health-action{background:var(--v36-indigo);color:#fff}
.v36-native-health-settings{border:1px solid #d6e0e9;background:#fff;color:#596b80}
.v36-native-health.is-healthy{border-color:#cae7df;background:rgba(246,253,251,.9)}
.v36-native-health.is-healthy .v36-native-bell{background:#e1f5ef;color:var(--v36-teal)}
.v36-native-health.is-blocked{border-color:#efd5da;background:#fffafb}
.v36-native-health.is-blocked .v36-native-bell{background:#fbecef;color:var(--v36-danger)}
.v36-native-health.is-error{border-color:#efd5da;background:#fffafb}
.v36-native-health.is-error .v36-native-bell{background:#fbecef;color:var(--v36-danger)}
.v36-native-health.is-syncing .v36-native-bell i{animation:v36-bell 1.25s ease-in-out infinite}

@keyframes v36-bell{
  0%,100%{transform:rotate(0)}
  30%{transform:rotate(8deg)}
  60%{transform:rotate(-8deg)}
}

/* Shared shell icons and controls */
.nav-icon .v36-icon{width:20px;height:20px}
.mobile-icon-btn .v36-icon{width:20px;height:20px}
.mobile-logout{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.mobile-logout .v36-icon{width:18px;height:18px}

.ai-fab{
  width:58px;
  height:58px;
  border-radius:19px;
  background:linear-gradient(145deg,var(--v36-indigo),#5363d4 55%,var(--v36-teal));
  box-shadow:0 18px 40px rgba(52,66,175,.31);
  font-size:inherit;
}

.ai-fab>span{display:grid;place-items:center}
.ai-fab .v36-icon{width:25px;height:25px}

@media(max-width:900px){
  body{
    background:
      radial-gradient(circle at 12% 0,rgba(63,81,200,.08),transparent 18rem),
      linear-gradient(180deg,#f5f7fa,#eef3f6);
  }

  .mobile-topbar,
  body[data-role="parent"] .mobile-topbar{
    height:calc(62px + env(safe-area-inset-top))!important;
    padding:calc(9px + env(safe-area-inset-top)) max(11px,env(safe-area-inset-right)) 9px max(11px,env(safe-area-inset-left))!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    background:
      radial-gradient(circle at 15% -40%,rgba(93,215,192,.22),transparent 12rem),
      linear-gradient(135deg,#102b45,#153d5e)!important;
    box-shadow:0 9px 28px rgba(16,42,67,.2)!important;
  }

  .mobile-brand b{color:#fff!important;font-size:13px!important}
  .mobile-brand small{color:rgba(227,239,245,.71)!important}

  .mobile-logo{
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(255,255,255,.13);
    border-radius:14px!important;
    background:linear-gradient(145deg,#6675dd,#27a893)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
    font-weight:950;
  }

  .mobile-icon-btn{
    width:40px!important;
    height:40px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.09)!important;
    box-shadow:none!important;
    color:#eff8f7!important;
  }

  .main{
    padding:
      calc(62px + env(safe-area-inset-top) + 12px)
      max(9px,env(safe-area-inset-left))
      calc(80px + env(safe-area-inset-bottom) + 16px)
      max(9px,env(safe-area-inset-right))!important;
  }

  .mobile-nav{
    height:calc(74px + env(safe-area-inset-bottom))!important;
    padding:6px max(6px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
    border-top:1px solid rgba(211,222,232,.92)!important;
    border-radius:23px 23px 0 0!important;
    background:rgba(255,255,255,.975)!important;
    box-shadow:0 -14px 38px rgba(16,42,67,.14)!important;
  }

  .mobile-nav .mobile-nav-item{
    height:59px!important;
    min-height:59px!important;
    color:#607289!important;
  }

  .mobile-nav .mobile-nav-item.active{
    background:linear-gradient(145deg,#edf0ff,#eaf7f4)!important;
    box-shadow:inset 0 0 0 1px #d9e0fa!important;
    color:var(--v36-indigo-dark)!important;
  }

  .mobile-nav .nav-icon{height:24px}
  .mobile-nav .nav-icon .v36-icon{width:21px;height:21px}
  .mobile-nav .nav-label{font-size:11px!important;letter-spacing:-.02em}

  .mobile-drawer{
    padding-right:max(14px,env(safe-area-inset-right))!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    border-radius:30px 30px 0 0!important;
    background:#fbfcfd!important;
  }

  .mobile-drawer-head b{color:var(--v36-navy)}
  .mobile-drawer-head .mobile-icon-btn{
    border-color:#dce5ed!important;
    background:#f1f5f7!important;
    color:#52677d!important;
  }

  .mobile-drawer-item{
    border-color:#dfe7ee!important;
    background:#fff!important;
    color:#4d6177!important;
  }

  .mobile-drawer-item.active{
    border-color:#cbd5f6!important;
    background:#eef1ff!important;
    color:var(--v36-indigo-dark)!important;
  }

  .mobile-drawer-item .nav-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#f1f4f8;
  }

  .mobile-drawer-item.active .nav-icon{background:#fff}

  .card{
    border-color:#dce5ed!important;
    box-shadow:0 10px 30px rgba(18,42,67,.07)!important;
  }

  .ai-fab{
    bottom:calc(87px + env(safe-area-inset-bottom));
    left:max(11px,env(safe-area-inset-left));
    width:52px;
    height:52px;
    border-radius:18px;
  }

  .ai-fab .v36-icon{width:23px;height:23px}

  .v36-native-health{
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:9px;
    margin-bottom:11px;
    padding:9px;
    border-radius:16px;
  }

  .v36-native-bell{width:36px;height:36px}
  .v36-native-health-copy small{font-size:11px}
  .v36-native-health-copy b{font-size:12px;line-height:1.65}
  .v36-native-health button{min-height:38px;padding-inline:10px;font-size:11px}
}

@media(max-width:780px){
  .login.v36-auth{
    display:block;
    padding:
      max(10px,env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      max(10px,env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left));
  }

  .v36-auth-shell{
    width:100%;
    min-height:calc(100dvh - 20px);
    grid-template-columns:1fr;
    border-radius:28px;
  }

  .v36-auth-story{
    min-height:230px;
    padding:24px 22px;
  }

  .v36-auth-story h1{font-size:29px;line-height:1.4;margin-bottom:7px}
  .v36-auth-story p{font-size:12px;line-height:1.85;max-width:390px}
  .v36-eyebrow{margin-bottom:10px;padding:5px 9px;font-size:11px}
  .v36-story-points{display:none}

  .v36-auth .login-card{
    justify-content:flex-start;
    padding:27px 22px calc(26px + env(safe-area-inset-bottom));
  }

  .v36-auth-brand{margin-bottom:25px}
  .v36-auth-heading h2{font-size:27px}
  .v36-auth-form{margin-top:22px}
  .v36-auth-form input{min-height:52px!important}
}

@media(max-width:520px){
  .v36-auth-shell{border-radius:24px}
  .v36-auth-story{min-height:195px;padding:20px}
  .v36-auth-story h1{font-size:25px}
  .v36-auth-story p{display:none}
  .v36-auth .login-card{padding:24px 18px calc(24px + env(safe-area-inset-bottom))}
  .v36-auth-brand{margin-bottom:20px}
  .v36-auth-brand .logo{width:44px;height:44px;flex-basis:44px}
  .v36-auth-form{gap:14px;margin-top:20px}
  .v36-demo-note p{grid-template-columns:1fr}
  .v36-demo-note code{justify-self:start}

  .v36-native-health{
    grid-template-columns:35px minmax(0,1fr);
  }

  .v36-native-health-actions{
    grid-column:1/-1;
  }

  .v36-native-health button{width:100%}
}

@media(max-height:690px) and (min-width:781px){
  .v36-auth-shell{min-height:620px}
  .v36-auth-story{min-height:620px}
  .v36-auth .login-card{padding-top:28px;padding-bottom:28px}
  .v36-auth-brand{margin-bottom:25px}
  .v36-auth-form{margin-top:20px;gap:13px}
}

@media(prefers-contrast:more){
  input,select,textarea,.card,.v36-native-health,.v36-auth-shell{border-width:2px}
  .muted{color:#4f6175}
  .sidebar .menu button{color:#fff}
}

@media(forced-colors:active){
  .v36-auth-art{display:none}
  .v36-auth-story,.sidebar,.mobile-topbar{background:Canvas!important;color:CanvasText!important}
  .v36-auth-story h1,.v36-auth-story p,.sidebar .brand h3,.mobile-brand b{color:CanvasText!important}
  .v36-icon{forced-color-adjust:auto}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* v36.2 — secure parent finance center */
:root{
  --pf36-ink:#11213a;
  --pf36-muted:#607089;
  --pf36-line:#dce5f0;
  --pf36-blue:#183fbd;
  --pf36-blue2:#315fd6;
  --pf36-teal:#0f9f92;
}

.pf36-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);
  gap:34px;
  align-items:center;
  margin:18px 0 22px;
  padding:clamp(24px,4vw,46px);
  overflow:hidden;
  color:var(--pf36-ink);
  border:1px solid #d9e4f2;
  border-radius:32px;
  background:radial-gradient(circle at 0 0,rgba(49,95,214,.13),transparent 36%),linear-gradient(145deg,#fff 0%,#f7faff 58%,#eef5ff 100%);
  box-shadow:0 24px 70px rgba(30,55,103,.1);
}

.pf36-hero::after{
  content:"";
  position:absolute;
  left:-145px;
  bottom:-190px;
  width:300px;
  height:300px;
  border:44px solid rgba(24,63,189,.04);
  border-radius:50%;
}

.pf36-hero-copy{position:relative;z-index:2;max-width:760px}
.pf36-eyebrow{display:flex;align-items:center;gap:9px;color:var(--pf36-blue);font-size:.76rem;font-weight:900;letter-spacing:.02em}
.pf36-eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--pf36-teal);box-shadow:0 0 0 6px rgba(15,159,146,.1)}
.pf36-hero h2{margin:10px 0;font-size:clamp(1.55rem,3.3vw,2.55rem);line-height:1.35;letter-spacing:-.025em}
.pf36-hero p{max-width:690px;margin:0;color:var(--pf36-muted);font-size:.96rem;line-height:2}
.pf36-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.pf36-badges span{padding:7px 11px;color:#405472;font-size:.7rem;font-weight:800;border:1px solid #dbe5f3;border-radius:99px;background:rgba(255,255,255,.75)}

.pf36-primary{
  width:min(100%,470px);
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:2px 14px;
  padding:15px 18px;
  color:#fff;
  text-align:right;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,var(--pf36-blue),var(--pf36-blue2));
  box-shadow:0 16px 32px rgba(24,63,189,.22);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}

.pf36-primary:hover{transform:translateY(-2px);box-shadow:0 21px 42px rgba(24,63,189,.28)}
.pf36-primary:focus-visible{outline:3px solid rgba(24,63,189,.3);outline-offset:4px}
.pf36-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.pf36-primary b{font-size:.95rem}
.pf36-primary small{font-size:.68rem;color:rgba(255,255,255,.78)}
.pf36-primary em{grid-column:2;grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.14);font-style:normal;font-size:1.25rem}
.pf36-warning{width:min(100%,560px);margin-top:12px;padding:11px 13px;color:#7b5a18;font-size:.75rem;line-height:1.8;border:1px solid #f0d7a0;border-radius:13px;background:#fff9eb}

.pf36-visual{position:relative;min-height:285px}
.pf36-card{position:absolute;padding:18px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 22px 45px rgba(33,55,96,.12);backdrop-filter:blur(12px)}
.pf36-card span,.pf36-card b{display:block}
.pf36-card span{color:#738099;font-size:.72rem}
.pf36-card b{margin-top:6px;font-size:1.05rem}
.pf36-card-main{top:20px;right:12px;width:220px;height:128px;color:#fff;border:0;background:linear-gradient(145deg,#183fbd,#3565dd);transform:rotate(2deg)}
.pf36-card-main span{color:rgba(255,255,255,.72)}
.pf36-card-main i{position:absolute;left:18px;bottom:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-style:normal}
.pf36-card-receipt{left:5px;bottom:24px;width:205px;height:112px;transform:rotate(-2deg)}
.pf36-shield{position:absolute;right:32px;bottom:12px;width:88px;height:88px;display:grid;place-items:center;align-content:center;color:var(--pf36-teal);font-size:1.5rem;font-weight:900;border:8px solid rgba(15,159,146,.11);border-radius:28px;background:#eafaf7;box-shadow:0 18px 40px rgba(15,159,146,.14)}
.pf36-shield small{margin-top:2px;font-size:.62rem}

.pf36-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}
.pf36-features article{min-height:185px;padding:20px;border:1px solid var(--pf36-line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(40,61,96,.05)}
.pf36-features article>div{width:38px;height:38px;display:grid;place-items:center;margin-bottom:18px;color:var(--pf36-blue);font-size:.68rem;font-weight:900;border-radius:12px;background:#eef3ff}
.pf36-features h3{margin:0 0 8px;font-size:.91rem}
.pf36-features p{margin:0;color:var(--pf36-muted);font-size:.74rem;line-height:1.9}
.pf36-status{display:flex;align-items:center;gap:14px;padding:18px!important}
.pf36-status-icon{color:#16a394;font-size:1.2rem}
.pf36-status>div:nth-child(2){flex:1}
.pf36-status h3{margin:0 0 4px}
.pf36-status p{margin:0;color:var(--pf36-muted);font-size:.76rem;line-height:1.8}
.pf36-status>span{padding:8px 12px;border-radius:99px;font-size:.68rem;font-weight:900}
.pf36-status>span.ready{color:#087a6e;background:#eaf9f5}
.pf36-status>span.waiting{color:#8a6217;background:#fff4df}
body[data-role="parent"] .pf36-hero,body[data-role="parent"] .pf36-features,body[data-role="parent"] .pf36-status{font-family:Tahoma,Arial,sans-serif}

@media(max-width:1050px){
  .pf36-hero{grid-template-columns:1fr}
  .pf36-visual{display:none}
  .pf36-features{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px){
  .pf36-hero{padding:22px 17px;border-radius:24px}
  .pf36-hero h2{font-size:1.45rem}
  .pf36-hero p{font-size:.8rem}
  .pf36-primary{border-radius:16px}
  .pf36-features{grid-template-columns:1fr}
  .pf36-features article{min-height:0}
  .pf36-status{align-items:flex-start;flex-wrap:wrap}
  .pf36-status>span{margin-right:auto}
}

@media(prefers-reduced-motion:reduce){
  .pf36-primary{transition:none}
}