*{box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{background:#f4f6f8;color:#333;margin:0;padding:0}h1{text-align:center;margin:20px 0;color:#222;font-size:1.8rem;letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;padding:20px;width:90%;margin:auto}.border{border:1px solid #ddd;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px}.text-xl{font-size:1.3rem;color:#1a202c}button{cursor:pointer;border:none;padding:8px 14px;font-size:.9rem;border-radius:6px;transition:all .2s ease-in-out}button:hover{opacity:.9;transform:scale(1.02)}.bg-blue-600{background-color:#2563eb;color:#fff}.bg-green-600{background-color:#16a34a;color:#fff}.bg-red-600{background-color:#dc2626;color:#fff}.bg-gray-800{background-color:#1f2937;color:#fff}.bg-yellow-600{background-color:#ca8a04;color:#fff}.ml-2{margin-left:8px}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-size:.9rem;width:160px}.bg-black{background:#111827}.text-green-400{color:#22c55e}.logs-box{background:#0d1117;color:#e6edf3;padding:16px;border-radius:12px;height:300px;overflow-y:auto;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;border:1px solid #30363d;box-shadow:inset 0 0 10px #0006}.logs-box::-webkit-scrollbar{width:8px}.logs-box::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#58a6ff,#238636);border-radius:10px}.log-item{margin-bottom:8px;padding:6px 8px;border-left:3px solid #30363d;transition:.2s;background:#ffffff05;border-radius:6px}.log-item:hover{background:#ffffff0f;border-left-color:#58a6ff}.log-time{color:#8b949e;margin-right:8px}.log-msg{color:#58a6ff;font-weight:500}.json-box{margin-top:4px;background:#161b22;border-radius:6px;padding:8px 10px;color:#a5d6ff;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;border:1px solid #30363d}.log-empty{opacity:.6;text-align:center;padding-top:50px}.panel-title{margin-bottom:10px;font-weight:600;color:#1e293b}.button-group{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.button-group button{flex:1}@media (max-width: 600px){.grid{grid-template-columns:1fr}}.panel-container{max-width:700px;margin:30px auto;padding:25px;border-radius:12px;color:#fff;box-shadow:0 4px 20px #0000004d;font-family:Inter,sans-serif}.panel-title{font-size:1.8rem;text-align:center;margin-bottom:20px}.button-group{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px 0}button{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}button:hover{opacity:.85}input{padding:8px;border:none;border-radius:6px;margin:5px 0;width:100%;font-size:.95rem}.manual-login,.status-section{background:#2a2a3d;padding:15px;border-radius:10px;margin:15px 0}.manual-login h4,.status-section h4{margin-bottom:10px;font-weight:600}input:focus{outline:2px solid #5a67d8}