2 lines
15 KiB
CSS
2 lines
15 KiB
CSS
.profile-page[data-v-947f93d3]{background:var(--color-primary)}.hero[data-v-947f93d3]{color:#fff;text-align:center;background:linear-gradient(145deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 78%, #0a1f18) 100%);padding:0 0 28px}.hero__pin[data-v-947f93d3]{z-index:3;padding:12px var(--page-padding) 10px;background:linear-gradient(145deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 78%, #0a1f18) 100%);position:sticky;top:0}.hero__top[data-v-947f93d3]{grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:12px;display:grid}.hero__top h1[data-v-947f93d3]{margin:0;font-size:1rem;font-weight:700}.icon-btn[data-v-947f93d3]{cursor:pointer;color:#fff;background:0 0;border:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-btn__badge[data-v-947f93d3]{top:4px;color:#fff;text-align:center;background:#f59e0b;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:16px;position:absolute;inset-inline-start:4px}.hero__avatar[data-v-947f93d3]{color:#fff;border:3px solid #ffffff59;margin:0 auto}.hero__meta[data-v-947f93d3]{padding:10px var(--page-padding) 0}.hero h2[data-v-947f93d3]{margin:0;font-size:1.2rem;font-weight:700}.hero p[data-v-947f93d3]{opacity:.88;margin:6px 0 12px;font-size:.85rem}.level-pill[data-v-947f93d3]{border:1px solid var(--color-level-gold);background:color-mix(in srgb, var(--color-level-gold) 16%, transparent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:.8125rem;display:inline-flex}.level-pill__crown[data-v-947f93d3]{width:14px;height:14px;color:var(--color-level-gold)}.profile-scroll[data-v-947f93d3]{background:0 0;flex:1;min-height:0;padding:0}.profile-sheet[data-v-947f93d3]{z-index:1;padding:20px var(--page-padding) 24px;background:var(--color-bg);border-radius:24px 24px 0 0;flex-direction:column;gap:18px;margin-top:-20px;display:flex;position:relative;box-shadow:0 -4px 16px #0000000f}.profile-sheet[data-v-947f93d3]>*{flex-shrink:0}.panel__head[data-v-947f93d3],.section-head[data-v-947f93d3]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel__head h3[data-v-947f93d3],.section-head h3[data-v-947f93d3],.section-title[data-v-947f93d3]{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.section-title[data-v-947f93d3]{margin-bottom:12px}.panel__period[data-v-947f93d3]{color:var(--color-text-muted);align-items:center;gap:2px;font-size:.8rem;display:inline-flex}.link[data-v-947f93d3]{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem;font-weight:600}.stats[data-v-947f93d3]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card[data-v-947f93d3]{background:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.stat-card__text[data-v-947f93d3]{text-align:start;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stat-card__icon[data-v-947f93d3]{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.stat-card__icon--orders[data-v-947f93d3],.stat-card__icon--customers[data-v-947f93d3]{background:color-mix(in srgb, var(--color-success) 14%, transparent);color:var(--color-success)}.stat-card__icon--profit[data-v-947f93d3]{background:color-mix(in srgb, var(--color-info) 14%, transparent);color:var(--color-info)}.stat-card__icon--sales[data-v-947f93d3]{background:color-mix(in srgb, var(--color-level-gold) 22%, transparent);color:#b8860b}.stat-card__label[data-v-947f93d3]{color:var(--color-text-muted);font-size:.75rem}.stat-card__value[data-v-947f93d3]{color:var(--color-text);font-size:1.05rem;font-weight:700;line-height:1.3}.stat-card__hint[data-v-947f93d3]{color:var(--color-text-muted);font-size:.7rem;font-style:normal}.loyalty[data-v-947f93d3]{background:var(--color-primary-soft);border-radius:14px;padding:14px}.loyalty__row[data-v-947f93d3]{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.loyalty__crown[data-v-947f93d3]{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.loyalty__text[data-v-947f93d3]{color:var(--color-text);text-align:start;margin:0;font-size:.8125rem;line-height:1.75}.loyalty__bar[data-v-947f93d3]{background:rgba(var(--color-primary-rgb), .15);border-radius:999px;height:8px;overflow:hidden}.loyalty__bar span[data-v-947f93d3]{background:var(--color-primary);border-radius:inherit;height:100%;display:block}.quick-grid[data-v-947f93d3]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-item[data-v-947f93d3]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-height:88px;padding:14px 8px 12px;font-family:inherit;font-size:.72rem;line-height:1.4;display:flex}.quick-item__icon[data-v-947f93d3]{width:40px;height:40px;color:var(--color-primary);place-items:center;display:grid}.orders-box[data-v-947f93d3]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-shrink:0;padding:4px 0 0;overflow:hidden}.orders-box .section-head[data-v-947f93d3]{margin:0;padding:12px 14px 10px}.order-row[data-v-947f93d3]{border:none;border-top:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:0;grid-template-columns:1fr auto 16px;align-items:center;gap:8px;margin:0;padding:12px 14px;display:grid}.orders-all[data-v-947f93d3]{border:none;border-top:1px solid var(--color-border);width:100%;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border-radius:0;margin:0;padding:12px 14px;font-size:.875rem;font-weight:600}.order-row__meta[data-v-947f93d3]{text-align:start;min-width:0}.order-row__date[data-v-947f93d3]{color:var(--color-text-muted);margin-bottom:2px;font-size:.75rem;display:block}.order-row__title[data-v-947f93d3]{font-size:.875rem;display:block}.order-row__customer[data-v-947f93d3]{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem}.order-row__chevron[data-v-947f93d3]{color:var(--color-text-muted)}.tone[data-v-947f93d3]{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.7rem}.tone--warning[data-v-947f93d3]{background:var(--color-warning-light);color:#b45309}.tone--success[data-v-947f93d3]{background:var(--color-success-light);color:var(--color-success)}.tone--info[data-v-947f93d3]{background:var(--color-info-light);color:var(--color-info)}.tone--danger[data-v-947f93d3]{background:var(--color-danger-light);color:var(--color-danger)}.price-section[data-v-947f93d3]{flex-shrink:0}.price-section .section-title[data-v-947f93d3]{margin-bottom:10px}.price-card[data-v-947f93d3]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.price-card__body[data-v-947f93d3]{grid-template-columns:1fr 88px;align-items:start;gap:12px;padding:12px;display:grid}.price-card__image[data-v-947f93d3]{background:linear-gradient(145deg, var(--color-primary), var(--color-primary-dark));background-position:50%;background-size:cover;border-radius:12px;min-height:88px}.price-card__info[data-v-947f93d3]{text-align:start}.price-card__info strong[data-v-947f93d3]{margin-bottom:4px;font-size:.9rem;display:block}.price-card__info p[data-v-947f93d3]{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem}.price-card footer[data-v-947f93d3]{border-top:1px solid var(--color-border);background:var(--color-elevated);text-align:start;padding:10px 12px;font-size:.8rem;font-weight:600}.desktop-profile[data-v-0481e66d]{width:100%;padding-bottom:32px}.desktop-profile__head[data-v-0481e66d]{margin-bottom:20px}.desktop-profile__title[data-v-0481e66d]{color:var(--color-text);margin:0 0 6px;font-size:1.375rem;font-weight:700}.desktop-profile__subtitle[data-v-0481e66d]{color:var(--color-text-muted);margin:0;font-size:.875rem}.profile-overview[data-v-0481e66d]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);direction:rtl;align-items:stretch;gap:0;margin-bottom:16px;padding:22px 24px;display:flex}.profile-overview__identity[data-v-0481e66d]{border-inline-end:1px solid var(--color-border);flex:1.1;align-items:flex-start;gap:18px;padding-inline-end:24px;display:flex}.profile-overview__aside[data-v-0481e66d]{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.profile-overview__avatar[data-v-0481e66d]{background:var(--color-primary);color:var(--color-surface)}.profile-overview__edit[data-v-0481e66d]{border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface);min-width:132px;color:var(--color-primary);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s;display:inline-flex}.profile-overview__edit[data-v-0481e66d]:hover{background:var(--color-primary-soft)}.profile-overview__details[data-v-0481e66d]{flex:1;min-width:0;padding-top:6px}.profile-overview__name-row[data-v-0481e66d]{align-items:center;gap:8px;margin-bottom:12px;display:flex}.profile-overview__name[data-v-0481e66d]{color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:700}.profile-overview__verified[data-v-0481e66d]{color:var(--color-success);flex-shrink:0;display:flex}.profile-overview__meta[data-v-0481e66d]{color:var(--color-text-muted);align-items:center;gap:8px;margin:0 0 8px;font-size:.8125rem;display:flex}.profile-overview__meta-icon[data-v-0481e66d]{color:var(--color-text-muted);flex-shrink:0}.profile-overview__meta-label[data-v-0481e66d]{color:var(--color-text);font-weight:600}.profile-overview__stats[data-v-0481e66d]{direction:ltr;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.profile-stat[data-v-0481e66d]{text-align:center;border-inline-start:1px solid var(--color-border);direction:rtl;flex-direction:column;justify-content:center;align-items:center;padding:12px 14px;display:flex}.profile-stat[data-v-0481e66d]:first-child{border-inline-start:none}.profile-stat__icon[data-v-0481e66d]{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;display:flex}.profile-stat__icon--blue[data-v-0481e66d]{background:var(--color-primary-soft);color:var(--color-primary)}.profile-stat__icon--green[data-v-0481e66d]{background:var(--color-success-soft);color:var(--color-success)}.profile-stat__icon--amber[data-v-0481e66d]{background:var(--color-warning-light);color:var(--color-warning)}.profile-stat__value[data-v-0481e66d]{color:var(--color-text);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:1.375rem;font-weight:700;line-height:1.2}.profile-stat__value--sm[data-v-0481e66d]{font-size:.875rem;line-height:1.45}.profile-stat__label[data-v-0481e66d]{color:var(--color-text-muted);margin-bottom:8px;font-size:.75rem}.profile-stat__link[data-v-0481e66d]{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;font-weight:600}.profile-stat__link[data-v-0481e66d]:hover{text-underline-offset:2px;text-decoration:underline}.desktop-profile__grid[data-v-0481e66d]{direction:ltr;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.profile-panel[data-v-0481e66d]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);direction:rtl;padding:18px 18px 16px}.profile-panel__title[data-v-0481e66d]{border-bottom:1px solid var(--color-border);color:var(--color-text);align-items:center;gap:8px;margin:0 0 14px;padding-bottom:12px;font-size:.9375rem;font-weight:700;display:flex}.profile-panel__title svg[data-v-0481e66d]{color:var(--color-primary);flex-shrink:0}.profile-info-list[data-v-0481e66d]{margin:0}.profile-info-list__row[data-v-0481e66d]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:.8125rem;display:flex}.profile-info-list__row[data-v-0481e66d]:last-child{border-bottom:none}.profile-info-list__row dt[data-v-0481e66d]{color:var(--color-text-muted);font-weight:500}.profile-info-list__row dd[data-v-0481e66d]{color:var(--color-text);text-align:left;margin:0;font-weight:600}.profile-badge[data-v-0481e66d]{background:var(--color-success-soft);color:var(--color-success);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.profile-quick-grid[data-v-0481e66d]{direction:ltr;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-quick-grid__item[data-v-0481e66d]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);cursor:pointer;direction:rtl;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:108px;padding:16px 10px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.profile-quick-grid__item[data-v-0481e66d]:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.profile-quick-grid__icon[data-v-0481e66d]{background:var(--color-surface);width:42px;height:42px;color:var(--color-primary);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;display:flex}.profile-quick-grid__label[data-v-0481e66d]{color:var(--color-text);text-align:center;font-size:.75rem;font-weight:600;line-height:1.35}.profile-settings[data-v-0481e66d]{flex-direction:column;gap:0;display:flex}.profile-settings__item[data-v-0481e66d]{border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:right;background:0 0;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px 4px;font-family:inherit;transition:background .15s;display:grid}.profile-settings__item[data-v-0481e66d]:last-child{border-bottom:none}.profile-settings__item[data-v-0481e66d]:hover{background:var(--color-elevated)}.profile-settings__icon[data-v-0481e66d]{background:var(--color-primary-soft);width:38px;height:38px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-settings__body[data-v-0481e66d]{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-settings__label[data-v-0481e66d]{color:var(--color-text);font-size:.8125rem;font-weight:700}.profile-settings__desc[data-v-0481e66d]{color:var(--color-text-muted);font-size:.6875rem;line-height:1.45}.profile-settings__chevron[data-v-0481e66d]{color:#cbd5e1;flex-shrink:0}@media (width<=900px){.profile-overview[data-v-0481e66d]{flex-direction:column}.profile-overview__identity[data-v-0481e66d]{padding-inline-end:0;border-inline-end:none;border-bottom:1px solid var(--color-border);padding-bottom:16px}.profile-overview__stats[data-v-0481e66d]{padding-top:8px}.profile-stat[data-v-0481e66d]:first-child{border-inline-start:none}.desktop-profile__grid[data-v-0481e66d]{grid-template-columns:1fr}}
|