:root{--primary-color:#0056b3;--bg-color:#f4f7f6;--success-color:#28a745;--error-color:#dc3545}body{background-color:var(--bg-color);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{box-sizing:border-box;background:#fff;max-width:100%;min-height:100vh;margin:0 auto;padding:20px}header{text-align:center;border-bottom:2px solid var(--primary-color);margin-bottom:20px;padding-bottom:10px}header h1{margin:0 0 10px;font-size:24px}.status{font-size:14px;font-weight:700}.online{color:var(--success-color)}.offline{color:var(--error-color)}.form-group{margin-bottom:15px}label{margin-bottom:5px;font-size:14px;font-weight:600;display:block}input,select,textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:12px;font-size:16px}button{cursor:pointer;border:none;border-radius:6px;width:100%;margin-bottom:10px;padding:14px 15px;font-size:16px;font-weight:700;transition:opacity .2s}button:active{opacity:.8}.btn-primary{background-color:var(--primary-color);color:#fff;margin-top:10px}.btn-secondary{color:#333;background-color:#e9ecef}.action-buttons{gap:10px;display:flex}.preview-container{color:#555;margin-bottom:10px;font-size:14px}