.preview-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.preview-nav{background:#101c32;color:white;padding:24px;display:flex;flex-direction:column;gap:8px}.preview-nav button{text-align:left}.preview-main{padding:30px;min-width:0;max-width:1600px}.preview-banner{padding:12px 18px;background:#fff2d9;border-radius:12px;margin-bottom:24px;color:#765314}.preview-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.preview-day{min-height:80px;background:#f4f6fb;border-radius:8px;padding:8px;min-width:0}.preview-day button{font-size:11px;width:100%;padding:4px;margin-top:5px;background:#dce6ff;border:0;border-radius:4px;text-align:left;overflow-wrap:anywhere}.preview-agenda{display:grid;grid-template-columns:3fr 2fr;gap:20px}.preview-watch{display:grid;grid-template-columns:3fr 1fr;gap:20px}.preview-video{aspect-ratio:16/9;background:linear-gradient(135deg,#122640,#335aa0);display:grid;place-content:center;color:white;text-align:center;border-radius:16px;padding:20px;position:relative}.preview-video small{position:absolute;bottom:12px;right:16px}.preview-certificate{border:8px double #bd9f63;padding:32px;text-align:center;background:#fffdf8}.preview-session{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px}.preview-main input,.preview-main select,.preview-main textarea{width:100%;max-width:100%}.preview-main .rule input{width:auto}.preview-chat{display:grid;gap:14px;min-height:180px}.preview-nav a{color:white}.preview-main .card{margin-bottom:16px}@media(max-width:1024px){.preview-shell{grid-template-columns:1fr}.preview-nav{flex-direction:row;flex-wrap:wrap;padding:14px}.preview-nav .brand{width:100%}.preview-main{padding:16px}.preview-agenda,.preview-watch{grid-template-columns:1fr}.preview-session{grid-template-columns:1fr 1fr}.preview-day{padding:3px;min-height:68px}.preview-day button{font-size:10px}.preview-certificate{padding:16px}}

.preview-shell{grid-template-columns:245px minmax(0,1fr)}.preview-nav{background:var(--nav);color:#c5d0e1;padding:25px 16px;gap:25px}.preview-nav .nav button{font-weight:400}.preview-nav .nav button.on{font-weight:600}.preview-nav a{color:#aebfd5;text-decoration:none;padding:11px 12px}.preview-nav .brand{font-size:21px}@media(max-width:1024px){.preview-shell{grid-template-columns:1fr}.preview-nav{display:block;padding:16px}.preview-nav .nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.preview-nav .nav button{padding:9px 8px;gap:6px;font-size:12px}.preview-nav .brand{margin-bottom:14px}.preview-nav .side-label{margin-top:12px}}@media(max-width:450px){.preview-nav .nav{grid-template-columns:repeat(2,minmax(0,1fr))}}