*{box-sizing:border-box}body{margin:0;background:#070b18;color:#e8f3ff;font-family:Arial,Helvetica,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#0b1020;border-right:1px solid #1d2b55;padding:18px}.logo{width:100%;border-radius:14px;margin-bottom:20px}.sidebar a{display:block;color:#bdefff;text-decoration:none;padding:13px;border-radius:10px;margin:6px 0;background:#101a33}.sidebar a:hover{background:#12345c}.main{margin-left:250px;padding:28px}.card{background:#0d1428;border:1px solid #1f3768;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 0 30px rgba(0,255,255,.06)}input,select,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #28426f;background:#091225;color:#fff;margin:7px 0 14px}label{font-weight:bold;color:#aeefff}.btn{border:0;border-radius:10px;background:#00d5ff;color:#00101a;padding:12px 18px;font-weight:bold;cursor:pointer}.btn-danger{background:#ff4d6d;color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview{background:#fff;border-radius:14px;overflow:hidden;min-height:600px}.alert{padding:13px;border-radius:10px;margin-bottom:15px}.ok{background:#0d3b2c;color:#93ffd1}.err{background:#4a1020;color:#ffc0ce}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid #22345e;text-align:left}@media(max-width:900px){.sidebar{position:relative;width:100%;}.main{margin-left:0}.grid{grid-template-columns:1fr}}