body{background:#fff;padding:20px}.layout--full-page{height:500px}.onboarding-recorder.email .vs-collapse-item,.onboarding-recorder.email .vs-collapse-item--header{background:#fff!important}.onboarding-recorder.email .icon-header,.onboarding-recorder.email .step-tools{display:none!important}.onboarding-recorder.email .screenshot{max-width:300px!important}.pointer{cursor:pointer}.commands{position:fixed;bottom:0}.full-height{height:100%}img.screenshot{max-width:80%;opacity:.8}.onboarding-recorder .vs-collapse-item--header{background:#efefef;margin-bottom:10px}.vx-card__title{max-height:1.5em;overflow:hidden;height:1.5em}.small-card{position:relative;cursor:pointer;background-size:cover;background-repeat:no-repeat;color:#000}.small-card .vx-card__title h4{font-weight:900}.small-card .vx-card__body{max-height:120px;height:120px;margin-bottom:5px;overflow:hidden}.small-card .vx-card{border:1px solid var(--primary)}.small-card .vx-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:999999}.small-card .vx-card__body img{margin-top:10px;opacity:.4;-webkit-filter:grayscale(1);filter:grayscale(1)}.small-card .vx-card:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.small-card .vx-card:hover h4{color:var(--primary)!important}.header-section{padding:20px 0;border-bottom:1px solid #e0e0e0;margin-bottom:30px}.page-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.page-description{font-size:1.1rem;color:#7f8c8d;margin-bottom:25px;line-height:1.6}.create-space-section{margin-top:20px}.create-space-btn{font-weight:600;padding:8px 16px;border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.create-space-btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.empty-state{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px dashed #dee2e6;margin:40px 0}.empty-state-icon{margin-bottom:15px;color:#6c757d}.empty-state-title{font-size:1.5rem;font-weight:600;color:#495057;margin-bottom:10px}.empty-state-description{font-size:1rem;color:#6c757d;margin-bottom:25px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.empty-state-action{margin-top:15px}.empty-state-btn{font-weight:600;padding:10px 20px;border-radius:8px;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);box-shadow:0 3px 10px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1rem}.empty-state-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px rgba(0,0,0,.2)}@media (max-width:768px){.page-title{font-size:2rem}.empty-state{padding:40px 15px}.empty-state-title{font-size:1.5rem}}