/* Mobile Responsive */
@media (max-width:768px){
    body{padding:10px}
    .container{border-radius:16px}
    .header{padding:30px 20px 25px}
    .header h1{font-size:40px}
    .content{padding:25px 20px}
    .tab{font-size:13px;padding:14px 10px}
    .template-selector{gap:8px}
    .template-option{padding:12px 8px}
    .template-option-name{font-size:11px}
    .form-group{margin-bottom:18px}
    input,textarea,select{padding:14px 12px;font-size:15px}
    .btn{padding:16px 24px;font-size:15px}
    .photo-upload-area{flex-direction:column;align-items:flex-start}
    .photo-preview{width:100px;height:100px}
    .work-experience-item,.reference-item{padding:15px}
    .ajiracenter-banner{padding:16px}
    .ajiracenter-banner-title{font-size:16px}
    .ajiracenter-floating-badge{bottom:90px;right:15px}
    .ajiracenter-floating-link{padding:12px 16px;font-size:13px}
    .install-pill{bottom:20px;left:15px}
    .install-pill-btn{padding:12px 16px}
}
@media (max-width:640px){
    body{padding:0}
    .container{border-radius:0;min-height:100vh}
    .header{padding:25px 15px 20px}
    .header h1{font-size:36px;letter-spacing:-1px}
    .header p{font-size:13px}
    .content{padding:20px 15px}
    .tab{font-size:12px;padding:12px 6px}
    .template-panel{padding:14px;margin-bottom:16px}
    .template-panel-header h4{font-size:14px}
    .template-selector{grid-template-columns:repeat(3,1fr);gap:6px}
    .template-option{padding:10px 5px;border-radius:8px}
    .template-option-name{font-size:10px}
    .section-header h3{font-size:16px}
    .form-group{margin-bottom:16px}
    label{font-size:13px;margin-bottom:6px}
    input,textarea,select{padding:12px 10px;font-size:16px;border-radius:6px}
    .checkbox-group{padding:10px;gap:8px}
    .checkbox-group label{font-size:13px}
    .gender-option{padding:10px 15px;min-width:100px;font-size:14px}
    .section-divider{margin:20px 0}
    .photo-upload-area{gap:15px}
    .photo-preview{width:90px;height:90px}
    .photo-upload-btn{padding:10px 16px;font-size:13px}
    .work-experience-section,.photo-section,.references-section,.high-school-section{padding:15px;margin-top:15px}
    .work-experience-item,.reference-item{padding:12px;margin-bottom:12px}
    .remove-experience,.remove-reference{padding:3px 6px;font-size:11px}
    .add-experience,.add-reference{padding:10px 14px;font-size:13px}
    .btn{padding:14px 20px;font-size:14px;border-radius:10px}
    .action-buttons{gap:8px}
    .cv-preview{padding:20px 15px;margin-top:15px}
    .cv-preview h2{font-size:22px}
    .cv-preview h3{font-size:16px;margin-top:20px}
    .cv-preview p{font-size:13px;line-height:1.6}
    .cv-images-row{flex-direction:column;align-items:center;gap:15px}
    .cv-preview-photo{width:90px;height:90px}
    .cv-preview-info{text-align:center}
    .education-item,.work-experience-preview,.reference-preview{padding:12px}
    .ajiracenter-banner{flex-direction:column;text-align:center;padding:15px;gap:12px}
    .ajiracenter-banner-title{font-size:15px;justify-content:center}
    .ajiracenter-banner-subtitle{font-size:12px}
    .ajiracenter-banner-btn{width:100%;justify-content:center;padding:10px 20px}
    .ajiracenter-floating-badge{bottom:75px;right:10px}
    .ajiracenter-floating-link{padding:10px 14px;font-size:12px;gap:8px}
    .floating-badge-icon{font-size:18px}
    .floating-badge-title{font-size:12px}
    .floating-badge-subtitle{font-size:9px}
    .install-pill{bottom:15px;left:10px}
    .install-pill-btn{padding:10px 14px;gap:10px;font-size:13px}
    .install-pill-icon{font-size:18px}
    .install-pill-title{font-size:12px}
    .install-pill-subtitle{font-size:9px}
    .install-pill-close{width:20px;height:20px;font-size:12px;top:-6px;right:-6px}
    .cover-letter-form{padding:20px 15px}
    .legal-footer{font-size:10px;padding:15px 10px}
}
@media (max-width:480px){
    .header h1{font-size:32px}
    .tab{font-size:11px;padding:10px 4px}
    .template-option-name{font-size:9px}
    .gender-option{padding:10px 12px;min-width:90px;font-size:13px}
    .cv-preview h2{font-size:20px}
    .cv-preview-photo{width:80px;height:80px}
    .ajiracenter-floating-badge{bottom:70px;right:8px}
    .install-pill{bottom:12px;left:8px}
}
/* Modal Responsive */
@media (max-width:640px){
    .payment-modal-content,.phone-input-content,.pdf-instructions-content,.ios-install-content,.ajiracenter-success-content{padding:25px 20px;margin:15px;width:calc(100% - 30px);max-width:none;border-radius:16px}
    .payment-modal h2,.pdf-instructions h2,.ios-install-content h2{font-size:20px}
    .payment-price{font-size:40px}
    .payment-btn{padding:14px 20px;font-size:15px}
    .pdf-instructions-step{padding:10px 12px;margin-bottom:12px}
    .step-number{width:22px;height:22px;font-size:12px;margin-right:10px}
    .ios-install-step{padding:12px;gap:12px}
    .ios-step-icon{width:36px;height:36px;font-size:20px}
    .success-celebration{font-size:60px}
    .success-title{font-size:22px}
    .success-subtitle{font-size:14px}
    .ajiracenter-promo-section{padding:20px 15px}
    .ajiracenter-promo-title{font-size:17px}
    .ajiracenter-main-btn{padding:14px 24px;font-size:16px}
    .ajiracenter-stats{gap:20px}
    .ajiracenter-stat-value{font-size:18px}
}
@media print{
    body{background:white!important;padding:0!important}
    .container{box-shadow:none;border-radius:0;background:white!important}
    .header,.tabs,.action-buttons,.legal-footer,.install-pill,.template-panel,.ajiracenter-banner,.ajiracenter-floating-badge,.toast-container,.share-row{display:none!important}
    .payment-modal,.phone-input-modal,.pdf-instructions,.ios-install-modal,.ajiracenter-success-modal,#installModal,#paymentModal,#phoneInputModal,#pdfInstructions,#pdfLoadingModal,#ajiracenterSuccessModal,#adminModal{display:none!important}
    .content{padding:0!important;background:white!important}
    #formTab,#coverLetterTab{display:none!important}
    #previewTab{display:block!important}
    .cv-preview-wrapper{border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;background:white!important}
    .cv-preview{padding:0!important;background:white!important;margin:0!important;box-shadow:none!important;border:none!important}
    .cv-watermark{display:none!important}
}
@media (max-width:640px){
    .admin-content{padding:16px;margin:10px}
    .admin-stat-value{font-size:22px}
    .admin-table{font-size:12px}
    .admin-table th,.admin-table td{padding:8px 6px}
}