@charset "utf-8";
:root { --navy:#172d3e; --blue:#275f7d; --green:#168269; --red:#cc5960; --border:#e2e8e8; --muted:#75858e; --paper:#f5f7f7; }
.site-header,.site-header * { box-sizing:border-box; }
.site-header { position:relative; z-index:100; display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:78px; width:100%; padding:0 max(28px,calc((100vw - 1440px)/2)); background:#fff; border-bottom:1px solid var(--border); font:14px 'SUIT','Malgun Gothic',sans-serif; color:var(--navy); }
.site-header a { text-decoration:none; color:inherit; }
.site-brand { display:flex; gap:10px; align-items:center; flex-shrink:0; letter-spacing:1px; font-size:17px; font-weight:800; }
.site-brand > span:last-child { display:flex; flex-direction:column; gap:3px; }
.site-brand b { font-size:12px; letter-spacing:3px; font-weight:500; }
.brand-letter { position:relative; display:block; font:40px Georgia,serif; line-height:1; }
.brand-letter > span { position:absolute; font:20px Georgia,serif; top:-2px; right:-7px; }
.site-navigation { display:flex; align-items:center; align-self:stretch; gap:27px; }
.site-navigation > a,.admin-menu > summary { display:flex; gap:6px; align-items:center; font-size:15px; font-weight:650; white-space:nowrap; color:#63717a; position:relative; }
.site-navigation > a:hover,.site-navigation > a.is-active { color:#245b79; }
.site-navigation > a.is-active::after { content:''; position:absolute; left:0; right:0; bottom:0; height:3px; border-radius:3px 3px 0 0; background:#2e6883; }
.nav-new { font-size:12px; font-weight:800; padding:3px 5px; color:#49765e; background:#edf3e9; border-radius:3px; letter-spacing:.5px; }
.site-account { display:flex; align-items:center; gap:12px; font-size:14px; white-space:nowrap; }
.site-account > a { color:#677681; }
.account-avatar { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#edf2f0; color:#577565; font-size:14px; text-transform:uppercase; }
.account-name { font-weight:700; }
.site-account .header-join { background:var(--navy); color:white; border-radius:6px; padding:10px 15px; font-size:13px; }
.admin-menu { position:relative; align-self:center; }
.admin-menu summary { cursor:pointer; list-style:none; }
.admin-menu summary::-webkit-details-marker { display:none; }
.admin-menu > div { position:absolute; top:30px; right:0; width:140px; background:white; border:1px solid var(--border); box-shadow:0 8px 30px #142f4312; border-radius:8px; padding:8px; }
.admin-menu > div a { display:block; padding:10px; font-size:14px; border-radius:4px; }
.admin-menu > div a:hover { background:#f0f4f5; }
.menu-toggle { display:none; width:36px; height:36px; background:none; border:0; padding:8px; }
.menu-toggle span { display:block; height:1.5px; width:20px; margin:4px 0; background:var(--navy); }
.site-header :focus-visible { outline:3px solid #88aec2; outline-offset:4px; }
body.portal-page { margin:0; color:var(--navy); background:var(--paper); font:16px/1.7 'SUIT','Malgun Gothic',sans-serif; -webkit-font-smoothing:antialiased; }
.portal-page * { box-sizing:border-box; }
.portal-page a { color:inherit; text-decoration:none; }
.portal-page button,.portal-page input,.portal-page select { font:inherit; }
.portal-page button { cursor:pointer; }
.workspace { max-width:1440px; margin:auto; padding:36px 28px 60px; }
.page-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
.page-kicker { margin:0 0 7px; font-size:12px; letter-spacing:1.8px; font-weight:700; color:#85948b; }
.page-heading h1 { margin:0; font-size:31px; line-height:1.4; font-weight:750; letter-spacing:-1px; }
.page-heading p:not(.page-kicker) { margin:8px 0 0; color:var(--muted); font-size:14px; }
.heading-actions { display:flex; gap:10px; align-items:center; }
.btn { display:inline-flex; justify-content:center; align-items:center; gap:7px; min-height:39px; padding:9px 16px; background:#fff; border:1px solid var(--border); color:var(--navy); border-radius:7px; font-size:14px; font-weight:650; white-space:nowrap; }
.btn.primary { background:var(--navy); color:white; border-color:var(--navy); }
.btn:hover { filter:brightness(.97); }
.btn:disabled { opacity:.5; cursor:wait; }
.market-badge { display:inline-flex; gap:7px; align-items:center; font-size:12px; color:#536d62; background:#edf2eb; padding:7px 10px; border:1px solid #dce6d8; border-radius:5px; }
.market-badge i,.live-dot { display:inline-block; width:6px; height:6px; background:#80a88c; border-radius:50%; }
.summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:25px; }
.metric { background:white; border:1px solid var(--border); border-radius:10px; padding:19px 21px; position:relative; }
.metric-label { display:flex; align-items:center; justify-content:space-between; color:#778891; font-size:13px; margin-bottom:10px; }
.metric-value { font-size:30px; font-weight:750; letter-spacing:-1px; line-height:1.4; font-variant-numeric:tabular-nums; }
.metric-value small { font-size:14px; font-weight:500; letter-spacing:0; margin-left:5px; color:#87959c; }
.metric-note { color:#8b979d; font-size:12px; margin-top:5px; }
.metric-symbol { color:#a6b6b4; font-size:20px; }
.scanner-toolbar { display:flex; justify-content:space-between; gap:15px; align-items:center; margin:24px 0 19px; flex-wrap:wrap; }
.tabs { display:flex; gap:5px; padding:4px; background:#e9eeee; border-radius:8px; }
.tab { border:0; background:transparent; padding:8px 17px; border-radius:5px; font-size:14px; font-weight:650; color:#7e8d94; }
.tab[aria-selected="true"] { background:white; color:#254e65; box-shadow:0 1px 3px #233f4410; }
.search-symbol { border:1px solid var(--border); border-radius:6px; padding:10px 13px; background:white; width:210px; font-size:13px; color:var(--navy); }
.scan-feedback { padding:13px 17px; border:1px solid #dfe7e8; border-radius:8px; background:#edf3f3; margin-bottom:19px; }
.feedback-row { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:13px; color:#627c86; }
.scan-progress { display:block; width:100%; height:3px; margin-top:10px; border:0; border-radius:5px; accent-color:#4e8793; }
.scan-feedback[data-status="ERROR"] { background:#fff0ec; border-color:#efd8cf; }
.scan-feedback[data-status="ERROR"] .feedback-row { color:#b56850; }
.results-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.result-card { min-width:0; background:white; border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:19px 19px 16px; }
.card-heading h2 { margin:0; display:flex; gap:8px; align-items:center; font-size:16px; font-weight:750; letter-spacing:-.3px; }
.direction-icon { display:grid; place-items:center; height:27px; width:27px; border-radius:7px; font-size:19px; background:#e9f5ef; color:var(--green); }
.down .direction-icon { background:#faedee; color:var(--red); }
.hot .direction-icon { background:#fbf3df; color:#ba8e39; }
.count-pill { background:#f2f5f5; padding:3px 7px; border-radius:4px; font-size:12px; color:#89969c; }
.card-subtitle { margin:-7px 20px 15px; font-size:12px; color:#86969d; }
.data-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.data-table th { background:#fafbfb; border-top:1px solid #f0f3f3; border-bottom:1px solid #f0f3f3; padding:10px 6px; font-size:12px; color:#8c9aa1; font-weight:500; text-align:right; }
.data-table th:first-child { width:32px; padding-left:15px; text-align:center; }
.data-table th:nth-child(2) { width:36%; text-align:left; }
.data-table th:last-child { padding-right:18px; }
.data-table td { padding:14px 6px; border-bottom:1px solid #f1f4f4; text-align:right; font-size:13px; vertical-align:middle; font-variant-numeric:tabular-nums; }
.data-table td:first-child { text-align:center; color:#a3afb4; padding-left:13px; font-size:12px; }
.data-table td:nth-child(2) { text-align:left; }
.data-table td:last-child { padding-right:18px; }
.symbol-button { border:0; padding:0; background:none; color:var(--navy); text-align:left; font-size:14px; font-weight:750; }
.symbol-button:hover { color:#277b9d; }
.symbol-suffix { display:block; margin-top:3px; color:#a2afb4; font-size:12px; font-weight:400; }
.cell-primary { display:block; font-weight:700; color:var(--green); font-size:14px; }
.down .cell-primary { color:var(--red); }
.hot .cell-primary { color:#b58a36; }
.cell-secondary { display:block; color:#94a0a6; font-size:12px; margin-top:4px; }
.empty-state { padding:47px 20px; text-align:center; color:#94a1a8; font-size:13px; line-height:1.9; }
.empty-state .empty-icon { display:block; font-size:25px; color:#c9d3d5; margin-bottom:9px; }
.card-footer { display:flex; gap:10px; align-items:center; justify-content:space-between; padding:12px 18px; background:#fdfefe; }
.text-button { border:0; background:none; color:#718691; padding:4px 0; font-size:12px; cursor:pointer; }
.text-button:hover { color:#244f68; }
.bottom-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:18px; margin-top:20px; }
.panel { background:#fff; border:1px solid var(--border); border-radius:10px; padding:23px; min-width:0; }
.panel h2 { margin:0 0 5px; font-size:16px; font-weight:750; }
.panel-description { margin:0 0 18px; font-size:13px; color:#8c9aa0; }
.rules-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 24px; margin-top:23px; }
.rule-label { display:block; font-size:12px; color:#88969e; margin-bottom:4px; }
.rule-value { font-size:14px; font-weight:650; }
.rule-footnote { margin:22px 0 0; padding-top:15px; border-top:1px solid #edf1f1; font-size:12px; line-height:1.9; color:#88999f; }
.auto-control { display:flex; align-items:center; gap:6px; font-size:13px; color:#74878e; }
.auto-control input { accent-color:#386b81; }
.history-list { margin:15px 0 0; padding:0; list-style:none; }
.history-list li { display:flex; gap:12px; align-items:center; justify-content:space-between; border-bottom:1px solid #f0f3f3; padding:12px 0; font-size:13px; }
.history-list small { color:#9aa6ab; font-size:12px; }
.history-status { font-size:12px; color:#5a8a72; background:#edf5ee; padding:4px 6px; border-radius:4px; }
.history-status.error { color:#b26555; background:#fff0eb; }
.workspace-footer { margin-top:28px; display:flex; justify-content:space-between; gap:15px; color:#99a5a8; font-size:12px; }
.toast { position:fixed; bottom:28px; left:50%; transform:translateX(-50%); padding:12px 21px; background:#193143; color:white; font-size:14px; border-radius:8px; box-shadow:0 8px 30px #152b3433; z-index:150; }
.welcome-banner { padding:35px; border-radius:12px; background:radial-gradient(ellipse at 90% 10%,#34504d,transparent 60%),#183043; color:white; display:flex; gap:30px; justify-content:space-between; align-items:center; margin-bottom:23px; }
.welcome-banner h2 { margin:8px 0 10px; font-size:30px; line-height:1.5; font-weight:650; letter-spacing:-1px; }
.welcome-banner p { color:#acc0c6; font-size:14px; margin:0; }
.welcome-banner .btn { margin-top:22px; color:#1b3c42; background:#dce7d6; border-color:#dce7d6; }
.banner-art { font-family:Georgia,serif; font-size:130px; line-height:1; color:#bbd5c071; padding-right:25px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-link { display:block; padding:27px; background:white; border:1px solid var(--border); border-radius:10px; transition:transform .2s; }
.feature-link:hover { transform:translateY(-3px); }
.feature-link h2 { font-size:18px; margin:15px 0 6px; }
.feature-link p { font-size:14px; color:#8a979d; margin:0; }
.feature-link > span { color:#629188; font-size:27px; }
.chart-embed { height:450px; background:#f7fafa; border-radius:8px; overflow:hidden; }
.chart-embed iframe { width:100%; height:100%; border:0; }
.news-list { padding:0; margin:0; list-style:none; }
.news-list li { padding:15px 0; border-bottom:1px solid var(--border); font-size:14px; }
.news-list small { display:block; color:var(--muted); margin-top:5px; }
.news-search { display:flex; gap:8px; margin:15px 0; }
.news-search input { min-width:0; flex:1; border:1px solid var(--border); border-radius:6px; padding:9px; font-size:14px; }
.public-hero { padding:90px 32px; background:#163041; color:white; text-align:center; }
.public-hero h1 { font-size:48px; line-height:1.4; margin:20px 0; letter-spacing:-2px; font-weight:650; }
.public-hero h1 em { color:#b9d4b4; font-style:normal; }
.public-hero p { color:#b4c4cb; font-size:16px; }
.public-hero .btn { margin-top:20px; background:#dce7d6; color:#1e404b; }
.portal-page .workspace :focus-visible { outline:3px solid #7da7bc; outline-offset:3px; }
@media(max-width:1200px) { .site-header { gap:18px; padding:0 22px; } .site-navigation { gap:18px; } .site-navigation > a,.admin-menu > summary { font-size:13px; } .account-name { display:none; } .results-grid { gap:12px; } .data-table th:nth-child(2) { width:32%; } }
@media(max-width:960px) { .site-header { min-height:70px; flex-wrap:wrap; gap:15px; padding:15px 23px; } .menu-toggle { display:block; order:3; } .site-account { margin-left:auto; } .site-navigation { display:none; order:4; width:100%; padding:12px 0; border-top:1px solid var(--border); flex-wrap:wrap; gap:20px; } .site-header.menu-open .site-navigation { display:flex; } .site-navigation > a { min-height:28px; font-size:14px; } .site-navigation > a.is-active::after { bottom:-4px; } .results-grid { grid-template-columns:1fr 1fr; } .results-grid > :last-child { grid-column:1 / -1; } .bottom-grid { grid-template-columns:1fr; } .summary-grid { gap:10px; } .metric { padding:16px; } .metric-value { font-size:25px; } .feature-grid { gap:12px; } }
@media(max-width:640px) { .workspace { padding:25px 17px 40px; } .page-heading { display:block; } .page-heading h1 { font-size:26px; } .heading-actions { margin-top:18px; flex-wrap:wrap; } .summary-grid { grid-template-columns:1fr 1fr; } .results-grid { grid-template-columns:1fr; } .results-grid > :last-child { grid-column:auto; } .scanner-toolbar { align-items:stretch; } .tabs { width:100%; } .tab { flex:1; padding:8px; font-size:13px; } .search-symbol { width:100%; } .auto-control { flex:1; } .workspace-footer { flex-direction:column; } .feature-grid { grid-template-columns:1fr; } .welcome-banner { padding:25px; } .welcome-banner h2 { font-size:25px; } .banner-art { display:none; } .site-account { gap:8px; font-size:13px; } .account-avatar { display:none; } .site-brand { font-size:15px; } .public-hero { padding:60px 22px; } .public-hero h1 { font-size:34px; } .data-table th:nth-child(2) { width:36%; } .feedback-row { align-items:flex-start; } }
@media(prefers-reduced-motion:reduce) { .portal-page * { scroll-behavior:auto!important; transition:none!important; } }
.login-layout { min-height:calc(100svh - 78px); }
.site-header ul,.site-header li { list-style:none; margin:0; padding:0; }
.site-header .site-brand,.site-header .site-navigation a { line-height:1.5; }
body:has(.settings-con),body:has(.main-content),body:has(.join-con) { margin:0; background:var(--paper); }
.main-content { padding:36px 24px!important; }
.main-content .header,.main-content .page-header { background:#193344; border-radius:12px; box-shadow:none; text-shadow:none; padding:40px 25px; }
.main-content .header h1,.main-content .page-header h1 { font-size:32px; text-shadow:none; }
.main-content .subtitle { font-size:16px; }
.main-content .class-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); }
.main-content .class-card,.main-content .fee-card { border:1px solid var(--border); box-shadow:none; border-radius:12px; }
.main-content .class-image { height:330px; object-fit:cover; object-position:top; }
.main-content .class-price,.main-content .price { color:#24566b; background:#edf3ef; border:0; border-radius:7px; font-size:19px; }
.main-content .class-desc { background:#f5f8f7; border-left:3px solid #94b4a0; font-size:16px; }
.main-content .class-desc::before { display:none; }
.main-content .fee-table thead th { background:#244151; font-size:15px; }
.main-content .fee-table { font-size:15px; }
.main-content .join-btn { background:#244151; box-shadow:none; border-radius:7px; }
.settings-con { background:var(--paper)!important; padding:38px 0!important; }
.settings-form-wrap { background:white!important; border:1px solid var(--border); border-radius:12px!important; box-shadow:none!important; }
.admin-workspace > h1 { text-align:left!important; font-size:29px; }
.admin-workspace > button { padding:11px 18px; border:0; background:var(--navy); color:white; border-radius:6px; margin:12px 0 20px; min-width:130px; }
.admin-workspace #newsTables,.admin-workspace #userTables { overflow:auto; }
@media(max-width:960px) { .login-layout { min-height:calc(100svh - 70px); } }

/* Shared navigation sizing, requested in the annotated home-page review. */
.site-header { min-height:96px; gap:28px; }
.site-brand { font-size:22px; gap:15px; }
.site-brand b { font-size:13px; letter-spacing:3.5px; }
.brand-letter { font-size:54px; }
.brand-letter > span { font-size:28px; right:-9px; }
.site-navigation { gap:26px; }
.site-navigation > a,.admin-menu > summary { font-size:18px; }
.nav-new { font-size:12px; padding:4px 6px; }
.site-account { font-size:16px; }
.account-avatar { width:38px; height:38px; font-size:17px; }
.site-account .header-join { font-size:16px; padding:12px 18px; }
.admin-menu > div { width:165px; top:36px; }
.admin-menu > div a { font-size:16px; padding:12px; }
.menu-toggle { width:42px; height:42px; }
.menu-toggle span { width:25px; height:2px; margin:5px 0; }
.public-hero { padding:104px 28px 110px; }
.public-hero .page-kicker { font-size:16px; letter-spacing:2.5px; }
.public-hero h1 { font-size:64px; margin:28px auto; line-height:1.38; word-break:keep-all; }
.public-hero p { font-size:21px; line-height:1.8; }
.public-hero .btn { font-size:20px; padding:17px 28px; margin-top:32px; border-radius:9px; }
.feature-link > span { font-size:36px; }
.login-layout { min-height:calc(100svh - 96px); }
@media(max-width:1100px) {
 .site-header { min-height:84px; flex-wrap:wrap; gap:14px; padding:14px 22px; }
 .site-brand { font-size:20px; }.brand-letter { font-size:46px; }
 .site-account { margin-left:auto; }.account-name { display:none; }
 .menu-toggle { display:block; order:3; }
 .site-navigation { display:none; order:4; width:100%; padding:15px 0; border-top:1px solid var(--border); flex-wrap:wrap; gap:20px 26px; }
 .site-header.menu-open .site-navigation { display:flex; }
 .site-navigation > a { min-height:36px; font-size:18px; }
 .site-navigation > a.is-active::after { bottom:-4px; }
 .login-layout { min-height:calc(100svh - 84px); }
}
@media(max-width:640px) {
 .site-header { padding:12px 17px; gap:10px; }.site-brand { font-size:19px; gap:12px; }
 .site-brand b { font-size:12px; letter-spacing:3px; }.brand-letter > span { font-size:25px; }
 .site-account { gap:10px; font-size:14px; }.site-account .header-join { font-size:14px; padding:10px 12px; }
 .public-hero { padding:66px 20px 72px; }.public-hero h1 { font-size:38px; letter-spacing:-1.5px; }
 .public-hero .page-kicker { font-size:13px; }.public-hero p { font-size:18px; }.public-hero .btn { font-size:18px; padding:15px 22px; }
}

/* Readability: give enlarged text room to wrap and keep secondary text legible. */
.page-heading p:not(.page-kicker), .feature-link p { line-height:1.8; }
.metric-note, .card-subtitle, .symbol-suffix, .cell-secondary,
.rule-label, .rule-footnote, .history-list small { color:#657984; }
.data-table th { color:#627680; line-height:1.6; }
.data-table td { padding-top:16px; padding-bottom:16px; overflow-wrap:anywhere; }
.data-table th:first-child { width:38px; }
.card-footer, .feedback-row, .heading-actions { flex-wrap:wrap; }
.settings-con { font-size:16px; line-height:1.7; }
.settings-con input, .settings-con select { box-sizing:border-box; }
.admin-workspace .handsontable td, .admin-workspace .handsontable th { font-size:15px; line-height:1.65; }
@media(max-width:640px) {
 .rules-grid { gap:18px 14px; }
 .site-account .header-join { padding:10px 8px; }
 .settings-form-wrap { padding:24px 18px; }
 .settings-con .form-group { min-width:0; flex-basis:100%; }
}
/* Forms use fluid widths so larger labels remain readable on small screens. */
#join, #join *, body:has(.settings-con) .area { box-sizing:border-box; }
#join .area, body:has(.settings-con) .area { width:100%; max-width:1200px; padding-left:20px; padding-right:20px; }
#join .area .box .inner { width:100%; max-width:742px; padding:0 24px; }
#join .area .box .inner .ip-wrap-4 ul li { gap:12px; }
#join .area .box .inner .ip-wrap-4 ul li select { width:40%; font-size:16px; }
#join .area .box .inner .ip-wrap-4 ul li .ip-box { width:60%; }
#join .area .box .inner .ip-wrap .ip-box input { width:100%; padding:0 16px; }
#join .area .link-wrap ul { flex-wrap:wrap; gap:24px; }
@media(max-width:640px) {
 #join .area .tit-wrap h2 { font-size:36px; padding-top:32px; }
 #join .area .box { padding:32px 0; margin-top:28px; }
 #join .area .box .inner { padding:0 18px; }
 #join .area .box .inner .ip-wrap h3 { font-size:20px; }
 #join .area .box .inner .ip-wrap .ip-box input { font-size:16px; }
 #join .area .box .inner .ip-wrap-4 ul li { flex-wrap:wrap; }
 #join .area .box .inner .ip-wrap-4 ul li select,
 #join .area .box .inner .ip-wrap-4 ul li .ip-box { width:100%; }
}
.dashboard-chart-row{margin-top:20px}
.dashboard-chart-row .panel{min-width:0}
.dashboard-chart-row .chart-embed{height:560px;background:#131722}
.dashboard-chart-row .chart-embed iframe{width:100%;height:100%;border:0;color-scheme:dark}
@media(max-width:640px){.dashboard-chart-row .chart-embed{height:440px}.dashboard-chart-row .card-heading{padding:8px 0 18px;flex-wrap:wrap}}
.scan-progress[hidden]{display:none}
.market-charts{margin-top:30px}.market-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.market-chart-card{min-width:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.market-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.market-chart-heading label{font-size:13px;display:flex;align-items:center;gap:10px}.market-chart-select{max-width:220px;padding:9px;border:1px solid var(--border);border-radius:6px;background:#f3f7f8;color:#244355}.market-signal-frame{display:block;width:100%;height:790px;border:0;background:#10181e;color-scheme:dark}
html[data-theme=dark] .market-chart-card{background:#1a2531}html[data-theme=dark] .market-chart-select{background:#223140;color:#e1edf4}
@media(max-width:1000px){.market-chart-grid{grid-template-columns:1fr}}@media(max-width:540px){.market-chart-heading{padding:12px;gap:6px}.market-chart-select{max-width:185px}.market-signal-frame{height:940px}}

.profile-menu{position:relative}.profile-menu>summary{display:flex;list-style:none;cursor:pointer;border-radius:50%}.profile-menu>summary::-webkit-details-marker{display:none}.profile-dropdown{position:absolute;right:-18px;top:100%;padding:14px 8px 8px;width:180px;border:1px solid var(--border);border-radius:9px;background:#fff;box-shadow:0 12px 28px #0002;z-index:120}.profile-dropdown a{display:flex;justify-content:space-between;padding:12px;border-radius:6px;color:inherit}.profile-dropdown a:hover{background:#718e9c20}html[data-theme=dark] .profile-dropdown{background:#223140;color:#e1edf4}.profile-menu[open]>summary{outline:2px solid #80b8b0;outline-offset:3px}


.profile-menu .account-avatar{display:grid}@media(max-width:640px){.profile-menu .account-avatar{width:32px;height:32px;font-size:14px}.site-account>.security-link{display:none}}

/* Grouped navigation: pointer hover, native keyboard and touch disclosure. */
.site-navigation .nav-group{position:relative;align-self:stretch}
.site-navigation .nav-group>summary{display:flex;align-items:center;gap:8px;height:100%;min-height:44px;list-style:none;cursor:pointer;font-size:16px;font-weight:650;white-space:nowrap;color:#63717a}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary>span{font-size:14px;transition:transform .15s}
.nav-group[open]>summary>span{transform:rotate(180deg)}
.site-navigation .nav-group:is([open],.is-active)>summary{color:#245b79}
.nav-group.is-active>summary:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#2e6883;border-radius:3px}
.nav-dropdown{position:absolute;top:100%;left:-16px;min-width:190px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:0 0 12px 12px;box-shadow:0 14px 32px #10273524;z-index:130}
.site-navigation .nav-dropdown a{display:block;padding:12px 14px;border-radius:6px;font-size:15px;white-space:nowrap;color:#526875}
.site-navigation .nav-dropdown a:is(:hover,:focus-visible,.is-active){background:#edf4f4;color:#235c70}
html[data-theme=dark] .site-navigation .nav-group>summary{color:#e1edf4}
html[data-theme=dark] .nav-dropdown{background:#223140;border-color:#3c5160}
html[data-theme=dark] .site-navigation .nav-dropdown a{color:#c5d6e3}
html[data-theme=dark] .site-navigation .nav-dropdown a:is(:hover,:focus-visible,.is-active){background:#334b5a;color:#fff}
@media(max-width:1350px){
 .site-header.menu-open .site-navigation{flex-direction:column;align-items:stretch;gap:4px}
 .site-navigation .nav-group{width:100%}
 .site-navigation .nav-group>summary{justify-content:space-between;height:auto;min-height:46px}
 .nav-dropdown{position:static;width:100%;box-shadow:none;border-radius:8px;margin-bottom:8px}
 .nav-group.is-active>summary:after{display:none}
 .site-navigation .admin-menu{align-self:stretch}
 .site-navigation .admin-menu>summary{min-height:44px}
 .site-navigation .admin-menu>div{position:static;width:100%;box-shadow:none}
}