:root{color:#172027;background:#f6f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:32px;background:linear-gradient(135deg,rgba(0,242,234,.16),transparent 34%),linear-gradient(220deg,rgba(255,0,80,.15),transparent 38%),#f6f4ee}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,rgba(0,242,234,.16),transparent 34%),linear-gradient(220deg,rgba(255,0,80,.15),transparent 38%),#f6f4ee}.legal-shell{min-height:100vh;padding:32px;background:#f6f4ee}.legal-document{max-width:860px;margin:0 auto;padding:36px;border:1px solid rgba(23,32,39,.1);border-radius:8px;background:#ffffffeb;box-shadow:0 18px 46px #17202714}.legal-document h1{margin:12px 0 8px;font-size:clamp(2.2rem,6vw,4rem);line-height:.96}.legal-document h2{margin:28px 0 8px;font-size:1.22rem}.legal-document p{color:#44515a;line-height:1.7}.legal-updated{margin:0 0 24px;font-weight:800}.auth-panel{width:min(100%,440px);padding:30px;border:1px solid rgba(23,32,39,.1);border-radius:8px;background:#ffffffeb;box-shadow:0 24px 60px #1720271f}.auth-panel h1{margin:12px 0 8px;font-size:3rem;line-height:.95}.auth-panel p{margin:0 0 22px;color:#65727b;line-height:1.55}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto 18px;color:#172027}.topbar strong{font-size:1.1rem}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px;align-items:end;max-width:1180px;margin:0 auto 24px;padding:44px;min-height:300px;border:1px solid rgba(23,32,39,.12);border-radius:8px;color:#fff;background:linear-gradient(#0b1016b8,#0b1016c2),url(https://images.unsplash.com/photo-1611162616305-c69b3fa7fbe0?auto=format&fit=crop&w=1600&q=80) center/cover}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#00d6ce;font-size:.82rem;font-weight:800;text-transform:uppercase}.hero h1{margin:14px 0 12px;font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:0}.hero p{max-width:680px;margin:0;color:#ffffffd1;font-size:1.12rem;line-height:1.6}.security-note{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffe6}.stats-grid,.workspace,.accounts-area{max-width:1180px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{display:grid;gap:8px;padding:18px;min-height:126px;border:1px solid rgba(23,32,39,.1);border-radius:8px;background:#ffffffd1;box-shadow:0 18px 46px #17202714}.metric svg{color:#ff0050}.metric span{color:#66717a;font-weight:700}.metric strong{font-size:2rem}.notice{max-width:1180px;margin:0 auto 18px;padding:14px 16px;border:1px solid rgba(0,214,206,.35);border-radius:8px;background:#00d6ce1f;color:#174344;font-weight:700}.notice.compact{margin:0 0 16px}.workspace{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:18px;margin-bottom:32px}.panel,.account-card{border:1px solid rgba(23,32,39,.1);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 46px #17202714}.panel{padding:22px}.panel-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.panel h2,.section-title h2{margin:4px 0 0;font-size:1.45rem}.form-stack{display:grid;gap:14px}label{display:grid;gap:8px;color:#44515a;font-size:.9rem;font-weight:800}input,textarea{width:100%;border:1px solid rgba(23,32,39,.16);border-radius:8px;padding:12px 13px;color:#172027;background:#fff;outline:none}textarea{min-height:112px;resize:vertical}input:focus,textarea:focus{border-color:#00b8b0;box-shadow:0 0 0 4px #00d6ce24}.drop-zone{position:relative;place-items:center;min-height:150px;padding:22px;border:1px dashed rgba(255,0,80,.45);border-radius:8px;color:#1c2a32;background:#fff8fa;text-align:center}.drop-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.primary-button,.select-button,.delete-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;color:#fff;background:#111820;font-weight:900;cursor:pointer}.primary-button{min-height:48px;padding:0 18px}.primary-button.accent{background:#ff0050}.primary-button:disabled{cursor:not-allowed;opacity:.68}.ghost-button{min-height:40px;padding:0 14px;color:#172027;background:#ffffffc7;border:1px solid rgba(23,32,39,.12)}.text-button{width:100%;margin-top:16px;border:0;background:transparent;color:#8a163c;font-weight:900;cursor:pointer}.accounts-area{padding-bottom:40px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.account-card{position:relative;display:grid;gap:16px;padding:20px}.account-card.selected{border-color:#00b8b0;box-shadow:0 0 0 4px #00d6ce29,0 18px 46px #17202714}.select-button{position:absolute;top:14px;right:14px;width:36px;height:36px;background:#172027}.delete-button{position:absolute;top:58px;right:14px;width:36px;height:36px;color:#8a163c;background:#ff00501a;border:1px solid rgba(255,0,80,.18)}.delete-button:disabled{cursor:not-allowed;opacity:.7}.avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#111820,#ff0050 55%,#00d6ce);font-weight:950}.account-card h3{margin:0 42px 4px 0;font-size:1.18rem}.account-card p{margin:0;color:#65727b}.card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-metrics span{display:grid;gap:2px;min-height:74px;padding:12px;border-radius:8px;background:#f4f7f8;color:#66717a;font-size:.82rem;font-weight:800}.card-metrics strong{color:#172027;font-size:1.34rem}.status-pill{width:fit-content;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:900}.status-pill.conectada{color:#075852;background:#00d6ce29}.status-pill.pendente{color:#8a163c;background:#ff00501f}.notes{line-height:1.5}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 920px){.app-shell{padding:18px}.hero,.workspace{grid-template-columns:1fr}.stats-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.hero{padding:28px}.hero h1{font-size:3.1rem}.stats-grid,.cards-grid{grid-template-columns:1fr}}
