.breadcrumb{
    display:flex; align-items:center; gap:8px;
    font-family:'Tajawal', sans-serif; font-size:0.85rem; color:var(--ink-500);
    margin-bottom:20px;
  }
  .breadcrumb a{color:var(--ink-500);}
  .breadcrumb a:hover{color:var(--orange-500);}
  .breadcrumb .sep{opacity:.5;}
  .breadcrumb .current{color:var(--ink-100); font-weight:600;}

  .account-hero{
    padding:140px 0 40px;
    background:
      radial-gradient(ellipse 900px 500px at 80% 0%, rgba(62,124,184,0.10), transparent 60%),
      radial-gradient(ellipse 700px 500px at 10% 10%, rgba(232,134,60,0.10), transparent 55%),
      var(--navy-900);
  }
  .account-hero .inner{max-width:640px;}
  .account-hero h1{font-size:clamp(1.9rem, 3.4vw, 2.4rem); font-weight:700; margin-bottom:8px;}
  .account-hero p{color:var(--ink-500); font-size:0.95rem;}

  .account-wrap{max-width:520px; margin:0 auto; padding:36px 20px 90px;}
  .account-wrap.wide{max-width:920px;}

  .auth-card{
    background:#fff; border:1px solid var(--line); border-radius:24px;
    padding:40px; box-shadow:var(--shadow);
  }
  .auth-tabs{display:flex; gap:6px; margin-bottom:28px; background:var(--navy-800); border-radius:12px; padding:5px;}
  .auth-tab{
    flex:1; text-align:center; padding:10px; border-radius:9px; font-size:0.92rem; font-weight:600;
    color:var(--ink-500); cursor:pointer; transition:background .2s ease, color .2s ease;
  }
  .auth-tab.active{background:#fff; color:var(--ink-100); box-shadow:0 2px 8px rgba(16,32,46,0.08);}

  .auth-form{display:none; flex-direction:column; gap:14px;}
  .auth-form.active{display:flex;}
  .field label{display:block; font-size:0.85rem; font-weight:600; margin-bottom:6px; color:var(--ink-300);}
  .error-msg{color:#c94b4b; font-size:0.88rem; display:none;}
  .success-msg{color:#1a9c6a; font-size:0.88rem; display:none;}

  .dash-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; flex-wrap:wrap; gap:14px;}
  .dash-header h2{font-size:1.4rem; font-weight:700;}
  .dash-header p{color:var(--ink-500); font-size:0.92rem;}

  .dash-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
  .dash-panel{
    background:#fff; border:1px solid var(--line); border-radius:20px; padding:28px;
    box-shadow:var(--shadow);
  }
  .dash-panel h3{font-size:1.05rem; font-weight:700; margin-bottom:16px;}
  .dash-item{
    display:flex; justify-content:space-between; align-items:center; gap:12px;
    padding:14px 0; border-bottom:1px solid var(--line);
  }
  .dash-item:last-child{border-bottom:none;}
  .dash-item .name{font-weight:600; font-size:0.92rem;}
  .dash-item .meta{font-size:0.8rem; color:var(--ink-500);}
  .status-badge{
    font-size:0.75rem; padding:4px 10px; border-radius:999px; white-space:nowrap;
    background:var(--navy-800); color:var(--ink-500);
  }
  .status-badge.live, .status-badge.unlocked{background:#e3f7ee; color:#1a9c6a;}
  .status-badge.failed{background:#fdeaea; color:#c94b4b;}
  .empty-note{color:var(--ink-500); font-size:0.9rem; text-align:center; padding:20px 0;}

  .pw-checklist{display:flex; flex-direction:column; gap:6px; margin-top:2px; margin-bottom:4px;}
  .pw-rule{display:flex; align-items:center; gap:8px; font-size:0.82rem; color:#c94b4b; transition:color .2s ease;}
  .pw-rule .dot{width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.68rem; background:#fdeaea; color:#c94b4b; flex:none; transition:background .2s ease, color .2s ease;}
  .pw-rule.ok{color:#1a9c6a;}
  .pw-rule.ok .dot{background:#e3f7ee; color:#1a9c6a;}

  .otp-note{font-size:0.88rem; color:var(--ink-500); margin-bottom:6px;}
  .otp-input{letter-spacing:8px; font-size:1.3rem; text-align:center; font-family:'Tajawal',sans-serif;}
  .resend-row{display:flex; justify-content:space-between; align-items:center; font-size:0.85rem; color:var(--ink-500);}
  .resend-row a{color:var(--orange-500); font-weight:600; cursor:pointer;}
  .resend-row a.disabled{color:var(--ink-500); pointer-events:none;}

  .password-wrap{position:relative;}
  .password-wrap input{padding-left:44px;}
  .pw-toggle{
    position:absolute; left:6px; top:50%; transform:translateY(-50%);
    width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center;
    color:var(--ink-500); cursor:pointer; transition:color .2s ease, background .2s ease;
  }
  .pw-toggle:hover{color:var(--ink-100); background:var(--navy-800);}
  .pw-toggle svg{width:18px; height:18px;}

  .forgot-link{
    display:inline-block; margin-top:6px; font-size:0.85rem; color:var(--orange-500);
    font-weight:600; cursor:pointer;
  }
  .forgot-link:hover{color:var(--blue-500);}
  .back-to-login{font-size:0.85rem; color:var(--ink-500); cursor:pointer; text-align:center; margin-top:4px;}
  .back-to-login:hover{color:var(--orange-500);}

  @media (max-width:760px){
    .dash-grid{grid-template-columns:1fr;}
    .auth-card{padding:28px 22px;}
  }