.card-group{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;padding:1rem}.card{transition:transform .3s ease;height:100%}.card:hover{transform:translateY(-10px);cursor:pointer}.icon-wrapper{width:64px;height:64px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.icon-wrapper svg{width:32px;height:32px;color:#0d6efd}.screen-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.screen-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.screen-preview{aspect-ratio:16/9;background-color:#f8f9fa;overflow:hidden}.screen-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.screen-info{padding:1rem;background-color:#fff;border-top:1px solid #e0e0e0}.screen-info h3{margin:0;font-size:1.1rem;margin-bottom:.5rem}.card .btn-group{display:none}.card:hover .btn-group{display:block!important;margin:0 auto;position:absolute;width:100%;height:100%;top:40%;left:0}.page-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.page-preview{aspect-ratio:16/9;background-color:#f8f9fa;overflow:hidden;position:relative}.page-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-info{padding:.75rem;background-color:#fff;border-top:1px solid #e0e0e0}.add-page-card{border:2px dashed #e0e0e0;border-radius:8px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f8f9fa;transition:background-color .2s}.add-page-card:hover{background-color:#e9ecef}.modal-xl .modal-body{padding:1.5rem}.metric-card{height:100%;transition:transform .2s ease,box-shadow .2s ease;border:none}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a!important}.metric-icon{font-size:1.5rem;margin-bottom:.5rem}.metric-value{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.metric-label{font-size:.9rem;color:#6c757d}.cta-card{background:linear-gradient(135deg,#0d6efd,#0a58ca);color:#fff;transition:transform .3s ease}.cta-card:hover{transform:translateY(-5px)}.upgrade-btn{background:#fff;color:#0d6efd;border:none;font-weight:600;transition:all .3s ease}.upgrade-btn:hover{background:#f8f9fa;color:#0a58ca;transform:translateY(-2px)}.progress{height:10px}.usage-item{margin-bottom:1.5rem}.usage-item:last-child{margin-bottom:0}.usage-label{font-size:.95rem;margin-bottom:.5rem}.usage-stats{font-size:.85rem;color:#6c757d}.budget-progress{height:8px;margin-top:1rem}.highlight{color:#0d6efd;font-weight:600}.rotation-preview{position:relative}.rotation-preview.rotation-0{transform:rotate(0)}.rotation-preview.rotation-90{transform:rotate(90deg);transform-origin:center center}.rotation-preview.rotation-180{transform:rotate(180deg);transform-origin:center center}.rotation-preview.rotation-270{transform:rotate(270deg);transform-origin:center center}.slide-preview{border:1px solid #dee2e6;border-radius:4px}.portrait-container{aspect-ratio:9/16}.landscape-container{aspect-ratio:16/9}.portrait-preview,.landscape-preview{background:#f8f9fa;border:1px solid #dee2e6}