*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a1128;--surface:#0e1a3a;--surface2:#142449;--input:#0d1830;--gold:#c9a84c;--gold-light:#e0c574;--gold-dark:#a08030;--text:#eaf0f7;--muted:#9fb0c8;--border:rgba(201,168,76,.18);--green:#4caf7d;--red:#e05555;--amber:#e0a53c;--blue:#6ea8ff;--font-h:'Cormorant Garamond',Georgia,serif;--font-b:'Inter',sans-serif;--tr:all .25s ease}
[hidden]{display:none!important}
body{font-family:var(--font-b);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}
a{color:var(--gold);text-decoration:none}
button{font-family:var(--font-b);cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}
.card h3{font-family:var(--font-h);font-size:1.25rem;color:var(--gold-light);margin-bottom:6px}
.card .sub{color:var(--muted);font-size:.84rem;margin-bottom:18px}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#a08030,#7a5f22);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:700;font-size:.86rem;letter-spacing:.03em;transition:var(--tr)}
.btn-gold:hover{background:linear-gradient(135deg,#b8963f,#8a6d28);transform:translateY(-1px)}
.btn-ghost{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:9px 16px;font-size:.8rem;transition:var(--tr)}
.btn-ghost:hover{color:var(--gold);border-color:var(--gold)}
.btn-danger{background:none;border:1px solid rgba(224,85,85,.4);color:#f0a0a0;border-radius:8px;padding:9px 16px;font-size:.8rem}
.btn-danger:hover{background:rgba(224,85,85,.1)}
.field{margin-bottom:16px}
.field label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;background:var(--input);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px 13px;font-family:var(--font-b);font-size:.9rem;transition:var(--tr)}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.12)}
.field input:disabled{opacity:.65}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
@media(max-width:700px){.grid2{grid-template-columns:1fr}}
.ok-msg{display:none;background:rgba(76,175,125,.12);border:1px solid rgba(76,175,125,.4);color:#8fd8b0;border-radius:8px;padding:11px 15px;font-size:.84rem;margin-top:14px}
.badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:.67rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.b-novo,.b-aberta{background:rgba(201,168,76,.15);color:var(--gold-light)}
.b-confirmado,.b-paga,.b-ativo{background:rgba(76,175,125,.15);color:#8fd8b0}
.b-cancelado,.b-vencida,.b-inativo{background:rgba(224,85,85,.15);color:#f0a0a0}
.b-concluido{background:rgba(159,176,200,.15);color:var(--muted)}
.b-analise,.b-aguardando{background:rgba(110,168,255,.15);color:var(--blue)}
table{width:100%;border-collapse:collapse}
th{font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}
td{padding:11px 12px;border-bottom:1px solid rgba(201,168,76,.08);font-size:.86rem;vertical-align:middle}
.act{background:none;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:5px 10px;font-size:.72rem;margin-right:4px;transition:var(--tr)}
.act:hover{color:var(--gold);border-color:var(--gold)}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 30% 40%,rgba(201,168,76,.08),transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(30,64,175,.15),transparent 55%),var(--bg)}
.login-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--gold);border-radius:16px;padding:42px 36px;box-shadow:0 0 60px rgba(201,168,76,.12)}
.login-card h1{font-family:var(--font-h);font-size:1.9rem;color:#fff;text-align:center;margin-bottom:6px}
.login-sub{text-align:center;color:var(--muted);font-size:.87rem;margin-bottom:28px}
.login-error{display:none;color:var(--red);font-size:.8rem;margin:-6px 0 12px}
.demo-box{margin-top:20px;border:1px dashed var(--border);border-radius:10px;padding:13px;text-align:center;font-size:.76rem;color:var(--muted)}
.demo-box strong{color:var(--gold-light)}
.back-link{display:block;text-align:center;margin-top:18px;font-size:.84rem;color:var(--muted)}
.back-link:hover{color:var(--gold)}
.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);padding:0 26px;height:64px;position:sticky;top:0;z-index:50}
.topbar .brand{font-family:var(--font-h);font-size:1.35rem;font-weight:700;color:#fff}
.user-zone{display:flex;align-items:center;gap:12px}
.user-meta{text-align:right;line-height:1.3}
.user-meta strong{display:block;font-size:.84rem;color:#fff}
.user-meta span{font-size:.71rem;color:var(--muted)}
.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg);display:grid;place-items:center;font-weight:800;font-size:.85rem}
.icon-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--muted);width:37px;height:37px;display:grid;place-items:center;transition:var(--tr)}
.icon-btn:hover{color:var(--gold);border-color:var(--gold)}
.shell{display:flex;min-height:calc(100vh - 64px)}
.sidebar{width:230px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px}
.side-btn{display:flex;align-items:center;gap:11px;width:100%;background:none;border:none;border-radius:8px;padding:11px 13px;color:var(--muted);font-size:.86rem;font-weight:500;text-align:left;transition:var(--tr)}
.side-btn svg{width:17px;height:17px;flex-shrink:0}
.side-btn:hover{color:var(--gold-light);background:rgba(201,168,76,.06)}
.side-btn.active{background:rgba(201,168,76,.14);color:var(--gold-light);font-weight:700}
.side-public{margin-top:auto;padding:11px 13px;font-size:.8rem;color:var(--muted)}
.content{flex:1;padding:32px;max-width:1150px}
.view-title{font-family:var(--font-h);font-size:1.9rem;color:#fff}
.view-sub{color:var(--muted);font-size:.88rem;margin:4px 0 24px}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px}
.kpi{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:20px}
.kpi .lbl{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.kpi .num{font-family:var(--font-h);font-size:2.1rem;font-weight:700;color:#fff;line-height:1.1}
.kpi .foot{font-size:.73rem;color:var(--muted);margin-top:5px}
.alert-leads{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(201,168,76,.1);border:1px solid var(--gold);border-radius:12px;padding:14px 18px;margin-bottom:22px;font-size:.88rem}
.alert-leads strong{color:var(--gold-light)}
.notif-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px;border-bottom:1px solid rgba(201,168,76,.1)}
.notif-row:last-of-type{border-bottom:none}
.n-name{font-weight:600;font-size:.88rem;color:var(--text);min-width:160px}
.n-desc{color:var(--muted);font-size:.78rem;flex:1}
.switch{position:relative;display:inline-block;width:44px;height:25px;flex-shrink:0}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;background:#223354;border:1px solid var(--border);border-radius:999px;transition:.3s}
.slider::before{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;background:#8fa3c8;border-radius:50%;transition:.3s}
.switch input:checked+.slider{background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-color:transparent}
.switch input:checked+.slider::before{transform:translateX(19px);background:var(--bg)}
.timeline{margin-top:6px}
.t-item{position:relative;padding:0 0 22px 26px;border-left:1px solid var(--border);margin-left:6px}
.t-item::before{content:'';position:absolute;left:-6px;top:2px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.15)}
.t-item:last-child{padding-bottom:4px}
.t-date{font-size:.7rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.t-title{font-weight:600;color:#fff;margin:2px 0}
.t-desc{font-size:.84rem;color:var(--muted)}
.pix-box{display:flex;align-items:center;gap:12px;background:var(--input);border:1px dashed var(--gold);border-radius:10px;padding:14px 16px;font-size:.92rem;color:var(--gold-light);margin-bottom:14px;flex-wrap:wrap}
.steps{margin:14px 0 20px 20px;color:var(--muted);font-size:.86rem;display:flex;flex-direction:column;gap:8px}
.steps li::marker{color:var(--gold)}
.stars{color:var(--gold);letter-spacing:2px;font-size:.88rem}
@media(max-width:900px){
  .shell{flex-direction:column}
  .sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}
  .side-public{margin:0 0 0 auto}
  .content{padding:20px}
}