* { scrollbar-width: thin; scrollbar-color: #334155 #0f172a; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
*::-webkit-scrollbar-track { background: #0f172a; }

::selection { background: rgba(37, 211, 102, .3); }

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500&display=swap');
body { font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif; background:#071a14; }

input, textarea, select { outline: none; }
input:focus, textarea:focus, select:focus { box-shadow: 0 0 0 2px rgba(37, 211, 102, .35); }

@keyframes akaza-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.page-enter { animation: akaza-fade .25s ease-out; }

@keyframes akaza-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .4; }
}
.pulse-live { animation: akaza-pulse 1.6s ease-in-out infinite; }

@keyframes akaza-spin { to { transform: rotate(360deg); } }
.spinner {
  border: 3px solid rgba(255,255,255,.15);
  border-top-color: #25D366;
  border-radius: 9999px;
  width: 1.25rem; height: 1.25rem;
  animation: akaza-spin .7s linear infinite;
}

.toast {
  animation: akaza-fade .2s ease-out;
  border-radius: .5rem;
  padding: .65rem 1rem;
  font-size: .875rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.4);
}

.progress-bar { transition: width .5s ease; }

.akaza-icon { display:inline-flex;align-items:center;justify-content:center;font-family:Fraunces,Georgia,serif;font-size:1.15em;font-weight:600;line-height:1;letter-spacing:-.06em; }
.akaza-icon.w-4,.akaza-icon.w-4.h-4 { font-size:.95rem; }.akaza-icon.w-5,.akaza-icon.w-5.h-5 { font-size:1.1rem; }.akaza-icon.w-6,.akaza-icon.w-6.h-6 { font-size:1.35rem; }

