/* Visual-only preview: never activates authentication. */
.preview-ribbon,.preview-notice{background:#ecf8ff;color:#12549b;border:1px solid #b8e2ff;border-radius:12px;padding:12px 15px;margin:16px 0;font-weight:650;font-size:14px}.visual-form input:disabled{opacity:1;background:#f8fbff;color:#6d7b92;cursor:not-allowed}.visual-form button:disabled{opacity:.65;cursor:not-allowed}.turnstile-preview{padding:15px;border:1px dashed #a8bed9;border-radius:10px;color:#61758f;background:#f6f9fe;font-size:13px;margin:13px 0}.preview-link{display:block;text-align:center;color:#1161c5;font-size:14px;font-weight:700;margin-top:18px}.login-panel .preview-link:hover{text-decoration:underline}
.dashboard-demo{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f8faff;color:#233653}.blue-sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:linear-gradient(175deg,#174da8,#0b347e);padding:26px 15px;display:flex;flex-direction:column;color:white}.sidebar-logo{font-size:17px;font-weight:900;letter-spacing:.03em;padding:6px 9px}.sidebar-logo span{color:#61e4fc}.sidebar-caption{font-size:10px;letter-spacing:.07em;opacity:.7;margin:18px 8px 26px}.side-item{display:flex;gap:12px;color:#e8f1ff;text-decoration:none;padding:13px 15px;border-radius:10px;margin:3px 0;font-size:14px;font-weight:600}.side-item.current,.side-item:hover{background:#ffffff26}.side-bottom{margin-top:auto;padding:12px}.side-bottom a{color:white;font-size:13px;text-decoration:none}.dashboard-main{margin-left:255px;min-height:100vh}.dashboard-top{background:white;border-bottom:1px solid #e2e9f4;padding:20px 34px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-top strong{display:block;font-size:22px}.dashboard-top small{display:block;color:#72819b;margin-top:4px}.dashboard-top select{border:1px solid #d4e1f3;border-radius:9px;padding:10px;background:white}.dashboard-content{max-width:1300px;margin:auto;padding:27px 33px}.welcome-line h1{font-size:27px;margin:20px 0 6px}.welcome-line p{color:#6e819c;margin:0 0 25px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.metric-card,.white-panel{background:white;border:1px solid #e4eaf5;border-radius:16px;box-shadow:0 5px 20px #15356b08;padding:22px}.metric-card span{color:#647796;font-size:14px}.metric-card strong{display:block;font-size:34px;margin:12px 0}.metric-card small{color:#97a4b8;font-size:11px}.demo-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:17px;margin-top:18px}.white-panel h2{font-size:18px;margin:3px 0 18px}.white-panel p{color:#74859f;font-size:14px;line-height:1.6}.placeholder-line{height:10px;border-radius:6px;background:#eef3f9;margin:17px 0;width:92%}.placeholder-line.short{width:57%}html[dir=rtl] .blue-sidebar{inset:0 0 0 auto}html[dir=rtl] .dashboard-main{margin-left:0;margin-right:255px}
@media(max-width:850px){.blue-sidebar{position:relative;width:auto;inset:auto}.blue-sidebar nav{display:flex;flex-wrap:wrap}.side-bottom{display:none}.dashboard-main,html[dir=rtl] .dashboard-main{margin:0}.metric-grid,.demo-panels{grid-template-columns:1fr}.dashboard-top{padding:16px}.dashboard-content{padding:17px}}