*{box-sizing:border-box}body{background:var(--color-bg);margin:0;font-family:Arial,sans-serif}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--color-sidebar-bg);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;align-items:center;width:60px;padding:7px 0;display:flex;position:relative;overflow:hidden auto}.sidebar button{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:6px;width:40px;height:40px;margin:5px 0;font-size:22px;position:relative}.sidebar button:hover{background:#ffffff4d}.sidebar button:after{content:attr(title);color:#fff;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;text-shadow:1px 1px 2px #000c;border-radius:4px;padding:5px 10px;font-size:12px;transition:opacity .3s,visibility .3s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.sidebar button:hover:after{opacity:1;visibility:visible}@media (width<=768px){.sidebar{width:50px}.sidebar button{width:35px;height:35px;font-size:18px}}.divider{background:#ffffff4d;width:80%;height:1px;margin:5px 0}.main{background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;flex-grow:1;display:flex;position:relative;overflow:hidden}header{background:var(--color-header-bg);color:var(--color-header-text);align-items:center;padding:5px 10px;font-size:18px;font-weight:700;display:flex}header .user{align-items:center;gap:10px;margin-left:auto;display:flex}header .user-icon{background:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.content{flex-grow:1;min-width:0;height:calc(100vh - 60px);padding:20px;overflow-y:auto}.disabled-button{opacity:.5;cursor:default}.disabled-button:hover{background:0 0!important}.disabled-button:hover:after{opacity:0!important;visibility:hidden!important}html,body,#app{height:100%;overflow:hidden}.info-title{color:var(--color-dark);margin-bottom:5px;font-weight:700}.info-content{color:var(--color-text);font-size:13px}.settings-list{padding:0;list-style-type:none}.settings-list li{background:var(--color-surface-alt);border-radius:4px;margin-bottom:10px;padding:8px}.router-container{flex:1;min-height:0;position:relative;overflow:auto}.indicator-wrapper{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.indicator-item{background:var(--color-surface-alt);white-space:nowrap;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;line-height:1.3;display:inline-flex}.indicator-mno{background:var(--color-accent-bg);border:1px solid var(--color-accent-bg)}.indicator-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:400}.indicator-value{color:var(--color-dark);font-size:13px;font-weight:700}.indicator-mno .indicator-value{color:var(--color-accent)}