body{font-family:Pingfang Regular,Pingfang Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding-top:72px;scroll-behavior:smooth}.head-container{background:#fff;box-sizing:border-box;color:#333;margin:0 auto;max-width:1200px;padding:60px 0;text-align:center;width:100%}.header{margin-bottom:50px}.vip-subtitle,.vip-title{font-size:56px;font-weight:400;letter-spacing:4px;line-height:1.2;margin-bottom:20px}.vip-subtitle,.vip-title{opacity:0;transform:translateY(30px);transition:all .8s ease}.vip-subtitle.animate,.vip-title.animate{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.text-animate{animation:fadeInUp 1s ease forwards}.video-container{display:flex;overflow:hidden;padding:0;position:relative}.video-container,video{height:600px;margin:0 auto;width:900px}video{border-radius:15px;object-fit:cover}@media (max-width:1280px){.head-container{padding:50px 20px}.vip-subtitle,.vip-title{font-size:42px;line-height:1.1}}@media (max-width:1080px){.video-container{height:480px;margin:30px auto;padding:0;width:720px}.header{margin-bottom:0}video{height:480px;width:720px}}@media (max-width:768px){.head-container{padding:30px 15px}.header{margin-bottom:0}.vip-subtitle,.vip-title{font-size:32px;letter-spacing:1px;line-height:1}.video-container{margin:30px auto;padding:0}.video-container,video{height:320px;width:480px}}@media (max-width:480px){.head-container{padding:20px 10px}.vip-subtitle,.vip-title{font-size:26px}.video-container,video{height:240px;width:360px}}.cal-container{display:flex;margin:0 auto;max-width:1200px;min-height:800px}.left-panel{background:#e7f4ff;border-radius:16px;flex:1;margin-right:40px;overflow-y:auto;padding:40px}.title{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:20px;text-align:left}.category-tabs{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px}.category-tab{background:#f7fafc;border:none;border-radius:6px;color:#344254;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.category-tab.active{background:#0466ff;color:#fff}.category-tab:hover{background:#e2e8f0}.category-tab.active:hover{background:#0466ff}.search-btn{background:none;border:none;border-radius:50%;cursor:pointer;margin-left:auto;padding:8px;transition:all .2s}.search-icon svg{height:16px;stroke:#64748b;width:16px}.search-btn:hover{.search-icon svg{stroke:#0466ff}}.search-container{display:none;margin-bottom:16px;position:relative}.search-container.active{display:block}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#96beff}.search-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.search-close:hover{background:#f3f4f6;color:#374151}.apps-grid{border-radius:8px;display:block;max-height:500px;overflow-y:auto;padding-right:20px;padding-top:2px}.group-container{margin-bottom:30px}.group-header{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:400;padding:10px 0;user-select:none}.triangle-icon{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #888;height:0;margin-right:10px;transform:rotate(0deg);transition:transform .2s;width:0}.group-header.collapsed .triangle-icon{transform:rotate(-90deg)}.group-content{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding-top:10px}.group-content.hidden{display:none}.apps-grid::-webkit-scrollbar{width:6px}.apps-grid::-webkit-scrollbar-track{background:#fafcff;border-radius:3px}.apps-grid::-webkit-scrollbar-thumb{background:#c1d3fc;border-radius:4px}.app-item{align-items:center;background:#fff;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s}.app-item,.app-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.app-item:hover{transform:translateY(-1px)}.app-item.selected{border-color:#ff7904;box-shadow:0 4px 12px rgba(59,130,246,.15)}.app-item.hidden{display:none}.app-icon{align-items:center;color:#6b7280;display:flex;font-size:24px;height:42px;justify-content:center;margin-bottom:8px;width:42px}.app-icon img,.app-icon svg{max-height:24px;max-width:24px;object-fit:contain}.item-name{align-items:center;display:flex;gap:12px;white-space:nowrap}.item-name img{object-fit:contain}.item-name img,.item-name svg{flex-shrink:0;height:16px;width:16px}.app-name{color:#374151;font-size:12px;font-weight:500;text-align:center}.employee-section{border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px}.employee-section h3{text-align:left}.employee-selector{align-items:center;display:flex;gap:12px;margin-top:12px}.employee-count-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.employee-count-btn:hover{background:#f3f4f6;border-color:#0466ff}.employee-count{font-size:18px;font-weight:600;min-width:40px;text-align:center}.employee-count-input{border:1px solid #d1d5db;border-radius:6px;font-size:16px;font-weight:600;height:32px;outline:none;text-align:center;transition:border-color .2s;width:60px}.employee-count-input::-webkit-inner-spin-button,.employee-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.employee-count-input[type=number]{-moz-appearance:textfield}.employee-count-input:focus{border-color:#0466ff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.right-panel{background:#fff;border:1px solid #d1d5db;border-radius:16px;display:flex;flex-direction:column;width:320px}.receipt{flex:1;padding:24px}.receipt-title,.section-title{color:#1a202c;font-size:18px;font-weight:600;padding-bottom:16px;text-align:left}.section-title{margin-top:20px}.summary-section{margin-bottom:0}.receipt-items{margin-bottom:20px;max-height:260px;overflow-y:auto;padding-right:8px}.receipt-items::-webkit-scrollbar{width:3px}.receipt-items::-webkit-scrollbar-track{background:#f8fafc;border-radius:2px}.receipt-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px;transition:background .2s}.receipt-items::-webkit-scrollbar-thumb:hover{background:#94a3b8}.receipt-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.receipt-item:last-child{border-bottom:none}.item-name{color:#374151;font-size:14px}.item-price{color:#1f2937;font-size:14px;font-weight:600}.summary{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.summary-divider{margin:12px 0 20px}.summary-row.original-price{border-top:2px solid #e2e8f0;margin-top:40px;padding-top:20px}.summary-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}#employeeCost,#originalPrice{color:#1f2937;font-size:14px;font-weight:600}.summary-row.discount,.summary-row.total{color:#ff7904;font-weight:700}.summary-row.total{border-top:1px solid #e2e8f0;font-size:18px;margin-top:12px;padding-top:12px}.empty-receipt{color:#9ca3af;font-size:14px;margin-top:40px;text-align:center}.purchase-btn{background:#0466ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:500;margin:120px auto 0;padding:12px 24px;transition:all .2s;width:160px}.purchase-btn:hover{background:#0347cc;box-shadow:0 4px 12px rgba(4,102,255,.3);transform:translateY(-1px)}.purchase-btn:active{transform:translateY(0)}.no-results{color:#9ca3af;font-size:14px;grid-column:1/-1;margin-top:40px;text-align:center}@media (max-width:1280px){.category-tab{font-size:13px}}@media (max-width:1199px){.cal-container{max-width:100%;padding:0 20px}.left-panel{margin-right:20px;padding:30px}.right-panel{width:280px}.category-tabs{flex-wrap:wrap;gap:6px}.category-tab{font-size:12px;padding:6px 12px}.search-btn{margin-left:8px}}@media (max-width:767px){.cal-container{flex-direction:column;padding:0 40px}.left-panel{border-radius:12px;margin-bottom:20px;margin-right:0;padding:20px}.right-panel{width:100%}.apps-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:400px}.app-icon{font-size:20px;height:36px;width:36px}.app-name{font-size:11px}.title{font-size:20px;margin-bottom:16px}.category-tabs{gap:4px;margin-bottom:16px}.category-tab{font-size:11px;padding:6px 10px}.search-btn{padding:6px}.search-icon svg{height:14px;width:14px}.employee-section{margin-top:20px;padding-top:16px}.employee-section h3{font-size:16px}.receipt{padding:20px}.receipt-title,.section-title{font-size:16px}.purchase-btn{font-size:13px;margin-top:20px;padding:10px 20px;width:140px}}@media (max-width:575px){.cal-container{padding:20px}.left-panel{padding:40px 16px}.apps-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));max-height:350px;padding-right:10px}.app-item{padding:8px}.app-icon{font-size:18px;height:30px;margin-bottom:6px;width:30px}.app-icon img,.app-icon svg{max-height:16px;max-width:16px;object-fit:contain}.app-name{font-size:10px}.title{font-size:18px;margin-bottom:12px}.category-tabs{gap:8px;margin-bottom:12px}.category-tab{font-size:10px;padding:8px 12px}.search-btn{margin-left:6px;padding:5px}.search-icon svg{height:12px;width:12px}.search-input{font-size:13px;padding:10px 35px 10px 12px}.employee-section h3{font-size:14px}.employee-count-btn{font-size:16px;height:28px;width:28px}.employee-count-input{font-size:14px;height:28px;width:50px}.receipt{padding:16px}.right-panel{padding:20px 0}.receipt-title,.section-title{font-size:14px;margin-bottom:12px}.receipt-items{margin-bottom:16px;max-height:300px}.receipt-item{padding:10px 0}.item-name,.item-price,.summary-row{font-size:12px}.summary-row.total{font-size:16px}.purchase-btn{font-size:12px;margin-top:80px;padding:8px 16px;width:120px}}@media (max-width:375px){.apps-grid{grid-template-columns:repeat(4,1fr)}.category-tabs{flex-wrap:wrap;max-height:60px;overflow-y:auto}.employee-selector{gap:8px}.purchase-btn{font-size:11px;padding:6px 12px;width:100px}}@media (max-height:500px) and (orientation:landscape){.apps-grid{max-height:200px}.receipt-items{max-height:150px}.cal-container{min-height:auto}}.faq-wrapper{background:#fff;margin:0 auto;max-width:800px;overflow:hidden;padding-bottom:120px;padding-top:80px}.faq-header{color:#313131;padding:60px 40px 40px;text-align:center}.faq-main-title{font-size:36px;font-weight:700;letter-spacing:2px}.faq-content{padding:0}.faq-item{border-bottom:1px solid #e9ecef;transition:all .3s ease}.faq-question{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:18px;font-weight:500;justify-content:space-between;padding:40px 0 30px;position:relative;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{color:#0466ff}.faq-question:focus{outline:none}.faq-question-text{flex:1;margin-right:20px}.faq-arrow{height:12px;width:12px}.faq-arrow.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:all .4s ease}.faq-answer.expanded{max-height:200px;padding:0 0 30px}.faq-answer-text{color:#6c757d;font-size:16px;line-height:1.7;text-align:left}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer.expanded .faq-answer-text{animation:slideDown .3s ease forwards}@media (max-width:860px){.faq-wrapper{padding:40px 40px 80px}.faq-main-title{font-size:28px}.faq-question{font-size:15px;padding:20px 0}.faq-arrow{height:8px;width:8px}.faq-answer-text{font-size:14px}}.faq-arrow svg{fill:currentColor;height:100%;width:100%}