:root{--primary-color: #2481cc;--bg-color: #f5f5f5;--text-color: #333;--card-bg: #ffffff;--success-color: #4caf50;--error-color: #f44336}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--primary-color);color:#fff;padding:2rem;text-align:center}.telegram-app{min-height:100vh;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);padding:16px}.telegram-app .header{text-align:center;margin-bottom:24px}.telegram-app .header h1{margin:0 0 8px;font-size:24px}.telegram-app .subtitle{color:var(--tg-theme-hint-color, #999);margin:0}.telegram-app .content{max-width:600px;margin:0 auto}.telegram-app section{margin-bottom:24px}.telegram-app h2{font-size:18px;margin:0 0 12px}.telegram-app .info-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px;text-align:left}.telegram-app .info-card p{margin:8px 0}.telegram-app .test-button{background:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;width:100%;max-width:300px}.telegram-app .test-button:active{opacity:.8}.telegram-app .test-response{margin-top:16px;background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px;text-align:left}.telegram-app .test-response h3{margin:0 0 12px;font-size:16px}.telegram-app .test-response pre{margin:0;overflow-x:auto;font-size:12px;line-height:1.5}.telegram-app .raw-data{margin-top:24px;background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px}.telegram-app .raw-data summary{cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.telegram-app .raw-data pre{margin:12px 0 0;overflow-x:auto;font-size:11px;line-height:1.4}.telegram-app.error,.telegram-app.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center}.header h1{font-size:2rem;margin-bottom:.5rem}.header p{font-size:1rem;opacity:.9}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background-color:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.card h2{margin-bottom:1rem;color:var(--primary-color)}.health-info p{margin:.5rem 0}.status{padding:.25rem .75rem;border-radius:4px;font-weight:600}.status.ok{background-color:var(--success-color);color:#fff}.error{color:var(--error-color)}.card ul{margin-left:1.5rem}.card ul li{margin:.5rem 0}.footer{background-color:var(--card-bg);padding:1.5rem;text-align:center;border-top:1px solid #e0e0e0;margin-top:2rem}@media(max-width:768px){.main{grid-template-columns:1fr;padding:1rem}.header h1{font-size:1.5rem}}body{margin:0;padding:0}#root{min-height:100vh}