.modern-app .roadmap-trigger{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #d4e5f3;background:linear-gradient(120deg,#eaf5ff,#f6fbff);border-radius:10px;padding:12px;font:600 13px/1.4 inherit;color:#174c79;cursor:pointer;margin:16px 0}
.roadmap-trigger svg{flex:none}.roadmap-trigger span{flex:1;text-align:left}.roadmap-trigger small{display:block;font-size:11px;font-weight:400;color:#55738e;margin-top:3px}
.roadmap-dialog{box-sizing:border-box;width:min(850px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #d8e5f0;border-radius:22px;overflow:auto;background:#f6faff;color:#173350;box-shadow:0 25px 100px #061c3b55}.roadmap-dialog::backdrop{background:#071b34a6;backdrop-filter:blur(3px)}
.roadmap-dialog *{box-sizing:border-box}.roadmap-dialog header{display:flex;justify-content:space-between;gap:24px;padding:32px;background:linear-gradient(120deg,#102d4a,#15527d);color:#fff}.roadmap-kicker{font-size:11px;font-weight:700;letter-spacing:.15em;color:#9bd3ff}.roadmap-dialog h2{font-size:34px;line-height:1.15;letter-spacing:-.035em;margin:14px 0}.roadmap-dialog header p{max-width:560px;line-height:1.65;color:#cee5f6;margin:0;font-size:15px}.roadmap-close{width:40px;height:40px;flex:none;border:1px solid #6892b0;border-radius:9px;background:transparent;color:#fff;font-size:26px;cursor:pointer}
.roadmap-grid{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.roadmap-grid article{border:1px solid #dce7f0;background:white;border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:flex-start}.roadmap-status{font-size:11px;line-height:1.5;font-weight:650;color:#55738e}.roadmap-status.building{color:#06705c}.roadmap-grid h3{font-size:20px;margin:12px 0}.roadmap-grid p{font-size:14px;line-height:1.65;margin:0 0 12px}.roadmap-grid small{font-size:12px;line-height:1.65;color:#5b7288}.roadmap-dialog button:not(.roadmap-close){min-height:44px;border:0;border-radius:9px;background:#0875d3;color:#fff;padding:11px 16px;font-size:13px;font-weight:650;cursor:pointer}.roadmap-grid button{margin-top:18px}.roadmap-dialog footer{padding:0 24px 26px;display:flex;gap:22px;align-items:center;justify-content:space-between}.roadmap-dialog footer p{font-size:12px;line-height:1.7;color:#5b7288;max-width:470px}.roadmap-dialog footer button{flex:none}.roadmap-dialog :focus-visible,.roadmap-trigger:focus-visible{outline:3px solid #55b9ff;outline-offset:3px}
.app-feedback-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 20px 8px;font-size:13px;color:#55738e}.app-feedback-footer .feedback-trigger{min-height:44px;border:0;border-radius:8px;padding:8px 12px;background:#eaf4ff;color:#075f9e;font:600 13px/1.4 inherit;cursor:pointer}
.dark-mode .roadmap-dialog{background:#102b45;color:#eef6ff;border-color:#34516a}.dark-mode .roadmap-grid article{background:#163751;border-color:#355971}.dark-mode .roadmap-grid small,.dark-mode .roadmap-status,.dark-mode .roadmap-dialog footer p{color:#b4cee1}.dark-mode .roadmap-status.building{color:#79ddc6}.dark-mode.modern-app .roadmap-trigger{background:#173751;color:#d5edff;border-color:#3d5f7c}.dark-mode .roadmap-trigger small{color:#aac8dd}.dark-mode .app-feedback-footer{color:#b4cee1}.dark-mode .app-feedback-footer .feedback-trigger{background:#183c59;color:#c3e7ff}
@media(max-width:620px){.roadmap-grid{grid-template-columns:1fr;padding:18px}.roadmap-dialog header{padding:24px}.roadmap-dialog h2{font-size:29px}.roadmap-dialog footer{padding:0 18px 22px;align-items:stretch;flex-direction:column;gap:8px}.roadmap-dialog footer p{margin:0}.app-feedback-footer{gap:4px}.modern-app .roadmap-trigger{margin:10px 0}}
.modern-app .roadmap-trigger,.app-feedback-footer .feedback-trigger{font-family:inherit;font-size:13px;font-weight:600;line-height:1.4}
.modern-app .roadmap-dialog{width:min(850px,calc(100vw - 28px));max-width:calc(100vw - 28px)}
.roadmap-dialog .roadmap-close{align-self:flex-start}
@media(max-width:700px){.modern-app .app-sidebar{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;padding:16px 20px}.modern-app .side-brand{grid-column:1/-1;margin-bottom:6px!important;padding:0}.modern-app .account-menu{margin:0;align-self:start}.modern-app .account-menu[open]{grid-column:1/-1}.modern-app .roadmap-trigger{margin:0;padding:6px 8px;min-height:44px;font-size:12px;gap:6px;align-self:start}.modern-app .roadmap-trigger small{display:none}.modern-app .roadmap-trigger svg{width:16px;height:16px}.modern-app .account-menu summary{padding:6px 7px;min-height:44px}.modern-app .app-sidebar .side-bottom{display:none}}
