*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0e1116;color:#e6e6e6}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#151920;border-bottom:1px solid #262b33}.topbar-title{font-weight:600}.topbar-actions{display:flex;gap:8px;align-items:center}.layout{display:flex;flex:1;min-height:0}.sidebar{width:220px;min-width:220px;background:#12151b;border-right:1px solid #262b33;overflow-y:auto;padding:8px}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:44}@media (max-width: 700px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:82vw;max-width:320px;max-height:none;z-index:45;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 16px #00000080}.sidebar.open{transform:translate(0)}}.main{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;gap:8px;padding:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #262b33}.chart-container{flex:1;min-height:0}.watch-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:14px}.watch-item:hover{background:#1b2028}.watch-item.active{background:#223049}.watch-item .remove{opacity:.5;font-size:12px}.watch-item .remove:hover{opacity:1;color:#f66}button,select,input{background:#1b2028;color:#e6e6e6;border:1px solid #2c323c;border-radius:6px;padding:6px 10px;font-size:14px}button{cursor:pointer}button:hover{background:#232a35}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#151920;border:1px solid #262b33;border-radius:10px;padding:16px;width:340px;max-width:90vw;max-height:85vh;overflow-y:auto}.topbar-menu-wrapper{position:relative}.topbar-menu{position:absolute;right:0;top:calc(100% + 4px);background:#151920;border:1px solid #262b33;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:60;min-width:160px}.topbar-menu button{text-align:left;width:100%}.modal h3{margin-top:0}.form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.form-row label{font-size:12px;opacity:.7}.key-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #262b33;font-size:13px}.error-text{color:#f66;font-size:13px}.center-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}