/* ── Profile ── */
.profile{flex:1;overflow-y:auto}
.profile__header{padding:var(--space-xl) var(--space-lg);text-align:center;background:linear-gradient(180deg,rgba(196,30,58,0.06) 0%,transparent 100%)}
.profile__avatar{width:72px;height:72px;border-radius:var(--radius-full);margin:0 auto var(--space-md);overflow:hidden;position:relative}
.profile__avatar.premium{border:3px solid var(--color-gold);box-shadow:var(--shadow-glow-gold)}
.profile__avatar img{width:100%;height:100%;object-fit:cover}
.profile__avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-accent),var(--color-gold));display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:#fff}
.profile__name{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--space-2xs);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}
.profile__role{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-text-muted);margin-bottom:var(--space-sm)}
.profile__stats{display:flex;justify-content:center;gap:var(--space-xl)}
.profile__stat{text-align:center}
.profile__stat-value{font-size:var(--fs-lg);font-weight:var(--fw-bold)}
.profile__stat-label{font-size:var(--fs-xs);color:var(--color-text-muted)}

/* ── Profile Sections ── */
.profile__section{padding:var(--space-md) var(--space-lg)}
.profile__section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-text-muted);margin-bottom:var(--space-sm)}
.profile__menu{display:flex;flex-direction:column;gap:var(--space-2xs)}
.profile__menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-fast)}
.profile__menu-item:hover{background:var(--color-bg-card)}
.profile__menu-item svg{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0}
.profile__menu-item__content{flex:1}
.profile__menu-item__title{font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.profile__menu-item__desc{font-size:var(--fs-xs);color:var(--color-text-muted)}
.profile__menu-item__arrow{color:var(--color-text-muted);font-size:var(--fs-sm)}
.profile__menu-item--gold svg{color:var(--color-gold)}

/* ── Premium Card ── */
.premium-card{margin:var(--space-md) var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(212,168,83,0.08),rgba(196,30,58,0.08));border:1px solid var(--color-gold-soft);position:relative;overflow:hidden}
.premium-card::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(212,168,83,0.1) 0%,transparent 70%);pointer-events:none}
.premium-card__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 10px;border-radius:var(--radius-full);background:var(--color-gold);color:var(--color-text-inverse);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--ls-wide);margin-bottom:var(--space-md)}
.premium-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--space-xs)}
.premium-card__price{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-gold);margin-bottom:var(--space-md)}
.premium-card__price span{font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:var(--fw-regular)}
.premium-card__features{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}
.premium-card__feature{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--color-text-secondary)}
.premium-card__feature svg{width:16px;height:16px;color:var(--color-gold);flex-shrink:0}

/* ── Storage Usage ── */
.storage-bar{height:6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-sm) 0}
.storage-bar__fill{height:100%;border-radius:var(--radius-full);transition:width var(--t-slow) var(--ease-out)}
.storage-bar__fill--ok{background:var(--color-success)}
.storage-bar__fill--warn{background:var(--color-warning)}
.storage-bar__fill--danger{background:var(--color-danger)}
.storage-info{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--color-text-muted)}

/* ── Orders List ── */
.orders-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-lg)}
.order-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);cursor:pointer;transition:all var(--t-fast)}
.order-card:hover{border-color:var(--color-border-hover)}
.order-card__img{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-bg-elevated)}
.order-card__img img{width:100%;height:100%;object-fit:cover}
.order-card__info{flex:1;min-width:0}
.order-card__title{font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-card__date{font-size:var(--fs-xs);color:var(--color-text-muted)}
.order-card__status{padding:3px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase}
.order-card__status--paid{background:var(--color-info-soft);color:var(--color-info)}
.order-card__status--shipped{background:var(--color-warning-soft);color:var(--color-warning)}
.order-card__status--delivered{background:var(--color-success-soft);color:var(--color-success)}
.order-card__amount{font-weight:var(--fw-bold);font-size:var(--fs-sm)}

/* ── Stats & Analytics ── */
.stats { flex: 1; padding-bottom: var(--nav-height); }
.stats__header { padding: var(--space-md); display: flex; align-items: center; gap: var(--space-md); position: sticky; top: 0; background: var(--color-bg-primary); z-index: 10; border-bottom: 1px solid var(--color-border); }
.stats__back { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-bg-elevated); cursor: pointer; }
.stats__back svg { width: 20px; height: 20px; }
.stats__header h2 { font-size: var(--fs-lg); }

.stats__cards { padding: var(--space-md); display: flex; flex-direction: column; gap: var(--space-md); }
.stats-card { padding: var(--space-lg); border-radius: var(--radius-xl); background: var(--color-bg-card); border: 1px solid var(--color-border); }
.stats-card--main { background: linear-gradient(135deg, #2C3E50 0%, #000 100%); color: #fff; border: none; box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.stats-card--main .stats-card__label { color: rgba(255,255,255,0.7); }
.stats-card__label { font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: var(--ls-wide); color: var(--color-text-muted); margin-bottom: var(--space-xs); }
.stats-card__value { font-size: var(--fs-2xl); font-weight: var(--fw-bold); }

.stats__section { padding: var(--space-md); }
.stats__section-title { font-size: var(--fs-sm); font-weight: var(--fw-bold); margin-bottom: var(--space-md); border-left: 3px solid var(--color-accent); padding-left: var(--space-sm); }

.sales-list { display: flex; flex-direction: column; gap: var(--space-sm); }
.sales-item { display: flex; justify-content: space-between; align-items: center; padding: var(--space-md); background: var(--color-bg-card); border-radius: var(--radius-lg); border: 1px solid var(--color-border); }
.sales-item__name { font-size: var(--fs-sm); font-weight: var(--fw-medium); }
.sales-item__count { font-size: var(--fs-xs); color: var(--color-text-muted); }
.sales-item__total { font-weight: var(--fw-bold); color: var(--color-accent); }

.ledger { display: flex; flex-direction: column; }
.ledger-item { display: flex; justify-content: space-between; align-items: center; padding: var(--space-md); border-bottom: 1px solid var(--color-border); }
.ledger-item__type { font-size: var(--fs-sm); font-weight: var(--fw-bold); }
.ledger-item__date { font-size: var(--fs-xs); color: var(--color-text-muted); }
.ledger-item__amount { font-weight: var(--fw-bold); font-size: var(--fs-base); }
.ledger-item__amount.positive { color: var(--color-success); }
.ledger-item__amount.negative { color: var(--color-danger); }

.profile__menu-item--premium svg { color: var(--color-gold); }
.profile__menu-item--premium { background: rgba(212,168,83,0.05); }
.profile__menu-item--premium:hover { background: rgba(212,168,83,0.1); }