:root{--dashboard-menu-width:min(260px,calc(100vw - 44px))}
body.dashboard-has-menu{padding-left:0!important;box-sizing:border-box}
#dashboard-menu-open{position:fixed;left:0;top:calc(50% - 66px);z-index:153;width:36px;height:62px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 3px;border:1px solid #626a72;border-left:0;border-radius:0 8px 8px 0;background:#25292d;color:#e9edf0;font-family:inherit;font-size:12px;font-weight:700;line-height:1.3;cursor:pointer;box-shadow:3px 3px 14px #0004;transition:left .22s ease,background .15s}
#dashboard-menu-open>span:first-child{font-size:18px;font-weight:500;line-height:1.1}
#dashboard-menu-open:hover,#dashboard-menu-open[aria-expanded=true]{background:#343a40;color:#a0d5c0;border-color:#a0d5c0}
.dashboard-has-menu #stock-news-open{top:calc(50% + 35px);width:36px;height:62px;min-height:62px;gap:5px;padding:6px 3px;border-radius:0 8px 8px 0;font-size:12px}
.dashboard-has-menu #stock-news-open>span:first-child{font-size:18px;line-height:1.1}
.dashboard-has-menu #stock-news-open>span:last-child{writing-mode:horizontal-tb;text-orientation:mixed;line-height:1.1;letter-spacing:0}
html.dashboard-menu-is-open #dashboard-menu-open{left:var(--dashboard-menu-width)}
#dashboard-menu-backdrop{position:fixed;inset:0;z-index:150;background:#03091180;backdrop-filter:blur(2px)}
#dashboard-menu{position:fixed;inset:0 auto 0 0;z-index:152;width:var(--dashboard-menu-width);height:100dvh;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-102%);transition:transform .22s cubic-bezier(.22,1,.3,1);background:#1f2226;color:#e9edf0;border-right:1px solid #505960;box-shadow:8px 0 28px #0005;font:14px/1.5 "Malgun Gothic",sans-serif}
html.dashboard-menu-is-open #dashboard-menu{transform:translateX(0)}
#dashboard-menu[hidden],#dashboard-menu-backdrop[hidden],#dashboard-menu [hidden]{display:none!important}
#dashboard-menu>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;background:#1f2226;border-bottom:1px solid #424a52}
#dashboard-menu>header small{font-size:10px;letter-spacing:.08em;color:#b6bec5}
#dashboard-menu h2{font-size:22px;margin:2px 0 0;letter-spacing:-.03em}
#dashboard-menu-close{width:36px;height:36px;border:1px solid #515a63;border-radius:9px;background:#30363c;color:#d2d8de;font:24px/1 sans-serif;cursor:pointer}
.dashboard-menu-content{padding:18px 16px 24px}
.dashboard-menu-search{display:block;font-size:11px;font-weight:700;color:#c1c8ce;margin:0 2px 20px}
#dashboard-menu-search{display:block;box-sizing:border-box;width:100%;height:42px;margin-top:7px;padding:0 12px;border:1px solid #555f69;border-radius:9px;background:#14171b;color:#f0f2f4;font:14px "Malgun Gothic",sans-serif}
#dashboard-menu-search::placeholder{color:#a5afb8}
#dashboard-menu-search:focus{outline:2px solid #a0d5c0;outline-offset:1px}
.dashboard-menu-quick h3{margin:0 2px 9px;font-size:11px;color:#c1c8ce}
.dashboard-menu-quick>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#dashboard-menu .dashboard-menu-quick a{height:54px;padding:8px 10px;border:1px solid #515a63;border-radius:9px;background:#353a40;font-size:12px;line-height:1.4}
.dashboard-menu-groups{margin-top:20px;border-top:1px solid #424a52}
.dashboard-menu-groups details{border-bottom:1px solid #424a52}
.dashboard-menu-groups summary{display:flex;align-items:center;gap:10px;padding:14px 8px;list-style:none;font-weight:700;cursor:pointer;color:#dce1e5}
.dashboard-menu-groups summary::-webkit-details-marker{display:none}
.dashboard-menu-groups summary::after{content:'›';margin-left:2px;font-size:20px;color:#b9c2ca;transform:rotate(0);transition:transform .15s}
.dashboard-menu-groups details[open]>summary::after{transform:rotate(90deg)}
.dashboard-menu-groups summary>[data-menu-count]{margin-left:auto;padding:1px 6px;border-radius:5px;background:#353a40;font-size:10px;color:#c1c8ce}
.dashboard-menu-groups details>div{padding:0 4px 10px}
#dashboard-menu a{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:9px 10px;border-radius:7px;color:#d0d6db;text-decoration:none;font-size:13px}
#dashboard-menu a>span:last-child{font-size:11px;color:#b9c2ca}
#dashboard-menu a:hover,#dashboard-menu a[aria-current]{color:#b7dfce;background:#38433f}
#dashboard-menu a:focus-visible,#dashboard-menu summary:focus-visible,#dashboard-menu button:focus-visible,#dashboard-menu-open:focus-visible{outline:2px solid #a0d5c0;outline-offset:2px}
.dashboard-menu-hint,#dashboard-menu-empty{margin:18px 8px 0;font-size:11px;color:#c1c8ce}
#dashboard-menu-empty{padding:16px 8px;text-align:center;color:#d1d8de}
.dashboard-has-menu .card{scroll-margin-top:24px}
.dashboard-menu-destination{outline:2px solid #a0d5c0;outline-offset:5px;box-shadow:0 0 20px #a0d5c024!important}
/* On small screens the edge tabs overlay the page without reserving a column. */
@media(max-width:760px){body.dashboard-has-menu{padding-left:0!important;--dashboard-menu-width:min(260px,calc(100% - 36px));--stock-news-sidebar-width:min(360px,calc(100% - 56px))}#dashboard-menu-open{top:calc(50% - 60px);width:32px;height:56px;gap:4px;padding:4px 2px;font-size:11px}#dashboard-menu-open>span:first-child{font-size:16px}.dashboard-has-menu #stock-news-open{top:calc(50% + 32px);width:32px;height:56px;min-height:56px;gap:4px;padding:4px 2px;font-size:11px}.dashboard-has-menu #stock-news-open>span:first-child{font-size:16px}#dashboard-menu{font-size:14px}#dashboard-menu>header{padding:16px}.dashboard-menu-content{padding:16px 12px}.dashboard-menu-quick>div{gap:6px}#dashboard-menu a{min-height:44px}}
/* Background transparency works independently of optional backdrop blur. */
#dashboard-menu-backdrop{background:rgba(8,10,12,.12);backdrop-filter:none;-webkit-backdrop-filter:none}
#dashboard-menu{color-scheme:dark;background:linear-gradient(155deg,rgba(36,39,43,.78),rgba(25,28,32,.74));border-right-color:rgba(185,193,201,.25);box-shadow:8px 0 30px #0004}
#dashboard-menu>header{background:rgba(31,34,38,.86);border-bottom-color:rgba(185,193,201,.16)}
#dashboard-menu .dashboard-menu-quick a{background:rgba(55,59,64,.5);border-color:rgba(185,193,201,.2)}
#dashboard-menu-search{background:rgba(18,20,23,.7)}
#dashboard-menu-close{background:rgba(48,52,57,.72)}
.dashboard-menu-groups,.dashboard-menu-groups details{border-color:rgba(185,193,201,.16)}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){#dashboard-menu{backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%)}}
@media(prefers-reduced-transparency:reduce){#dashboard-menu{background:#1f2226;backdrop-filter:none;-webkit-backdrop-filter:none}#dashboard-menu>header{background:#1f2226}}
@media(prefers-reduced-motion:reduce){#dashboard-menu,#dashboard-menu-open,.dashboard-menu-groups summary::after{transition:none}}

