diff --git a/bot/static/index.html b/bot/static/index.html
index c82a801..b39aae0 100644
--- a/bot/static/index.html
+++ b/bot/static/index.html
@@ -596,6 +596,40 @@
background: #9932CC !important;
border-color: #9932CC !important;
}
+
+ /* Responsive breakpoints */
+ @media (max-width: 1200px) {
+ .panel { width: 55%; padding: 1.5rem; }
+ .logs { width: 45%; }
+ }
+
+ @media (max-width: 1024px) {
+ body { flex-direction: column; }
+ .panel { width: 100%; padding: 1.5rem; }
+ .logs {
+ width: 100%;
+ height: 300px;
+ border-left: none;
+ border-top: 2px solid #333;
+ }
+ }
+
+ @media (max-width: 768px) {
+ .panel { padding: 1rem; }
+ .tab-buttons {
+ grid-template-rows: none;
+ grid-auto-flow: row;
+ grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
+ }
+ .tab-button { font-size: 0.85rem; padding: 0.4rem 0.6rem; }
+ }
+
+ @media (max-width: 480px) {
+ .panel { padding: 0.5rem; }
+ .tab-buttons { grid-template-columns: 1fr 1fr; }
+ .tab-button { font-size: 0.8rem; padding: 0.35rem 0.5rem; }
+ h1 { font-size: 1.2rem; }
+ }