.demo-entry { margin: 0; min-height: 100dvh; background: #171a26; color: #e9edf5; font-family: Arial, sans-serif; display: flex; flex-direction: column; }
.demo-entry * { box-sizing: border-box; }
.demo-entry header, .demo-entry main, .demo-entry footer { width: min(920px, 100%); margin-inline: auto; padding: 32px; }
.demo-entry header img { width: 180px; max-width: 70%; }
.demo-entry main { flex: 1; padding-top: 48px; }
.demo-eyebrow { color: #ffd44c; font-size: 12px; letter-spacing: .16em; }
.demo-entry h1 { font-size: clamp(34px, 6vw, 64px); line-height: 1.12; letter-spacing: -.04em; margin: 20px 0; }
.demo-intro { max-width: 600px; font-size: 19px; line-height: 1.6; color: #c6cedd; }
.demo-entry button { margin: 18px 0; border: 0; border-radius: 8px; padding: 16px 24px; background: #ffd44c; color: #171a26; font-size: 17px; font-weight: 700; cursor: pointer; }
.demo-entry button:hover { background: #ffe58b; transform: translateY(-2px); }
.demo-entry button:disabled { opacity: .6; cursor: wait; transform: none; }
.demo-entry button:focus-visible, .demo-entry a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.demo-entry ul { padding-left: 20px; line-height: 1.9; }
.demo-small { color: #b5bed0; line-height: 1.6; font-size: 13px; max-width: 650px; margin-top: 28px; }
.demo-entry footer { display: flex; gap: 24px; flex-wrap: wrap; }
.demo-entry a { color: #ffd44c; text-underline-offset: 4px; }
#demo-error { color: #ffb6b6; }
.demo-notice { flex: none; width: 100%; margin: 0 0 24px; padding: 12px 16px; border: 1px solid #726638; border-radius: 8px; color: #ded8c4; background: #29291f; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.demo-legal { line-height: 1.7; }
.demo-legal h2 { font-size: 22px; margin-top: 32px; }
.demo-legal p { max-width: 760px; }
.toast_msg { max-width: calc(100vw - 24px); overflow-wrap: anywhere; }
.column_card_content, #detail_task_description, #detail_task_title { overflow-wrap: anywhere; white-space: pre-wrap; }
@media (max-width: 600px) {
    .demo-entry header, .demo-entry main, .demo-entry footer { padding: 24px; }
    .demo-entry main { padding-top: 20px; }
    .demo-entry .demo-intro { font-size: 17px; }
    .dashboard_tasks_section { max-width: 100%; overflow-x: auto; }
    .ticketsChart_container { max-width: 100%; }
    .toast_msg { left: 12px; right: 12px; width: auto; }
}