/* Rezvanta UI refresh v3 — premium dashboard overhaul */
:root{
  --rz-bg:#f4f7fb;
  --rz-bg-2:#eef4f1;
  --rz-surface:#ffffff;
  --rz-surface-2:#f7faf9;
  --rz-brand:#0b8f73;
  --rz-brand-deep:#086854;
  --rz-brand-soft:#dcf5ec;
  --rz-ink:#11252d;
  --rz-muted:#63757e;
  --rz-line:#dde8e4;
  --rz-shadow:0 18px 48px rgba(13,39,32,.08);
  --rz-shadow-soft:0 10px 28px rgba(17,63,47,.06);
  --rz-radius:22px;
}
html{scroll-behavior:smooth}
body{color:var(--rz-ink);background:radial-gradient(circle at top left,#eef9f4 0,transparent 24%),radial-gradient(circle at top right,#edf3ff 0,transparent 20%),var(--rz-bg);-webkit-font-smoothing:antialiased}
::selection{background:#ccefe3;color:#064f41}
:focus-visible{outline:3px solid #3dc4a3;outline-offset:3px}
button,a{-webkit-tap-highlight-color:transparent}

/* Global controls */
.btn{border-radius:14px;box-shadow:0 2px 4px rgba(14,55,41,.06);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.btn:hover:not(:disabled){transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#10a987,#08755f);box-shadow:0 10px 24px rgba(8,117,95,.24)}
.btn-primary:hover{background:linear-gradient(135deg,#119d80,#065e4e);box-shadow:0 14px 28px rgba(8,117,95,.28)}
.btn-outline{background:rgba(255,255,255,.9);border:1px solid #d7e5e1;color:var(--rz-ink)}
.btn-outline:hover{background:#f8fbfa;border-color:#bdd8d0}
.btn.small{padding:11px 15px;font-size:12px;border-radius:12px}
.text-button{font-weight:800}
.notice{border-radius:14px;border:1px solid #f1d3cb;background:#fff5f3;box-shadow:var(--rz-shadow-soft)}
.notice.success{border-color:#bde6cf;background:#eef9f2}
input,select,textarea{background:#fbfefd;border:1px solid #d7e4e0;border-radius:14px;transition:border-color .16s,box-shadow .16s,background .16s}
input:hover,select:hover,textarea:hover{border-color:#bfd7cf}
input:focus,select:focus,textarea:focus{background:#fff;box-shadow:0 0 0 4px rgba(16,169,135,.12);border-color:#10a987}
label{color:#35524b;font-weight:700}

/* Marketing site polish */
.header{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(223,233,230,.9)}
.header nav>a:not(.btn):hover,.text-button:hover{color:#075747;text-decoration:underline;text-underline-offset:4px}
.hero-visual{background:radial-gradient(circle at 15% 20%,#dff8ec,transparent 42%),radial-gradient(circle at 95% 80%,#cdeee4,transparent 48%),linear-gradient(180deg,#f5fcf9 0,#edf8f3 100%);border:1px solid #dcede7}
.fake-app,.feature,.pricing,.auth-card,.cancel-card{box-shadow:var(--rz-shadow)}
.feature{transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 24px 44px rgba(19,61,48,.11)}

/* Dashboard shell */
.dash-shell{background:radial-gradient(circle at top left,#eef9f4 0,transparent 24%),radial-gradient(circle at top right,#eef3ff 0,transparent 18%),var(--rz-bg)}
.sidebar{width:278px;position:sticky;top:0;height:100vh;padding:20px 16px;background:linear-gradient(180deg,#0f2330 0%,#142c39 38%,#173543 100%);border-right:0;box-shadow:10px 0 38px rgba(10,26,35,.14);z-index:4}
.sidebar>.brand{padding:12px 14px;margin:0 0 16px;color:#fff;font-size:28px}
.sidebar>.brand .brand-icon{background:linear-gradient(135deg,#10a987,#0b7a63);box-shadow:0 12px 24px rgba(16,169,135,.25)}
.sidebar>.brand .brand-dot{color:#7fe1c6}
.side-label{color:#8fa8b0;font-size:10px;letter-spacing:1.8px;margin:12px 14px 8px}
.business-chip{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:16px;min-height:56px;margin:0 4px 14px;color:#d9f1eb}
.business-chip svg{color:#6ee3bf}
.side-item{position:relative;width:100%;border-radius:15px;font-size:13px;min-height:48px;padding:13px 14px;color:#b7c9cf;transition:background .18s,color .18s,transform .18s}
.side-item:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(2px)}
.side-item.active{background:linear-gradient(90deg,rgba(16,169,135,.22),rgba(16,169,135,.07));color:#fff;box-shadow:inset 3px 0 #4fe3b8;font-weight:800}
.side-item.active::after{content:'';position:absolute;right:12px;width:8px;height:8px;border-radius:999px;background:#62e8c0;box-shadow:0 0 0 5px rgba(98,232,192,.12)}
.logout{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}

.dash-main{padding:36px clamp(22px,3vw,48px) 48px;width:100%;max-width:none}
.dash-top{align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px}
.dash-top h1{font-family:Manrope,sans-serif;font-size:clamp(30px,2.8vw,42px);letter-spacing:-1.4px;font-weight:800;margin-top:8px}
.dash-top .eyebrow{font-size:10px;letter-spacing:1.8px;color:#0b8f73}

.workspace-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}
.workspace-hero-main,.workspace-hero-side{background:linear-gradient(180deg,#ffffff 0,#f9fcfb 100%);border:1px solid var(--rz-line);border-radius:24px;box-shadow:var(--rz-shadow);padding:26px;position:relative;overflow:hidden}
.workspace-hero-main::after{content:'';position:absolute;right:-30px;top:-30px;width:180px;height:180px;background:radial-gradient(circle,#dff7ed 0,transparent 72%)}
.workspace-hero-main h2{font-family:Manrope,sans-serif;font-size:clamp(26px,2.6vw,36px);letter-spacing:-1.25px;margin:14px 0 10px;max-width:560px}
.workspace-hero-main p{max-width:620px;color:var(--rz-muted);line-height:1.7;margin:0 0 20px}
.workspace-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.workspace-hero-side{display:grid;gap:14px;align-content:stretch;background:linear-gradient(180deg,#0d2430 0,#132f3d 100%);color:#fff;border-color:rgba(255,255,255,.05)}
.workspace-mini-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;display:grid;gap:6px}
.workspace-mini-card small{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#92b3bb}
.workspace-mini-card strong{font-size:20px;line-height:1.2}
.workspace-mini-card span{font-size:13px;color:#c4d6db;line-height:1.5}
.workspace-mini-card.success{background:linear-gradient(180deg,rgba(16,169,135,.2),rgba(16,169,135,.08));border-color:rgba(98,232,192,.18)}

.metric-grid{gap:18px;margin-bottom:20px}
.metric{position:relative;min-height:154px;border:1px solid var(--rz-line);border-radius:22px;padding:22px;background:linear-gradient(180deg,#fff 0,#f9fbfb 100%);box-shadow:var(--rz-shadow-soft);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.metric:hover{transform:translateY(-3px);box-shadow:var(--rz-shadow)}
.metric::before{content:'';position:absolute;right:-25px;bottom:-40px;width:120px;height:120px;background:radial-gradient(circle,#dff7ed 0,transparent 70%)}
.metric-top{font-weight:700;color:#6f8380;font-size:12px;gap:8px}
.metric-top svg{background:#ebf8f2;border-radius:14px;box-sizing:content-box;padding:10px;stroke-width:2.1;color:#0b8f73}
.metric strong{font-family:Manrope,sans-serif;font-size:clamp(27px,2.7vw,38px);font-weight:800;letter-spacing:-1px;margin-top:22px;font-variant-numeric:tabular-nums;position:relative;z-index:1}

.panel{background:linear-gradient(180deg,#fff 0,#fbfcfc 100%);border:1px solid var(--rz-line);box-shadow:var(--rz-shadow-soft);border-radius:24px;padding:28px 30px;margin-bottom:22px}
.panel h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.8px;font-size:24px;margin:0 0 10px}
.panel>p{line-height:1.7;color:var(--rz-muted)}
.panel-heading{padding-bottom:14px;border-bottom:1px solid #eef3f1;margin-bottom:10px}
.opening-row{padding:18px 2px;gap:16px}
.time-icon{border-radius:14px;width:46px;height:46px;background:linear-gradient(180deg,#e8f8f1,#dff5eb)}
.row-between{min-height:72px;padding:10px 0;gap:16px}
.row-between:last-child{border-bottom:0}
.icon-btn{background:#fff0ed;color:#b34735;border-radius:12px;padding:11px 12px;box-shadow:0 6px 14px rgba(179,71,53,.11)}
.copy-line code{background:#f6fbf9;border:1px solid #e5efea;border-radius:12px;padding:14px;color:#2f5a4c}
.form-grid{gap:18px}

.table-wrap{overflow:auto;border:1px solid #edf2ef;border-radius:18px;background:#fbfcfc}
table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:13px}
thead th{background:#f5f9f7;color:#7b908b;font-size:11px;text-transform:uppercase;letter-spacing:.7px;position:sticky;top:0}
td,th{padding:16px 14px;border-bottom:1px solid #edf1ef}
tbody tr:hover{background:#f9fcfb}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;text-transform:capitalize;letter-spacing:.2px}
.status-pill.confirmed{background:#e3f6ea;color:#0a744f}
.status-pill.canceled{background:#fff1ee;color:#b34735}
.tag{border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.4px}
.tag.green{background:#e4f7ea;color:#0a744f}

.public-page{background:radial-gradient(circle at top left,#eefaf4 0,transparent 22%),var(--rz-bg)}
.public-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #e6efea}
.public-main,.cancel-main{padding-top:28px;padding-bottom:48px}
.public-hero,.cancel-card{border-radius:24px}
.booking-success{display:grid;place-items:center;text-align:center}
.cancel-card{max-width:620px;margin:0 auto}
.cancel-symbol{width:62px;height:62px;border-radius:18px;background:linear-gradient(180deg,#e6f7ef,#daf4ea);display:grid;place-items:center;color:#0b8f73;margin-bottom:14px}
.cancel-back{display:inline-block;margin-top:12px;color:#0b8f73;font-weight:700}
.cancel-help{color:var(--rz-muted)}

@media(max-width:1100px){
  .workspace-hero{grid-template-columns:1fr}
  .sidebar{width:232px}
}
@media(max-width:860px){
  .dash-shell{display:block}
  .sidebar{position:relative;width:100%;height:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:14px 12px;border-radius:0}
  .sidebar>.brand{grid-column:1 / -1;margin:0 0 8px;padding:8px 10px;font-size:24px}
  .business-chip,.side-label{display:none}
  .side-item{justify-content:center;padding:12px 8px;min-height:46px;font-size:11px;gap:7px;flex-direction:column}
  .side-item.active::after{display:none}
  .logout{margin:0;border-top:0;padding-top:0}
  .dash-main{padding:22px 16px 36px}
  .dash-top{align-items:flex-start;flex-direction:column}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .panel{padding:22px 18px;border-radius:20px}
}
@media(max-width:560px){
  .workspace-hero-main,.workspace-hero-side{padding:20px}
  .workspace-hero-main h2{font-size:28px}
  .workspace-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .metric-grid{grid-template-columns:1fr 1fr}
  .metric{min-height:130px;padding:16px}
  .metric strong{font-size:26px}
  .panel h2{font-size:21px}
  .table-wrap{border-radius:16px}
  td,th{padding:12px 10px}
}
@media(max-width:430px){
  .sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sidebar .logout{grid-column:span 3}
  .metric-grid{grid-template-columns:1fr}
  .workspace-hero-main h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}