:root{--bg:#1f2937;--bg2:#58759d;--card:#fff;--ink:#1f2937;--muted:#64748b;--line:#e7ebf1;--light:#f3f4f6;--accent:#ff842b;--accent2:#ff9d52;--verde:#064e3b;--verde2:#59897c;--calido:#f59e0b;--neutro:#94a3b8;--enfasis:#fef3c7;--ok:#064e3b;--warn:#b8770a;--danger:#9b1c1c;--r:18px;--shadow:0 18px 50px -12px rgba(15,23,42,.35);--shadow-sm:0 6px 18px -8px rgba(15,23,42,.35)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Noto Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(155deg,var(--bg) 0,#25344a 45%,var(--bg2) 100%);background-attachment:fixed;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;position:relative}body:before{background:radial-gradient(900px 600px at 88% -8%,rgba(255,132,43,.22),transparent 60%),radial-gradient(800px 700px at -10% 110%,rgba(89,137,124,.28),transparent 55%)}body:after,body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}body:after{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.center,.wrap{position:relative;z-index:1}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:28px 18px 72px}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px}h1,h2,h3{margin:0 0 8px;letter-spacing:-.01em}.eyebrow,h3{font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--accent);margin:0 0 6px}.title-xl{color:#fff;font-size:clamp(30px,6vw,60px);font-weight:800;line-height:1.02;letter-spacing:-.03em;text-shadow:0 2px 30px rgba(0,0,0,.35)}.sub,.title-xl{text-align:center}.sub{color:#dfe6f1;margin-bottom:6px;font-size:16px}.card{background:var(--card);border-radius:var(--r);padding:24px;box-shadow:var(--shadow);border:1px solid hsla(0,0%,100%,.6);animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.card+.card{margin-top:18px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.grid>.card:nth-child(2){animation-delay:.05s}.grid>.card:nth-child(3){animation-delay:.1s}.grid>.card:nth-child(4){animation-delay:.15s}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}.grid{display:grid;grid-gap:16px;gap:16px}.grid2{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}label{font-size:12.5px;font-weight:700;color:var(--muted);display:block;margin-bottom:5px;letter-spacing:.01em}input,select,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;font-size:16px;font-family:inherit;outline:none;background:#fbfcfe;color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus,textarea:focus{border-color:var(--bg2);background:#fff;box-shadow:0 0 0 4px rgba(88,117,157,.16)}textarea{min-height:80px;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4l4 -4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;background:var(--bg);color:#fff;letter-spacing:.01em;transition:transform .08s ease,box-shadow .15s,filter .15s;box-shadow:0 8px 20px -8px rgba(31,41,55,.6)}.btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 24px -8px rgba(31,41,55,.6)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.btn.ghost{background:var(--light);color:var(--ink);box-shadow:none;border:1.5px solid var(--line)}.btn.ghost:hover{background:#eaedf2;filter:none}.btn.ok{background:var(--verde);box-shadow:0 8px 20px -8px rgba(6,78,59,.6)}.btn.warn{background:var(--calido);color:#3a2a00;box-shadow:0 8px 20px -8px rgba(245,158,11,.6)}.btn.danger{background:var(--danger);box-shadow:0 8px 20px -8px rgba(155,28,28,.6)}.btn.cta{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 26px -8px rgba(255,132,43,.7)}.btn.lg{padding:18px 30px;font-size:18px;border-radius:14px}.btn.block{width:100%}.pin{font-size:clamp(44px,12vw,120px);font-weight:800;letter-spacing:.14em;background:linear-gradient(135deg,var(--accent),var(--accent2));color:transparent;-webkit-background-clip:text;background-clip:text;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.pin-box{background:#fff;padding:18px 34px;border-radius:18px;display:inline-block;box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700}.badge.gray{background:#eef1f5;color:#475569}.badge.green{background:#dcf2e8;color:var(--verde)}.badge.red{background:#fde2e6;color:var(--danger)}.badge.amber{background:var(--enfasis);color:var(--warn)}.badge.blue{background:#e6edf6;color:var(--bg2)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}tbody tr:last-child td{border-bottom:none}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;background:hsla(0,0%,100%,.08);padding:6px;border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tab{padding:10px 16px;border-radius:10px;background:transparent;color:#e3e9f1;cursor:pointer;font-weight:700;border:none;font-size:14px;transition:background .15s,color .15s}.tab:hover{background:hsla(0,0%,100%,.1)}.tab.active{background:#fff;color:var(--bg);box-shadow:var(--shadow-sm)}.plancha-card{border-radius:16px;padding:20px;color:#fff;cursor:pointer;border:none;text-align:left;font-size:19px;font-weight:800;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform .1s ease,box-shadow .15s;width:100%}.plancha-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,hsla(0,0%,100%,.18),transparent 55%);pointer-events:none}.plancha-card:hover{transform:translateY(-3px) scale(1.01)}.plancha-card:active{transform:translateY(1px) scale(.99)}.plancha-card .who{font-size:13px;font-weight:500;opacity:.95;margin-top:8px;line-height:1.5}.bar{height:32px;background:#eef1f5;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.bar,.bar>span{border-radius:9px}.bar>span{display:block;height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1);background-image:linear-gradient(180deg,hsla(0,0%,100%,.22),transparent)}.note{font-size:13px;color:var(--muted);line-height:1.5}.error{color:var(--danger)}.error,.toast{font-weight:600}.toast{background:var(--verde);color:#fff;padding:12px 16px;border-radius:12px}.kpi{background:var(--light);border-radius:14px;padding:16px 18px;text-align:center;flex:1 1;min-width:110px;border:1px solid var(--line)}.kpi b{display:block;font-size:32px;color:var(--bg);font-weight:800;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi span{font-size:12px;color:var(--muted);font-weight:600}.feed{max-height:460px;overflow-y:auto;margin:-4px;padding:4px}.feed-row{display:flex;align-items:center;gap:11px;padding:10px 8px;border-bottom:1px solid var(--line);animation:pop .35s ease}.feed-row:last-child{border-bottom:none}.feed-row .dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 4px rgba(0,0,0,.04)}@keyframes pop{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.banner{border-radius:16px;padding:18px 22px;color:#fff;box-shadow:var(--shadow)}.banner.win{background:linear-gradient(135deg,var(--verde),var(--verde2))}.banner.none{background:linear-gradient(135deg,var(--calido),var(--accent));color:#2a1c00}hr{border:none;border-top:1px solid var(--line)}@media print{body{background:#fff}body:after,body:before{display:none}.no-print{display:none!important}.card{box-shadow:none;border:1px solid #ddd;animation:none}}