.sample-invoice-wrapper{width:100%;padding:50px 20px;background:#f8f9fa}.sample-invoice-layout{display:flex;gap:30px;max-width:1400px;margin:0 auto;align-items:flex-start}.sample-invoice-container{flex:1;min-width:0}.sample-invoice-header{text-align:center;margin-bottom:30px}.sample-invoice-header h1{font-size:2.2rem;font-weight:700;color:#343a40;margin-bottom:15px}.sample-invoice-header p{font-size:1.1rem;color:#6c757d;margin-bottom:20px}.sample-invoice-image-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:20px;margin-bottom:30px;overflow:hidden}.sample-invoice-image{width:100%;height:auto;display:block;border-radius:8px;transition:transform 0.3s ease}.sample-invoice-image:hover{transform:scale(1.02)}.sample-invoice-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:30px}.sample-invoice-actions .btn{padding:12px 30px;font-weight:600;border-radius:5px;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.sample-invoice-actions .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.sample-invoice-actions .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none}.sample-invoice-actions .btn-outline-primary{background:transparent;color:#667eea;border:2px solid #667eea}.sample-invoice-actions .btn-outline-primary:hover{background:#667eea;color:white}.sample-invoice-features{flex:1;min-width:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;box-shadow:0 8px 30px rgba(102,126,234,0.3);padding:35px 30px;position:sticky;top:100px;color:white}.sample-invoice-features h3{font-size:1.75rem;font-weight:700;color:#ffffff;margin-bottom:25px;text-align:center;position:relative;padding-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,0.1)}.sample-invoice-features h3::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:rgba(255,255,255,0.5);border-radius:2px}.feature-list{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:center;gap:12px;font-size:0.95rem;color:rgba(255,255,255,0.95);padding:10px 15px;background:rgba(255,255,255,0.1);border-radius:10px;transition:all 0.3s ease;border-left:3px solid transparent;backdrop-filter:blur(10px)}.feature-list li:hover{background:rgba(255,255,255,0.2);transform:translateX(5px);border-left-color:#4ade80}.feature-list li i{color:#4ade80;font-size:1.2rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.feature-list li span{flex:1;font-weight:500;letter-spacing:0.3px}@media (max-width:1024px){.sample-invoice-layout{gap:20px}.sample-invoice-features{padding:30px 25px;position:static}.sample-invoice-features h3{font-size:1.6rem;margin-bottom:20px}.feature-list{gap:10px}.feature-list li{font-size:0.9rem;padding:10px 12px}.feature-list li i{font-size:1.1rem}}@media (max-width:768px){.sample-invoice-wrapper{padding:30px 15px}.sample-invoice-layout{flex-direction:column;gap:30px}.sample-invoice-container,.sample-invoice-features{width:100%}.sample-invoice-header h1{font-size:2rem}.sample-invoice-header p{font-size:1rem}.sample-invoice-image-wrapper{padding:15px}.sample-invoice-actions{flex-direction:column;align-items:stretch}.sample-invoice-actions .btn{width:100%;justify-content:center}.sample-invoice-features{padding:25px 20px}.sample-invoice-features h3{font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.sample-invoice-features h3::after{width:50px;height:2.5px}.feature-list{gap:10px}.feature-list li{font-size:0.9rem;padding:10px 12px;gap:10px}.feature-list li i{font-size:1.1rem}}@media (max-width:576px){.sample-invoice-wrapper{padding:20px 10px}.sample-invoice-layout{gap:20px}.sample-invoice-header{margin-bottom:20px}.sample-invoice-header h1{font-size:1.5rem;margin-bottom:10px}.sample-invoice-header p{font-size:0.95rem;margin-bottom:15px}.sample-invoice-image-wrapper{padding:10px;margin-bottom:20px}.sample-invoice-actions{margin-top:20px;gap:10px}.sample-invoice-actions .btn{padding:10px 20px;font-size:0.9rem}.sample-invoice-features{padding:20px 15px}.sample-invoice-features h3{font-size:1.35rem;margin-bottom:18px;padding-bottom:8px}.sample-invoice-features h3::after{width:45px;height:2px}.feature-list{gap:8px}.feature-list li{font-size:0.85rem;padding:8px 10px;gap:10px}.feature-list li i{font-size:1rem}}@media (max-width:400px){.sample-invoice-wrapper{padding:15px 8px}.sample-invoice-header h1{font-size:1.3rem}.sample-invoice-header p{font-size:0.9rem}.sample-invoice-image-wrapper{padding:8px}.sample-invoice-actions .btn{padding:9px 18px;font-size:0.85rem}.sample-invoice-features{padding:15px 12px}.sample-invoice-features h3{font-size:1.2rem;margin-bottom:15px;padding-bottom:8px}.sample-invoice-features h3::after{width:40px;height:2px}.feature-list{gap:8px}.feature-list li{font-size:0.8rem;padding:7px 10px;gap:8px}.feature-list li i{font-size:0.95rem}}