body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5;color:#333;transition:.3s}body.dark{background:#121212;color:#eee}a{color:inherit;text-decoration:none}header, .modern-form, table, .file-label, .image-preview img, .modern-form input[type=text], .modern-form textarea, .modern-form button{transition:.3s all ease-in-out}header{background:#2c3e50;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:1000}body.dark header{background:#1b1b2a;color:#eee}header nav a{margin:0 10px;color:#fff}body.dark header nav a{color:#eee}header nav a:hover{color:#e63946}.dropdown{display:none;position:absolute;top:30px;left:0;background:#333;padding:5px 0;border-radius:5px}.dropdown a{display:block;padding:5px 20px;color:#fff}nav a:hover .dropdown{display:block}.dark-toggle{background:#e63946;border:none;padding:5px 10px;border-radius:5px;color:#fff;cursor:pointer}.announcement{background:#e63946;color:#fff;padding:10px;text-align:center;font-weight:bold;margin-top:10px}.ad-banner{margin:20px auto;width:90%;height:90px;background:#ccc;display:flex;justify-content:center;align-items:center;color:#555;font-weight:bold;border-radius:10px}.content{display:flex;flex-wrap:nowrap;justify-content:center;margin:20px auto;width:100%;max-width:1400px}.side-ad{width:200px;background:#fff;border:2px solid #ccc;margin:10px;height:500px;display:flex;justify-content:center;align-items:center;color:#555;font-weight:bold;border-radius:10px}body.dark .side-ad{background:#1e1e1e;border-color:#555;color:#ccc}.main{flex:1;padding:20px;background:#fff;border:2px solid #ccc;border-radius:10px;max-width:1000px;box-shadow:0 0 10px rgba(0,0,0,.1)}body.dark .main{background:#1e1e2f;border-color:#555;color:#eee}table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;color:#333;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.1)}body.dark table{background:#1e1e2f;color:#eee;box-shadow:0 8px 20px rgba(0,0,0,.5)}th,td{padding:12px;text-align:left;border-bottom:1px solid #ccc}body.dark th,body.dark td{border-bottom:1px solid #555}th{background:#e2e2e2}body.dark th{background:#333}tr:hover{background:#f1f1f1}body.dark tr:hover{background:#2a2a2a}.btn{background:#e63946;color:#fff;padding:5px 10px;border-radius:5px;text-decoration:none}.modern-form{background:#fff;color:#333;padding:25px;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:20px;margin-bottom:40px}body.dark .modern-form{background:#1e1e2f;color:#eee;box-shadow:0 15px 30px rgba(0,0,0,.5)}.modern-form input[type=text],.modern-form textarea{width:100%;padding:14px 18px;border:1px solid #ccc;border-radius:12px;font-size:15px;background:#fff;color:#333}body.dark .modern-form input[type=text],body.dark .modern-form textarea{background:#2c2c3c;color:#eee;border:1px solid #555}::placeholder{color:#999}body.dark ::placeholder{color:#bbb}.file-label{display:flex;align-items:center;justify-content:center;padding:12px;border:2px dashed #ccc;border-radius:12px;cursor:pointer;color:#555;font-weight:500;background:#fafafa}body.dark .file-label{border:2px dashed #555;color:#ccc;background:#2c2c3c}.image-preview img{width:80px;height:80px;object-fit:cover;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:.3s transform}.image-preview img:hover{transform:scale(1.1)}body.dark .image-preview img{box-shadow:0 4px 10px rgba(0,0,0,.5)}.modern-form button{background:#e63946;color:#fff;border:none;padding:14px 25px;border-radius:15px;font-size:17px;font-weight:bold;cursor:pointer;transition:.3s}body.dark .modern-form button{color:#fff}body.dark .modern-form button:hover{background:#d62828}@media(max-width:768px){.modern-form{padding:20px;gap:15px}.modern-form input[type=text],.modern-form textarea{font-size:14px}.modern-form button{font-size:15px;padding:12px}.image-preview img{width:70px;height:70px}table,thead,tbody,th,td,tr{display:block}th{display:none}td{padding:10px;border:none;border-bottom:1px solid #ccc}}