*{margin:0;padding:0;box-sizing:border-box}:root{--blue: #18181b;--blue-light: #27272a;--blue-lighter: #f4f4f5;--gold: #a1a1aa;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-500: #71717a;--gray-700: #3f3f46;--gray-900: #18181b}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--gray-900);background:var(--gray-50);line-height:1.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{background:var(--blue);color:#fff;padding:16px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.header .container{display:flex;align-items:center;justify-content:space-between}.header h1{font-size:20px;font-weight:700;letter-spacing:-.3px}.header h1 span{color:var(--gold)}.header-user{display:flex;align-items:center;gap:12px;font-size:14px}.header-user img{width:32px;height:32px;border-radius:50%}.btn-logout{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.btn-logout:hover{background:#ffffff40}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#09090b,#27272a)}.login-card{background:#fff;border-radius:16px;padding:48px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%}.login-card h2{color:var(--blue);font-size:28px;margin-bottom:8px}.login-card p{color:var(--gray-500);margin-bottom:32px;font-size:14px}.login-card .logo{font-size:48px;margin-bottom:16px}.btn-google{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.btn-google:hover{background:var(--blue-light)}.login-error{color:var(--red);font-size:13px;margin-top:16px}.login-footer{color:var(--gray-500);font-size:12px;margin-top:24px}.dashboard{padding:32px 0}.dashboard h2{font-size:26px;color:var(--blue);margin-bottom:8px}.dashboard .subtitle{color:var(--gray-500);margin-bottom:32px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.kpi-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.kpi-card .kpi-value{font-size:32px;font-weight:700;color:var(--blue)}.kpi-card .kpi-label{font-size:13px;color:var(--gray-500);margin-top:4px}.divisions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.division-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;border-left:4px solid var(--blue);transition:transform .15s,box-shadow .15s;cursor:pointer}.division-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.division-card h3{font-size:18px;color:var(--blue);margin-bottom:4px}.division-card .lang-badge{display:inline-block;background:var(--blue-lighter);color:var(--blue);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-bottom:12px}.division-card .stats{display:flex;gap:16px;margin-top:12px}.division-card .stat-item{text-align:center}.division-card .stat-value{font-size:20px;font-weight:700}.division-card .stat-label{font-size:11px;color:var(--gray-500)}.score-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.score-badge.green{background:#dcfce7;color:#15803d}.score-badge.yellow{background:#fef9c3;color:#a16207}.score-badge.red{background:#fee2e2;color:#b91c1c}.division-detail{padding:32px 0}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);margin-bottom:24px;font-size:14px;font-weight:500}.division-detail h2{font-size:26px;color:var(--blue);margin-bottom:24px}.opportunity-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #00000014}.opportunity-card h3{font-size:16px;color:var(--blue);margin-bottom:8px}.opportunity-card .rationale{font-size:14px;color:var(--gray-700);margin-bottom:12px}.opportunity-card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag{background:var(--blue-lighter);color:var(--blue);padding:3px 10px;border-radius:4px;font-size:12px}.article-preview{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #00000014;border-left:4px solid var(--gold);cursor:pointer;transition:transform .15s}.article-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.article-preview .type-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;margin-bottom:8px}.type-radar{background:#dbeafe;color:#1d4ed8}.type-analise{background:#fef3c7;color:#92400e}.article-preview h3{font-size:18px;color:var(--gray-900);margin-bottom:4px}.article-preview .sub{font-size:14px;color:var(--gray-500);margin-bottom:12px}.article-preview .scores{display:flex;gap:8px}.article-page{padding:32px 0}.article-page .article-layout{display:grid;grid-template-columns:1fr 320px;gap:32px}.article-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 1px 3px #00000014}.article-content h1{font-size:28px;color:var(--gray-900);line-height:1.3;margin-bottom:8px}.article-content .sub{font-size:16px;color:var(--gray-500);margin-bottom:24px;font-style:italic}.article-content .body-text{font-size:15px;line-height:1.8;color:var(--gray-700)}.article-content .body-text h2{font-size:20px;color:var(--blue);margin:28px 0 12px}.article-content .body-text p{margin-bottom:16px}.article-content .body-text ul,.article-content .body-text ol{margin:0 0 16px 20px}.article-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.sidebar-card h4{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);margin-bottom:12px}.sidebar-card .score-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sidebar-card .score-label{font-size:14px;font-weight:500}.copy-btn{display:block;width:100%;padding:10px;margin-top:8px;background:var(--blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.copy-btn:hover{background:var(--blue-light)}.copy-btn.copied{background:var(--green)}.meta-item{margin-bottom:8px}.meta-item .label{font-size:11px;color:var(--gray-500);text-transform:uppercase}.meta-item .value{font-size:13px;color:var(--gray-700);word-break:break-all}@media(max-width:768px){.article-page .article-layout,.divisions-grid{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}.article-content{padding:24px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.btn-generate{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-generate:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-generate:disabled{background:#93c5fd;cursor:not-allowed;transform:none;box-shadow:none}.gen-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.gen-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.gen-progress{display:flex;align-items:flex-start;gap:12px;background:#eff6ff;border:1px solid #bfdbfe;padding:16px;border-radius:8px;margin-bottom:16px}.opp-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;margin-top:4px}.opp-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--blue)}.opp-implemented{opacity:.55}.opp-date{font-size:12px;color:var(--gray-500);font-weight:500;white-space:nowrap}.opp-article-link{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:12px 16px;margin-top:12px}.opp-article-link:hover{border-color:#93c5fd;background:#f0f7ff}
