*{box-sizing:border-box}body{background:var(--color-bg);margin:0;font-family:Arial,sans-serif}.app{height:100vh;display:flex;overflow:hidden}.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)}.modal-content:before,.modal-panel:before{content:"";height:var(--modal-accent-height);background:var(--modal-accent);border-radius:var(--modal-radius-corners);position:absolute;top:0;left:0;right:0}.modal-content,.modal-panel{padding:var(--modal-padding);flex-direction:column;display:flex;overflow:hidden}.modal-shell__head{background:var(--modal-head-bg);color:var(--modal-head-color);padding:var(--modal-head-padding);border-bottom:var(--modal-head-border-bottom);flex:none}.modal-content .modal-shell__head h2,.modal-panel .modal-shell__head h2{color:var(--modal-head-color);margin:0}.modal-shell__body{min-height:0;padding:var(--modal-body-padding);font-size:var(--modal-text-size);flex:auto;overflow-y:auto}.modal-content .modal-shell__footer,.modal-panel .modal-shell__footer{margin:var(--modal-foot-margin);background:var(--modal-foot-bg);padding:var(--modal-foot-padding);border-top:var(--modal-foot-border-top);flex:none;flex-direction:var(--modal-foot-direction)}.modal-content .modal-shell__footer>*,.modal-panel .modal-shell__footer>*{flex:var(--modal-action-flex)}.modal-shell__head .modal-close{color:inherit}.modal-shell__head .modal-close:hover{color:inherit;opacity:.8}