.metric{display:flex;align-items:baseline;gap:8px}.value{font-size:32px;font-weight:600}.unit{font-size:14px;opacity:.7}.chart{height:100px;background:#00000008;border-radius:8px;overflow:hidden}.chart svg{width:100%;height:100%}.chart.empty{display:flex;align-items:center;justify-content:center;opacity:.5}.log{max-height:120px;overflow-y:auto;background:#00000008;border-radius:8px;padding:8px;font-family:monospace;font-size:12px}.entry{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05)}.entry:last-child{border-bottom:none}.button{width:100%;padding:12px 16px;border:none;border-radius:8px;background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.button:hover{opacity:.9}.button.danger{background:#f44336}.button.secondary{background:#0000001a;color:inherit}.list-container{padding:.5rem 0}.list-item{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #f0f0f0);cursor:pointer}.list-item:hover{background:var(--tg-theme-secondary-bg-color, #f5f5f5)}.list-item-title{flex:1;color:var(--tg-theme-text-color, #000)}.list-item-subtitle{color:var(--tg-theme-hint-color, #888);font-size:.85rem}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.toggle-wrapper label{color:var(--tg-theme-text-color, #000)}.toggle-switch{width:3rem;height:1.5rem;border-radius:1rem;background:var(--tg-theme-hint-color, #ccc);position:relative;cursor:pointer;transition:background .2s}.toggle-switch.active{background:var(--tg-theme-button-color, #3390ec)}.toggle-knob{width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;position:absolute;top:.125rem;left:.125rem;transition:left .2s}.toggle-switch.active .toggle-knob{left:1.625rem}.input-wrapper{margin-bottom:.75rem}.input-wrapper label{display:block;margin-bottom:.25rem;color:var(--tg-theme-text-color, #000)}.input-wrapper input{width:100%;padding:.5rem;border:1px solid var(--tg-theme-hint-color, #ccc);border-radius:.5rem;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000)}.select-wrapper{margin-bottom:.75rem}.select-wrapper label{display:block;margin-bottom:.25rem;color:var(--tg-theme-text-color, #000)}.select-wrapper select{width:100%;padding:.5rem;border:1px solid var(--tg-theme-hint-color, #ccc);border-radius:.5rem;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000)}.form-empty{padding:1rem;color:var(--tg-theme-hint-color, #888);text-align:center}:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.app{max-width:480px;margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:20px;margin:0}.status{font-size:12px}.status.online{color:#4caf50}.status.offline{color:#f44336}.dashboard{display:flex;flex-direction:column;gap:16px}.component{background:#0000000d;border-radius:12px;padding:16px}.component h3{margin:0 0 12px;font-size:14px;text-transform:uppercase;opacity:.7}.loading,.error{text-align:center;padding:40px}.spinner{width:40px;height:40px;border:3px solid var(--tg-theme-button-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}