:root{--kb-pink: #ff006a;--kb-pink-dim: #fff0f6;--kb-bg: #f7f6f4;--kb-surface: #ffffff;--kb-border: #e5e4e0;--kb-border-strong: #cfcdc8;--kb-text-1: #1a1a20;--kb-text-2: #55555e;--kb-text-3: #85858e;--kb-text-4: #a5a5ad;--kb-radius-sm: 6px;--kb-radius: 9px;--kb-shadow-card: 0 1px 2px rgba(0,0,0,.05);--kb-shadow-hover: 0 3px 12px rgba(0,0,0,.08)}.App{padding:20px;font-family:Arial,sans-serif}.filter-controls{display:flex;gap:10px;margin-bottom:20px}.news-list{display:grid;grid-template-columns:1fr;gap:10px}.news-item{border:1px solid #ddd;padding:10px;border-radius:5px;background:#f9f9f9;display:flex;align-items:center}.news-title a{font-weight:700;color:#333;text-decoration:none}.news-source,.news-date{font-size:12px;color:#666;margin-left:20px}.pagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.app-container{display:flex;height:100vh}.sidebar{width:200px;background-color:#333;color:#fff;padding:15px}.sidebar ul{list-style:none;padding:0}.sidebar li{margin:10px 0}.sidebar a{color:#fff;text-decoration:none}.content{flex-grow:1;padding:20px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.login-container input{margin:10px;padding:10px;width:200px}.login-container button{padding:10px 20px}