.saas-shell { background:#101915; }
.saas-shell main { background-image:radial-gradient(circle at 83% -10%,rgba(189,246,72,.15),transparent 26%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px); background-size:auto,48px 48px,48px 48px; }
.saas-shell main > .page-enter { max-width:1280px; margin:0 auto; }
.saas-shell aside nav a { border:1px solid transparent; }
.saas-shell aside nav a:hover { border-color:rgba(37,211,102,.12); }
.saas-action,.saas-stat { box-shadow:0 12px 28px rgba(0,0,0,.12); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.saas-action:hover,.saas-stat:hover { transform:translateY(-2px); box-shadow:0 18px 35px rgba(0,0,0,.2); }
.saas-welcome { padding:4px 0 12px; }
.saas-login { background:radial-gradient(circle at 50% -10%,rgba(37,211,102,.19),transparent 42%),linear-gradient(135deg,#071a14,#0b241b 60%,#0c1d18); }
.login-mark { width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;border-radius:17px 17px 17px 4px;background:linear-gradient(135deg,#bdf648,#25d366);color:#10231e;font:600 31px Fraunces,serif;box-shadow:0 12px 30px rgba(37,211,102,.24); }
.saas-login-card { box-shadow:0 25px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.03); }
.saas-shell .bg-slate-900 { background-color:rgba(13,38,30,.92); }
.saas-shell .border-slate-800 { border-color:rgba(78,124,103,.23); }
.saas-shell .bg-slate-800 { background-color:#17362b; }
.saas-shell .border-slate-700 { border-color:#315946; }
.saas-shell input,.saas-shell textarea,.saas-shell select { border-radius:11px; background:#102b21; border-color:#2a533f; }
.saas-shell input:focus,.saas-shell textarea:focus,.saas-shell select:focus { border-color:#75df8d; box-shadow:0 0 0 3px rgba(37,211,102,.12); }
.saas-shell button { border-radius:10px; }
.saas-shell .bg-accent { background:linear-gradient(135deg,#bdf648,#4cdf85); box-shadow:0 7px 17px rgba(71,210,129,.14); }
.saas-shell .bg-accent:hover { filter:brightness(1.04); }
.saas-shell h1 { letter-spacing:-.035em; }
.akaza-sidebar { background:linear-gradient(180deg,#15251e 0%,#0b1511 76%); border-right:1px solid rgba(189,246,72,.13); box-shadow:18px 0 50px rgba(0,0,0,.12); }
.akaza-brand { border-bottom:1px solid rgba(189,246,72,.1); }.akaza-brand>div:first-child { background:linear-gradient(145deg,#d2ff62,#42cf7e)!important;color:#17231c!important;border:0!important;box-shadow:0 8px 18px rgba(135,236,98,.2); }
.akaza-nav { padding-top:20px; }.akaza-nav a { border-radius:12px!important; min-height:44px; position:relative; color:#91a89c!important; }.akaza-nav a:hover { background:rgba(255,255,255,.045)!important;color:#eef8ef!important; }.akaza-nav a[href*="dashboard"] { margin-bottom:13px; }.akaza-nav a[href*="dashboard"]:after { content:'OPERAÇÃO'; position:absolute; left:13px; top:-18px; font:9px 'DM Mono',monospace; letter-spacing:.14em; color:#61796c; }.akaza-nav a.bg-accent-soft { background:linear-gradient(90deg,rgba(189,246,72,.17),rgba(189,246,72,.03))!important; color:#d9ffa1!important; border-color:rgba(189,246,72,.15)!important; }
.akaza-main { min-height:100vh; }.akaza-card { position:relative; overflow:hidden; border-radius:18px!important; background:linear-gradient(145deg,rgba(25,48,39,.97),rgba(13,33,26,.97))!important; border-color:rgba(132,175,147,.18)!important; box-shadow:0 18px 40px rgba(0,0,0,.13); }.akaza-card:before { content:''; position:absolute; width:90px;height:2px;left:20px;top:0;background:linear-gradient(90deg,#bdf648,transparent);opacity:.8; }.akaza-card-head { background:rgba(255,255,255,.018); border-color:rgba(132,175,147,.14)!important; }.akaza-card h2 { font-family:Fraunces,Georgia,serif; font-size:18px; font-weight:500!important; }
.akaza-button { border-radius:11px!important; letter-spacing:.01em; transition:transform .18s ease,box-shadow .18s ease!important; }.akaza-button:hover { transform:translateY(-1px); }.akaza-button.bg-accent { color:#1b2c20!important; box-shadow:0 8px 20px rgba(189,246,72,.16)!important; }.akaza-input { min-height:42px; border-radius:11px!important; background:rgba(4,18,13,.42)!important; }.akaza-input::placeholder { color:#638074!important; }
.saas-shell table thead { background:rgba(189,246,72,.045); }.saas-shell table th { font-size:10px!important; text-transform:uppercase;letter-spacing:.08em;color:#96af9f!important; }.saas-shell table tr { transition:background .18s ease; }.saas-shell table tbody tr:hover { background:rgba(189,246,72,.045)!important; }
.saas-shell .rounded-xl.bg-slate-900.border { border-radius:18px!important; background:linear-gradient(145deg,rgba(25,48,39,.97),rgba(13,33,26,.97))!important; border-color:rgba(132,175,147,.18)!important; }.saas-shell .rounded-xl.bg-slate-900.border:has(.text-2xl) { overflow:hidden; position:relative; }.saas-shell .rounded-xl.bg-slate-900.border:has(.text-2xl):after { content:'';position:absolute;right:-28px;bottom:-30px;width:100px;height:100px;border-radius:50%;background:rgba(189,246,72,.06); }
@media(max-width:767px){.saas-shell main{background-size:30px 30px}.saas-welcome{padding-top:6px}}

.admin-page{max-width:1180px;margin:auto}.admin-hero{padding:38px 42px;border-radius:24px;background:linear-gradient(120deg,#bdf648,#6fdd72 48%,#229978);color:#142c20;box-shadow:0 22px 50px rgba(80,196,105,.16)}.admin-kicker,.admin-eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.16em}.admin-hero-row{display:flex;align-items:end;justify-content:space-between}.admin-hero h1{font:500 clamp(30px,4vw,51px) Fraunces,Georgia,serif;letter-spacing:-.04em;margin:10px 0 7px}.admin-hero p{margin:0;max-width:500px;font-size:14px;opacity:.74}.admin-orb{display:grid;place-items:center;width:67px;height:67px;border-radius:22px 22px 22px 5px;background:#163629;color:#d8ff84;font:500 41px Fraunces,serif;box-shadow:10px 10px rgba(20,51,40,.14)}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}.admin-metric{padding:19px;border:1px solid rgba(151,194,163,.18);border-radius:16px;background:rgba(17,42,32,.85)}.admin-metric span,.admin-metric small{display:block;color:#8fa99c;font-size:11px}.admin-metric strong{display:block;margin:10px 0 5px;color:#f1fbf3;font-size:25px;letter-spacing:-.06em}.admin-panel{border-radius:20px;overflow:hidden;border:1px solid rgba(151,194,163,.18);background:rgba(11,31,23,.8)}.admin-panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid rgba(151,194,163,.14)}.admin-panel-head h2{font:500 23px Fraunces,Georgia,serif;color:#f1fbf3;margin:6px 0 0}.subscriber-card{display:grid;grid-template-columns:44px minmax(180px,1.5fr) 120px 86px minmax(230px,1fr);gap:16px;align-items:center;padding:17px 24px;border-bottom:1px solid rgba(151,194,163,.12)}.subscriber-card:hover{background:rgba(189,246,72,.04)}.subscriber-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#d3ff70,#4cce82);color:#143328;font:500 24px Fraunces,serif}.subscriber-identity h3{color:#eef8f1;margin:0;font-size:14px}.subscriber-identity p{margin:3px 0;color:#91aa9d;font-size:12px}.subscriber-identity small{color:#638476;font-size:10px}.subscriber-plan span{display:block;color:#698c7c;font:9px 'DM Mono',monospace;letter-spacing:.12em}.subscriber-plan strong{display:block;color:#d7ff9b;font-size:12px;margin:4px 0}.subscriber-plan small{font-size:10px;color:#8ca69a}.subscriber-status span{font-size:10px;padding:6px 9px;border-radius:99px}.status-on{color:#9ef2b4;background:rgba(74,200,118,.14)}.status-off{color:#f5b3a4;background:rgba(234,111,86,.14)}.subscriber-actions{display:flex;justify-content:end;gap:8px}.admin-plan-select{width:120px!important;min-height:35px!important;padding:5px 8px!important;font-size:11px!important}@media(max-width:850px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.subscriber-card{grid-template-columns:44px 1fr auto;gap:12px}.subscriber-plan,.subscriber-status{display:none}.subscriber-actions{grid-column:2/4;justify-content:start}}@media(max-width:560px){.admin-hero{padding:30px 24px}.admin-orb{display:none}.admin-metrics{grid-template-columns:1fr}.subscriber-card{padding:17px}.subscriber-actions{flex-wrap:wrap}.admin-panel-head{padding:18px}}

/* Akaza Atelier: tema claro para o workspace, independente da landing pública. */
.saas-shell{background:#eef3eb!important;color:#16352a}.saas-shell .akaza-main{background-color:#f4f7f1;background-image:radial-gradient(circle at 90% 0%,rgba(195,247,102,.5),transparent 27%),linear-gradient(rgba(29,70,54,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,70,54,.04) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.saas-shell main .bg-slate-900,.saas-shell main .akaza-card{background:rgba(255,255,252,.88)!important;border-color:#d8e4d8!important;box-shadow:0 14px 34px rgba(31,65,47,.07)!important}.saas-shell main .text-white,.saas-shell main .text-slate-100,.saas-shell main .text-slate-200{color:#17372b!important}.saas-shell main .text-slate-300{color:#49685b!important}.saas-shell main .text-slate-400,.saas-shell main .text-slate-500{color:#71877b!important}.saas-shell main .border-slate-800,.saas-shell main .border-slate-700{border-color:#dce7dd!important}.saas-shell main .bg-slate-800{background:#eff4ee!important}.saas-shell main .akaza-card-head{background:#f5f8f2!important;border-color:#dce7dd!important}.saas-shell main .akaza-card:before{background:linear-gradient(90deg,#1cbd71,#bdf648,transparent)}.saas-shell main .akaza-input{background:#f8fbf7!important;border-color:#cfddcf!important;color:#17372b!important}.saas-shell main .akaza-input:focus{border-color:#39ba70!important;box-shadow:0 0 0 3px rgba(57,186,112,.13)!important}.saas-shell main .akaza-input::placeholder{color:#94a59b!important}.saas-shell main .akaza-button.bg-slate-800{background:#e4ede4!important;border-color:#cedbce!important;color:#264539!important;box-shadow:none!important}.saas-shell main .akaza-button.bg-accent{background:linear-gradient(135deg,#1fbd72,#80dd67)!important;color:white!important;box-shadow:0 9px 19px rgba(33,169,95,.18)!important}.saas-shell main table thead{background:#f2f6ef!important}.saas-shell main table th{color:#5d786a!important}.saas-shell main table tbody tr:hover{background:#f3faee!important}.saas-shell main .rounded-xl.bg-slate-900.border{background:#fffefa!important;border-color:#d8e4d8!important}.saas-shell main .rounded-xl.bg-slate-900.border:has(.text-2xl):after{background:rgba(110,218,100,.12)}.saas-shell main .bg-emerald-950\/40{background:#effbf1!important}.saas-shell main .bg-rose-950\/30{background:#fff2ee!important}.saas-shell main .bg-amber-950\/30{background:#fff8e6!important}.saas-shell .akaza-sidebar{background:linear-gradient(180deg,#143e31,#0d251d)!important}.saas-shell .akaza-sidebar .text-slate-400{color:#8eaa9b!important}.saas-shell .akaza-sidebar .text-slate-200,.saas-shell .akaza-sidebar .text-white{color:#e9f5ea!important}.saas-shell .akaza-sidebar .bg-slate-900{background:rgba(255,255,255,.06)!important}.saas-shell header{background:rgba(250,252,247,.88)!important;border-color:#d9e5da!important}.saas-shell header .text-slate-400{color:#698174!important}.saas-shell .admin-panel{background:#fffefa;border-color:#d8e4d8}.saas-shell .admin-panel-head{border-color:#dce7dd}.saas-shell .admin-panel-head h2{color:#17372b}.saas-shell .admin-metric{background:#fffefa;border-color:#d8e4d8}.saas-shell .admin-metric strong{color:#17372b}.saas-shell .subscriber-card{border-color:#e0e9e0}.saas-shell .subscriber-identity h3{color:#17372b}.saas-shell .subscriber-identity p{color:#668074}.saas-shell .subscriber-plan strong{color:#208a55}.saas-shell .admin-hero{box-shadow:0 22px 48px rgba(50,161,93,.18)}