*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',sans-serif;background:linear-gradient(135deg,#2d1b1b 0%,#3d1f1f 50%,#4d2323 100%);color:#e0e0e0;line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:rgba(40,30,30,0.7);padding:20px;border-radius:12px;margin-bottom:20px;text-align:center;border:2px solid rgba(220,38,38,0.3)}.header h1{color:#ef4444;font-size:2rem}.header p{color:#94a3b8;margin-top:10px}.content{display:grid;grid-template-columns:350px 1fr;gap:20px}.sidebar{background:rgba(40,30,30,0.7);padding:20px;border-radius:12px;height:fit-content;border:1px solid rgba(220,38,38,0.3)}.sidebar h2{color:#ef4444;margin-bottom:15px;font-size:1.2rem}.fg{margin-bottom:15px}.fg label{display:block;color:#cbd5e1;margin-bottom:5px;font-weight:600}.fc{width:100%;padding:10px;background:rgba(15,23,42,0.6);border:1px solid rgba(148,163,184,0.3);border-radius:8px;color:#e0e0e0}.fc:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.2)}.cap-group{display:flex;gap:10px}.cap-group img{border:1px solid rgba(220,38,38,0.3);border-radius:8px;cursor:pointer}.btn{width:100%;padding:12px;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);color:white;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all 0.3s}.btn:hover{background:linear-gradient(135deg,#991b1b 0%,#7f1d1d 100%);transform:translateY(-2px);box-shadow:0 5px 15px rgba(220,38,38,0.4)}.alert{padding:12px;border-radius:8px;margin-bottom:15px}.alert.error{background:rgba(239,68,68,0.2);color:#fca5a5;border:1px solid rgba(239,68,68,0.5)}.alert.success{background:rgba(16,185,129,0.2);color:#6ee7b7;border:1px solid rgba(16,185,129,0.5)}.main h2{color:#ef4444;margin-bottom:20px}.banner-card{background:rgba(40,30,30,0.7);padding:20px;border-radius:12px;margin-bottom:15px;border:1px solid rgba(220,38,38,0.2);transition:all 0.3s}.banner-card:hover{border-color:rgba(220,38,38,0.5);box-shadow:0 5px 20px rgba(220,38,38,0.3);transform:translateX(5px)}.banner-card img{display:block;margin-bottom:10px;border-radius:8px}.meta{display:flex;justify-content:space-between;color:#94a3b8;font-size:0.9rem;margin-top:10px}.meta span{display:block}.no-data{text-align:center;padding:40px;color:#94a3b8;background:rgba(40,30,30,0.5);border-radius:12px}footer{text-align:center;padding:30px;color:#94a3b8;margin-top:30px}footer a{color:#ef4444;text-decoration:none}@media (max-width:768px){.content{grid-template-columns:1fr}}