﻿*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,'Segoe UI',Roboto,sans-serif;background:#f0f2f5;color:#1a1a2e}
.container{max-width:1200px;margin:0 auto;padding:16px}
nav{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #e0e0e0;margin-bottom:20px}
nav a{text-decoration:none;color:#555;font-size:13px;font-weight:500}
nav a:hover{color:#1a73e8}
.logo{font-size:18px;font-weight:700;color:#1a73e8!important}
.btn-collect{margin-left:auto;background:#1a73e8;color:#fff!important;padding:5px 14px;border-radius:6px;font-size:12px}
.stats-row{display:flex;gap:12px;margin-bottom:20px}
.stat-card{background:#fff;padding:14px 16px;border-radius:8px;flex:1;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.stat-card .num{display:block;font-size:24px;font-weight:700;color:#1a73e8}
.stat-card .label{font-size:11px;color:#888;margin-top:3px}
.section{background:#fff;border-radius:8px;padding:18px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.section h2{font-size:14px;font-weight:600;margin-bottom:12px;color:#333}
.indicators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.ind-card{background:#f8f9fa;padding:10px;border-radius:6px;border:1px solid #eee}
.ind-cat{font-size:9px;text-transform:uppercase;color:#888}
.ind-name{font-size:12px;font-weight:600;margin:2px 0}
.ind-value{font-size:20px;font-weight:700;color:#1a1a2e}
.ind-unit{font-size:11px;font-weight:400;color:#888}
.ind-source{font-size:9px;color:#aaa;margin-top:3px}
.events-list{display:flex;flex-direction:column;gap:5px}
.event-item{display:flex;gap:6px;align-items:center;padding:6px 8px;background:#f8f9fa;border-radius:4px;font-size:12px;flex-wrap:wrap}
.ev-date{color:#888;font-size:10px;white-space:nowrap}
.ev-cat{font-size:9px;padding:1px 5px;border-radius:3px}
.tag-geopolitics{background:#fee2e2;color:#991b1b}
.tag-economy{background:#dbeafe;color:#1e40af}
.tag-tech{background:#dcfce7;color:#166534}
.ev-ticker{font-family:monospace;font-weight:600;font-size:11px;color:#555}
.ev-title{flex:1;font-size:12px}
.ev-desc{color:#888;font-size:10px;width:100%;padding-left:12px}
.sentiment-bullish{background:#dcfce7;color:#166534;font-size:9px;padding:1px 5px;border-radius:3px}
.sentiment-bearish{background:#fee2e2;color:#991b1b;font-size:9px;padding:1px 5px;border-radius:3px}
.sentiment-neutral{background:#f3f4f6;color:#6b7280;font-size:9px;padding:1px 5px;border-radius:3px}
.pred-item{display:flex;gap:6px;align-items:center;padding:6px 8px;background:#f8f9fa;border-radius:4px;font-size:12px}
.pred-dir{font-size:10px;padding:1px 5px;border-radius:3px;font-weight:600;text-transform:uppercase}
.up{background:#dcfce7;color:#166534}
.down{background:#fee2e2;color:#991b1b}
.sideways{background:#fef3c7;color:#92400e}
.pred-conf{color:#888;font-size:10px}
.pred-ts{color:#aaa;font-size:10px;margin-left:auto}
.pred-form .form-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.pred-form label{width:80px;font-size:12px;color:#555}
.pred-form input,.pred-form select,.pred-form textarea{padding:5px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}
.pred-form button{background:#1a73e8;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:12px}
table{width:100%;border-collapse:collapse;font-size:12px}
th{text-align:left;padding:6px;border-bottom:2px solid #eee;color:#888;font-weight:600;font-size:10px;text-transform:uppercase}
td{padding:6px;border-bottom:1px solid #f0f0f0;font-size:11px}
.status-pending{color:#f59e0b}
.status-correct{color:#10b981;font-weight:600}
.status-wrong{color:#ef4444;font-weight:600}
.inline-form{display:flex;gap:3px;align-items:center}
.inline-form select,.inline-form input{padding:2px 4px;border:1px solid #ddd;border-radius:3px;font-size:10px}
.inline-form button{padding:2px 6px;background:#1a73e8;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:10px}
.filter-row{display:flex;gap:6px;margin-bottom:10px}
.filter-row a{padding:3px 10px;border-radius:12px;background:#f0f0f0;color:#555;text-decoration:none;font-size:11px}
.filter-row a:hover{background:#1a73e8;color:#fff}
.muted{color:#aaa;font-size:12px;padding:8px}
