:root{
  --crivo-bg:#080a0f;
  --crivo-panel:#111622;
  --crivo-panel-2:#151b28;
  --crivo-line:rgba(255,255,255,.09);
  --crivo-text:#f5f7fb;
  --crivo-muted:#8f98aa;
  --crivo-green:#62f5a5;
  --crivo-green-2:#2edb85;
  --crivo-blue:#6da9ff;
  --crivo-red:#ff7185;
  --crivo-yellow:#f2c86d;
  --crivo-shadow:0 28px 80px rgba(0,0,0,.34);
}

/* -------- Auth: clean, compact and product-first -------- */
body.crivo-auth-page{
  min-height:100vh;
  margin:0;
  color:var(--crivo-text);
  background:
    radial-gradient(circle at 12% 0%,rgba(98,245,165,.10),transparent 28%),
    radial-gradient(circle at 90% 10%,rgba(109,169,255,.10),transparent 27%),
    linear-gradient(180deg,#090c12 0%,#07090e 100%);
}
.crivo-auth-wrap{
  width:min(100% - 32px,520px);
  min-height:calc(100vh - 28px);
  margin:0 auto;
  padding:38px 0 44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.crivo-auth-brand{
  display:flex;
  justify-content:center;
  margin-bottom:22px;
}
.crivo-auth-brand img{width:168px;max-width:55vw;height:auto;display:block}
.crivo-auth-card{
  border:1px solid var(--crivo-line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(20,25,37,.96),rgba(13,17,25,.97));
  box-shadow:var(--crivo-shadow);
  padding:30px;
}
.crivo-auth-head{margin-bottom:22px}
.crivo-auth-head .eyebrow{color:var(--crivo-green);margin-bottom:8px}
.crivo-auth-head h1,.crivo-auth-head h2{
  margin:0;
  color:var(--crivo-text);
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.crivo-auth-head p{margin:9px 0 0;color:var(--crivo-muted);font-size:14px;line-height:1.55}
.crivo-auth-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  margin:0 0 20px;
  border:1px solid rgba(98,245,165,.16);
  border-radius:14px;
  background:rgba(98,245,165,.055);
  color:#c9f9df;
  font-size:12px;
}
.crivo-auth-note strong{color:var(--crivo-green);font-size:12px}
.crivo-auth-note a{color:var(--crivo-green);font-weight:800;text-decoration:none;white-space:nowrap}
.crivo-auth-form{display:grid;gap:15px}
.crivo-auth-form>label,.crivo-field{display:grid;gap:7px}
.crivo-auth-form label>span,.crivo-field>span{
  font-size:12px;
  color:#c9d0dc;
  font-weight:750;
}
.crivo-auth-form input[type="text"],
.crivo-auth-form input[type="email"],
.crivo-auth-form input[type="password"],
.crivo-price-card input{
  width:100%;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:#0b0f17;
  color:var(--crivo-text);
  padding:13px 14px;
  outline:none;
  transition:.18s ease;
}
.crivo-auth-form input:focus,.crivo-price-card input:focus{
  border-color:rgba(98,245,165,.55);
  box-shadow:0 0 0 3px rgba(98,245,165,.08);
}
.crivo-auth-form label small{color:#727c8f;font-size:11px}
.crivo-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.crivo-auth-primary,.crivo-auth-secondary{
  width:100%;
  min-height:48px;
  border-radius:13px;
  border:1px solid transparent;
  font-weight:850;
  transition:.18s ease;
}
.crivo-auth-primary{
  color:#07120c;
  background:linear-gradient(135deg,var(--crivo-green),var(--crivo-green-2));
  box-shadow:0 12px 28px rgba(46,219,133,.13);
}
.crivo-auth-secondary{
  color:#e7ebf3;
  border-color:var(--crivo-line);
  background:rgba(255,255,255,.035);
}
.crivo-auth-primary:hover,.crivo-auth-secondary:hover{transform:translateY(-1px);filter:brightness(1.06)}
.crivo-auth-links{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-top:17px;
  color:var(--crivo-muted);
  font-size:12px;
}
.crivo-auth-links a,.crivo-auth-footer a{color:#dbe2ee;text-decoration:none;font-weight:750}
.crivo-auth-links a:hover,.crivo-auth-footer a:hover{color:var(--crivo-green)}
.crivo-auth-footer{text-align:center;color:#697386;font-size:11px;margin-top:18px}
.crivo-auth-footer a{color:#8d97aa;font-weight:650}
.crivo-alert{
  margin:0 0 16px;
  padding:11px 13px;
  border-radius:12px;
  border:1px solid var(--crivo-line);
  background:rgba(255,255,255,.035);
  color:#dfe5ef;
  font-size:12px;
}
.crivo-alert.error{border-color:rgba(255,113,133,.25);background:rgba(255,113,133,.07);color:#ffd3da}
.crivo-alert.success{border-color:rgba(98,245,165,.25);background:rgba(98,245,165,.07);color:#d8ffea}

/* Registration */
.crivo-register-wrap{width:min(100% - 32px,760px)}
.crivo-register-card{padding:30px 32px}
.crivo-register-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}
.crivo-trial-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(98,245,165,.22);
  background:rgba(98,245,165,.07);
  color:var(--crivo-green);
  border-radius:999px;
  padding:8px 11px;
  font-size:11px;
  font-weight:850;
}
.crivo-section-label{
  margin:20px 0 10px;
  color:#bcc5d4;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.crivo-plan-picker{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}
.crivo-plan-choice{position:relative;cursor:pointer}
.crivo-plan-choice input{position:absolute;opacity:0;pointer-events:none}
.crivo-plan-choice-body{
  min-height:102px;
  border:1px solid var(--crivo-line);
  border-radius:15px;
  background:rgba(255,255,255,.025);
  padding:13px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:.18s ease;
}
.crivo-plan-choice-body strong{font-size:12px;color:#cfd6e2}
.crivo-plan-choice-body b{font-size:18px;margin-top:5px;letter-spacing:-.03em;color:#fff}
.crivo-plan-choice-body small{font-size:10px;color:#727d90;margin-top:3px}
.crivo-plan-choice em{
  position:absolute;
  top:-6px;
  right:7px;
  border-radius:999px;
  padding:4px 7px;
  background:var(--crivo-green);
  color:#08100c;
  font-size:8px;
  font-style:normal;
  font-weight:900;
}
.crivo-plan-choice input:checked + .crivo-plan-choice-body{
  border-color:rgba(98,245,165,.55);
  background:rgba(98,245,165,.075);
  box-shadow:inset 0 0 0 1px rgba(98,245,165,.10);
}
.crivo-legal-box{
  display:grid;
  gap:10px;
  margin:4px 0 2px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
.crivo-legal-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important}
.crivo-legal-check input{width:15px!important;height:15px;margin:2px 0 0;accent-color:var(--crivo-green);flex:0 0 auto}
.crivo-legal-check span{font-size:11px!important;line-height:1.45;color:#919bad!important;font-weight:500!important}
.crivo-legal-check a{color:#cfd7e4}
.crivo-button-row{display:grid;grid-template-columns:1.08fr .92fr;gap:10px;margin-top:4px}
.crivo-payment-caption{text-align:center;color:#737e90;font-size:10px;margin:10px 0 0}

/* -------- Admin: hierarchy, shortcuts and commercial controls -------- */
body.admin-body{
  background:
    radial-gradient(circle at 85% 0%,rgba(109,169,255,.08),transparent 25%),
    radial-gradient(circle at 10% 12%,rgba(98,245,165,.07),transparent 24%),
    #080a0f!important;
  color:var(--crivo-text)!important;
}
.admin-topbar{
  background:rgba(8,10,15,.88)!important;
  border-bottom:1px solid var(--crivo-line)!important;
  backdrop-filter:blur(18px);
}
.admin-shell{max-width:1500px!important}
.crivo-admin-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px;
  padding:8px;
  border:1px solid var(--crivo-line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.crivo-admin-nav a{
  color:#aab4c5;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  padding:8px 11px;
  border-radius:10px;
}
.crivo-admin-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}
.admin-heading{margin-bottom:18px!important}
.admin-heading h1{color:#fff!important}
.admin-heading p{color:#8792a6!important}
.admin-kpi-grid{gap:12px!important}
.admin-kpi,.admin-panel,.admin-plan-strip{
  border-color:var(--crivo-line)!important;
  background:rgba(16,20,29,.78)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.14)!important;
}
.admin-kpi strong,.admin-panel h2,.admin-plan-strip strong{color:#fff!important}
.crivo-admin-flashes{display:grid;gap:8px;margin-bottom:16px}
.crivo-admin-price-panel{margin:18px 0!important;scroll-margin-top:90px}
.crivo-admin-price-intro{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-end;
}
.crivo-admin-price-intro p{max-width:720px;margin:6px 0 0;color:#8792a6;font-size:12px}
.crivo-price-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:18px;
}
.crivo-price-card{
  display:block;
  padding:16px;
  border:1px solid var(--crivo-line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.crivo-price-card.featured{border-color:rgba(98,245,165,.28);background:rgba(98,245,165,.045)}
.crivo-price-card>span{display:block;color:#8f99ab;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.crivo-price-card strong{display:block;color:#fff;font-size:18px;margin:4px 0 12px}
.crivo-price-input{display:flex;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#0b0f17;overflow:hidden}
.crivo-price-input b{padding-left:12px;color:#8f99ab;font-size:12px}
.crivo-price-card input{border:0!important;background:transparent!important;padding-left:7px!important;box-shadow:none!important;font-weight:850}
.crivo-price-card small{display:block;margin-top:8px;color:#717c8f;font-size:10px}
.crivo-price-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.06);
}
.crivo-price-actions p{margin:0;color:#788396;font-size:10px}
.crivo-price-actions .button{white-space:nowrap}
#admin-clients,#admin-payments,#admin-security{scroll-margin-top:90px}

@media (max-width:900px){
  .crivo-plan-picker,.crivo-price-grid{grid-template-columns:1fr 1fr}
  .crivo-auth-grid,.crivo-button-row{grid-template-columns:1fr}
  .crivo-admin-price-intro,.crivo-price-actions{align-items:flex-start;flex-direction:column}
}
@media (max-width:560px){
  .crivo-auth-wrap{width:min(100% - 22px,520px);padding:22px 0 28px}
  .crivo-auth-card,.crivo-register-card{padding:22px 18px;border-radius:20px}
  .crivo-auth-head h1,.crivo-auth-head h2{font-size:27px}
  .crivo-auth-note{align-items:flex-start;flex-direction:column}
  .crivo-auth-links{flex-direction:column;align-items:center}
  .crivo-register-topline{align-items:flex-start;flex-direction:column}
  .crivo-plan-picker,.crivo-price-grid{grid-template-columns:1fr 1fr;gap:8px}
  .crivo-plan-choice-body{min-height:92px}
  .crivo-admin-nav{overflow:auto;flex-wrap:nowrap}
  .crivo-admin-nav a{white-space:nowrap}
}