*{font-family:manrope;margin:0;padding:0;box-sizing:border-box}html,body{height:100%;scroll-behavior:smooth}body{background:#e6e6fd}.faq-acc-contn{display:flex;justify-content:center}.dual-accordion-container{display:flex;width:90%;justify-content:center}.blueStrip{width:8px}.accordion-wrap{display:flex;flex-direction:column;align-items:center;margin-top:50px;padding:16px}.acc-head{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.acc-mini{font-size:42px;font-family:Poppins;margin-bottom:10px;letter-spacing:2px}.acc-main{text-align:center;font-size:42px;font-family:Poppins;font-weight:600;color:#1f1f1f;margin-bottom:2rem}@media (max-width: 768px){.acc-main{font-size:36px}}@media (max-width: 576px){.acc-main{font-size:28px}}.item-title{gap:20px;display:flex;align-items:center;color:#1f1f1f;font-size:16px}.accordion-set{flex-grow:1;margin-right:20px;max-width:600px}.accordion-item{position:relative;margin-bottom:10px;border:1px solid #808080;border-radius:10px}.accordion-title{cursor:pointer;padding:10px 10px 10px 0;z-index:1;display:flex;justify-content:space-between;align-items:center}.accordion-content{position:relative;max-height:0;overflow:hidden;width:100%;z-index:0;color:#1f1f1f;font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding-bottom:5px}.accordion-content-inner{padding:10px;max-height:100%;overflow:auto;text-align:justify}.accordion-content.show{max-height:100%}@media (max-width: 500px){.dual-accordion-container{flex-direction:column;width:auto}.acc-mini{font-size:30px}.item-title{margin-right:20px;font-size:14px}.accordion-set{margin-right:0}}@media (min-width: 760px) and (max-width: 1024px){.accordion-wrap,.acc-head{align-items:flex-start}.dual-accordion-container{width:auto}}.landing-top-wrap{margin:0 32px}@media (max-width: 789px){.landing-top-wrap{margin:0 16px}}.sub-opt-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin-top:10px}.sublinks{padding:10px 20px;border-radius:30px;font-size:14px;cursor:pointer;transition:all .5s ease;background-color:transparent;color:#fff;background-color:#f97400}.sublinks:hover{background-color:#d65b00}@media screen and (max-width: 659px){.sublinks{font-size:12px;border-radius:10px}}.landing_top_catagory{width:95%;margin:20px auto;overflow:hidden}.landing_top_catagorys{position:relative;display:flex;align-items:center}.landing_top_catagory_scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem;width:100%;flex-wrap:nowrap}.landing_top_catagory_scroll::-webkit-scrollbar{display:none}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;z-index:10;transition:background-color .3s ease}.scroll-btn.left{left:0}.scroll-btn.right{right:0}.scroll-btn:hover{background-color:#000000b3}.catagory_item{flex:0 0 auto;position:relative;border-radius:.9375rem;overflow:hidden;scroll-snap-align:start}.catagory_txt{position:absolute;bottom:1rem;left:0;right:0;text-align:center;z-index:2}.catagory_item_txt{color:#000;font-size:1.8rem;font-style:normal;font-weight:700;line-height:normal}@media screen and (max-width: 768px){.catagory_item_txt{font-size:1.8rem;font-weight:700}}@media screen and (max-width: 576px){.catagory_item_txt{font-size:1.5rem;font-weight:700}}.asset_sale_txt{font-size:32px;font-family:poppins}.asset_sale_txt_dscp{display:flex;justify-content:space-between;font-size:16px;color:#333}.asset_sale_txt_dscp span{cursor:pointer}.asset-card-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.asset-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;width:300px;box-shadow:0 2px 5px #0000001a;overflow:hidden;transition:transform .3s ease}.asset-card:hover{transform:translateY(-2px)}.card-image img{width:100%;height:150px;object-fit:cover}.asset-card-content{padding:15px}.asset-card-content h3{font-size:18px;font-weight:700;margin-bottom:10px}.asset-card-content p{margin:5px 0;color:#555}@media screen and (max-width: 768px){.asset-card{width:100%}}.marketplace-landing-section{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.section-landing-header{display:flex;flex-direction:column}.section-landing-header h2{font-size:24px;font-weight:600;color:#fff}.explore-landing-link{text-decoration:none;color:#00f}.jobs-gridLanding-dashboard{display:flex;overflow-x:scroll;gap:20px;padding-bottom:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.section-landing-header h2{font-size:1rem;font-weight:700}}.projects-grid-landing{display:flex;overflow-x:scroll;gap:20px;margin-top:16px;padding-bottom:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.loading-spinner-container{display:flex;justify-content:center;padding:2rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.no-jobs-message{text-align:center;padding:2rem;color:#fff;font-style:italic}@media (max-width: 789px){.asset_sale_txt{font-size:24px}.asset_sale_txt_dscp{font-size:14px}}.jobs-scroll-wrapper{position:relative;width:100%}.jobs-gridLanding-dashboard{display:flex;overflow-x:auto;gap:20px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.jobs-gridLanding-dashboard::-webkit-scrollbar{display:none}.jobs-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#fffc;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;font-size:18px;font-weight:700;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.jobs-scroll-arrow:hover{background-color:#fff;box-shadow:0 4px 8px #0003}.jobs-scroll-arrow--left{left:5px}.jobs-scroll-arrow--right{right:5px}.trending-scroll-wrapper{position:relative;width:100%}.projects-grid-landing{display:flex;overflow-x:auto;gap:20px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.projects-grid-landing::-webkit-scrollbar{display:none}.trending-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#fffc;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;font-size:18px;font-weight:700;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.trending-scroll-arrow:hover{background-color:#fff;box-shadow:0 4px 8px #0003}.trending-scroll-arrow--left{left:5px}.trending-scroll-arrow--right{right:5px}.spm-proposal-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.spm-proposal-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:spm-fadeIn .3s ease-out}.spm-proposal-modal__form{background:#fff;border-radius:20px;width:min(1200px,95%);max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000026;border:1px solid rgba(255,255,255,.2);animation:spm-slideUp .3s ease-out}.spm-proposal-modal__header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.spm-header-content{display:flex;align-items:center;gap:1rem}.spm-modal-title{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.025em}.spm-project-badge{background:#fff3;color:#fff;font-weight:600;font-size:.875rem;padding:.5rem 1rem;border-radius:25px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spm-close-button{background:#fff3;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.spm-close-button:hover{background:#ffffff4d;transform:scale(1.05)}.spm-proposal-modal__content{padding:2rem}.spm-job-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#1f2937;line-height:1.4}.spm-content-sections{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.spm-section-header h4{font-size:1.25rem;font-weight:600;margin-bottom:.2rem;color:#374151;display:flex;align-items:center;gap:.5rem}.spm-section-header h4:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.spm-cover-letter-section{background:#f8fafc;padding:1.5rem;border-radius:16px;border:1px solid #e2e8f0}.spm-profile-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a}.spm-profile-info{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.spm-profile-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #e5e7eb;flex-shrink:0}.spm-profile-avatar img{width:100%;height:100%;object-fit:cover}.spm-profile-details{flex:1}.spm-profile-name .spm-name{font-weight:600;font-size:1.125rem;color:#1f2937;display:block;margin-bottom:.25rem}.spm-profile-name .spm-bio{color:#6b7280;font-size:.9rem;margin:0;line-height:1.4}.spm-experience-level{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.spm-level-text{font-size:.875rem;font-weight:500;color:#374151;text-transform:capitalize}.spm-level-badge{height:32px;width:auto;object-fit:contain}.spm-skills-section{border-top:1px solid #e5e7eb;padding-top:1rem}.spm-skills-label{font-weight:500;color:#374151;font-size:.875rem;display:block;margin-bottom:.75rem}.spm-skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.spm-skill-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.spm-form-group{margin-bottom:1.5rem}.spm-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.spm-input,.spm-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff}.spm-input:focus,.spm-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.spm-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;resize:vertical;min-height:120px;font-family:inherit;transition:all .2s ease;background:#fff}.spm-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.spm-helper-text{font-size:.75rem;color:#6b7280;margin-top:.25rem;display:block}.spm-duration-payment-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.spm-duration-inputs{display:flex;gap:.75rem}.spm-duration-inputs .spm-input,.spm-duration-inputs .spm-select{flex:1}.spm-amount-input{display:flex;align-items:center;position:relative}.spm-currency{position:absolute;left:1rem;font-weight:600;color:#374151;z-index:1}.spm-amount-input .spm-input{padding-left:2.5rem;padding-right:3rem}.spm-per-hour{position:absolute;right:1rem;font-size:.875rem;color:#6b7280;font-weight:500}.spm-total-payment{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;color:#fff}.spm-payment-title{font-size:1rem;font-weight:600;margin:0 0 1rem}.spm-total-amount{display:flex;align-items:baseline;margin-bottom:.75rem}.spm-total-amount .spm-currency{position:static;font-size:1.25rem;margin-right:.25rem}.spm-amount{font-size:2rem;font-weight:700}.spm-payment-note{font-size:.875rem;margin:0;opacity:.9;line-height:1.4}.spm-levels-section{display:flex;flex-direction:column;gap:1rem}.spm-level-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .2s ease}.spm-level-card:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014}.spm-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.spm-level-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.spm-level-percentage{display:flex;align-items:center;gap:.5rem}.spm-percentage-input{width:60px;padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;text-align:center;font-weight:600;font-size:.875rem;transition:all .2s ease;margin-right:10px}.spm-percentage-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.spm-percentage-sign{font-weight:600;color:#374151;font-size:.875rem;margin-right:10px}.spm-level-details{display:flex;flex-direction:column;gap:1rem}.spm-level-deadline{display:flex;justify-content:space-between;align-items:center}.spm-deadline-label{font-weight:500;color:#374151;font-size:.875rem}.spm-deadline-input{display:flex;align-items:center;gap:.5rem}.spm-deadline-input .spm-input{width:60px;padding:.5rem;text-align:center}.spm-unit{font-size:.875rem;color:#6b7280;font-weight:500}.spm-level-content .spm-textarea{min-height:80px}.spm-info-note{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.875rem;font-weight:500}.spm-info-icon{font-size:1rem;color:#f59e0b;flex-shrink:0}.spm-proposal-modal__footer{padding:1.5rem 2rem;display:flex;justify-content:flex-end;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 20px 20px}.spm-submit-button{background:linear-gradient(135deg,#10b981,#059669);color:#000;border:none;padding:.875rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;font-size:.875rem;letter-spacing:.025em;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d;min-width:140px}.spm-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.spm-submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@keyframes spm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spm-slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spm-proposal-modal__form::-webkit-scrollbar{width:6px}.spm-proposal-modal__form::-webkit-scrollbar-track{background:#f1f5f9}.spm-proposal-modal__form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.spm-proposal-modal__form::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.spm-content-sections{grid-template-columns:1fr;gap:1.5rem}.spm-proposal-modal__form{width:95%}}@media (max-width: 768px){.spm-proposal-modal__header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;text-align:center}.spm-header-content{flex-direction:column;gap:.5rem}.spm-close-button{position:absolute;top:1rem;right:1rem}.spm-proposal-modal__content{padding:1.5rem}.spm-job-title{font-size:1.25rem;margin-bottom:1.5rem}.spm-profile-info{flex-direction:column;align-items:center;text-align:center}.spm-profile-details{width:100%}.spm-experience-level{justify-content:center}.spm-duration-payment-section{grid-template-columns:1fr;gap:1rem}.spm-level-header{gap:.75rem;align-items:flex-start}.spm-level-percentage{align-self:flex-end}.spm-level-deadline{gap:.5rem;align-items:flex-start}.spm-deadline-input{align-self:flex-end}}@media (max-width: 576px){.spm-proposal-modal__overlay{padding:.5rem}.spm-proposal-modal__form{width:100%;max-height:95vh;border-radius:16px}.spm-proposal-modal__header{border-radius:16px 16px 0 0;padding:1rem}.spm-modal-title{font-size:1.25rem}.spm-project-badge{font-size:.75rem;padding:.375rem .75rem}.spm-proposal-modal__content,.spm-cover-letter-section,.spm-profile-card,.spm-level-card{padding:1rem}.spm-duration-inputs{flex-direction:column;gap:.5rem}.spm-submit-button{width:100%;padding:1rem;font-size:1rem}.spm-proposal-modal__footer{padding:1rem;border-radius:0 0 16px 16px}.spm-skills-list{justify-content:center}.spm-amount-input{flex-direction:column;gap:.5rem}.spm-currency,.spm-per-hour{position:static}.spm-amount-input .spm-input{padding:.75rem 1rem}}.spm-input:focus,.spm-textarea:focus,.spm-select:focus,.spm-percentage-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.spm-skill-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.spm-level-card:focus-within{border-color:#667eea;box-shadow:0 4px 12px #00000014}.spm-submit-button:disabled{position:relative;color:#000}@keyframes spm-spin{to{transform:rotate(360deg)}}.spm-input[type=number]::-webkit-outer-spin-button,.spm-input[type=number]::-webkit-inner-spin-button,.spm-percentage-input::-webkit-outer-spin-button,.spm-percentage-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spm-input[type=number],.spm-percentage-input{-moz-appearance:textfield}.spm-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.spm-select:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.spm-close-button:focus,.spm-submit-button:focus{outline:2px solid #667eea;outline-offset:2px}.jcx-job-card{background:#fff;border-radius:16px;display:flex;flex-direction:column;padding:0;box-shadow:0 2px 8px #00000014;transition:all .3s ease;min-width:305px;border:1px solid #f1f5f9;overflow:hidden;position:relative}.jcx-job-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:#e2e8f0}.jcx-job-card.jcx-completed{background:linear-gradient(135deg,#f0fdf4,#f9fafb);border-color:#bbf7d0}.jcx-job-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 20px;border-bottom:1px solid #e2e8f0}.jcx-job-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.jcx-project-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.jcx-featured-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.jcx-urgent-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;animation:jcx-pulse 2s infinite}.jcx-job-id-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f1f5f9;color:#475569;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid #e2e8f0}@keyframes jcx-pulse{0%,to{opacity:1}50%{opacity:.7}}.jcx-job-meta{display:flex;align-items:center;justify-content:space-between}.jcx-time-info{display:flex;align-items:center;gap:6px;color:#64748b;font-size:.875rem;font-weight:500}.jcx-time-text{white-space:nowrap}.jcx-bookmark-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:12px;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0}.jcx-bookmark-btn:hover{background:#f1f5f9;color:#475569;transform:scale(1.05)}.jcx-bookmark-btn.jcx-bookmarked{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.jcx-job-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:16px}.jcx-job-title{font-size:1.125rem;font-weight:700;color:#1e293b;text-decoration:none;line-height:1.4;display:block;transition:all .3s ease}.jcx-job-title:hover{color:#667eea;text-decoration:none}.jcx-job-description{color:#64748b;font-size:.875rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:justify}.jcx-job-details{display:flex;flex-direction:column;gap:12px}.jcx-detail-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;transition:all .3s ease}.jcx-detail-item:hover{background:#f1f5f9;border-color:#e2e8f0}.jcx-detail-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;flex-shrink:0}.jcx-detail-content{display:flex;flex-direction:column;gap:2px;flex:1}.jcx-detail-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.jcx-detail-value{font-size:.875rem;color:#1e293b;font-weight:600}.jcx-job-footer{padding:16px 20px;border-top:1px solid #f1f5f9;background:#fafbfc}.jcx-action-buttons{display:flex;gap:12px;width:100%}.jcx-accept-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #10b98133}.jcx-accept-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.jcx-reject-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #ef444433}.jcx-reject-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d;background:linear-gradient(135deg,#dc2626,#b91c1c)}.jcx-status-indicator{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.jcx-completed-status{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.jcx-ongoing-status{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}@media (max-width: 768px){.jcx-job-card{min-width:280px}.jcx-job-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.jcx-job-badges{width:100%;justify-content:flex-start}.jcx-job-meta{width:100%;justify-content:space-between}.jcx-job-content{padding:16px;gap:12px}.jcx-job-title{font-size:1rem}.jcx-job-description{font-size:.8rem;-webkit-line-clamp:2}.jcx-detail-item{padding:10px}.jcx-detail-icon{width:28px;height:28px}.jcx-action-buttons{flex-direction:column}.jcx-accept-btn,.jcx-reject-btn{padding:10px 14px;font-size:.8rem}.jcx-status-indicator{position:static;align-self:flex-end;margin-top:8px}}@media (max-width: 480px){.jcx-job-card{min-width:260px}.jcx-job-badges{gap:6px}.jcx-project-badge,.jcx-featured-badge,.jcx-urgent-badge,.jcx-job-id-badge{font-size:.7rem;padding:3px 6px}.jcx-job-content{padding:12px}.jcx-job-details{gap:8px}.jcx-detail-item{padding:8px;gap:8px}.jcx-detail-icon{width:24px;height:24px}.jcx-detail-label{font-size:.7rem}.jcx-detail-value{font-size:.8rem}.jcx-job-footer{padding:12px 16px}}.jcx-job-card:hover .jcx-job-title{color:#667eea}.jcx-job-card:hover .jcx-detail-item{background:#f1f5f9}.jcx-job-card:hover .jcx-detail-icon{transform:scale(1.05)}.jcx-job-card.jcx-loading{opacity:.7;pointer-events:none}.jcx-job-title:focus,.jcx-bookmark-btn:focus,.jcx-accept-btn:focus,.jcx-reject-btn:focus{outline:2px solid #667eea;outline-offset:2px}@keyframes jcx-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.jcx-job-card{animation:jcx-fadeIn .6s ease-out}@media print{.jcx-job-card{box-shadow:none;border:1px solid #e5e7eb;break-inside:avoid}.jcx-bookmark-btn{display:none}}.jcx-project-category{display:flex;align-items:center;gap:2px}.jcx-job-actions{display:flex;align-items:center;justify-content:space-between}.Appliedjob{color:#333;font-size:14px}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e293b73;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #1e293b2e;padding:32px 28px 24px;min-width:340px;max-width:95vw;width:100%;max-width:400px;position:relative;animation:modal-fade-in .3s;display:flex;flex-direction:column;gap:18px}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:#1e293b}.modal p{color:#475569;font-size:1rem;margin-bottom:8px}.signature-upload{display:flex;flex-direction:column;gap:8px}.file-label{display:inline-block;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;cursor:pointer;text-align:center;font-weight:600;transition:all .2s;border:none}.file-label:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px)}.file-info{font-size:.875rem;color:#64748b;margin:0}.signature-preview{border:2px dashed #e2e8f0;border-radius:8px;padding:16px;text-align:center;background:#f8fafc}.preview-label{font-size:.875rem;color:#475569;margin-bottom:12px;font-weight:500}.signature-image{max-width:100%;max-height:120px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;padding:4px}.error{color:#ef4444;font-size:.95rem;margin-bottom:6px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.modal-actions button{padding:9px 18px;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.modal-actions button:first-child{background:#f1f5f9;color:#334155}.modal-actions button:first-child:hover{background:#e2e8f0}.modal-actions button:last-child{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-actions button:last-child:disabled{background:#a7f3d0;color:#fff;cursor:not-allowed}.modal-actions button:last-child:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}@media (max-width: 480px){.modal{padding:18px 8px 14px;min-width:0;max-width:98vw}.signature-image{max-height:100px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.category-list__container{width:100%;padding:20px 0}.category-list__title{margin-bottom:10px;font-size:32px;font-family:poppins}@media (max-width: 769px){.category-list__title{font-size:24px}}.category-list__scroll-container{display:flex;overflow-x:auto;padding:10px 0;gap:50px;scrollbar-width:none;scrollbar-color:rgba(255,255,255,.3) transparent}.category-list__scroll-container::-webkit-scrollbar{height:6px}.category-list__scroll-container::-webkit-scrollbar-track{background:transparent}.category-list__scroll-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:10px}.category-list__item{display:flex;flex-direction:column;align-items:center;min-width:120px;cursor:pointer;text-decoration:none;color:#000}.category-list__image-container{position:relative;width:120px;height:120px;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center;transition:filter .2s ease}.category-list__image-container:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.category-list__image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;position:absolute}.category-list__item:hover .category-list__image{transform:translateY(-5px)}.category-list__name{margin-top:10px;font-size:14px;text-align:center}.category-list__loading,.category-list__error{color:#fff;text-align:center;padding:20px}.category-list__scroll-wrapper{position:relative;width:100%}.category-list__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#fffc;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;font-size:18px;font-weight:700;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.category-list__arrow:hover{background-color:#fff;box-shadow:0 4px 8px #0003}.category-list__arrow--left{left:5px}.category-list__arrow--right{right:5px}.category-list__scroll-container{display:flex;overflow-x:auto;padding:10px 0;gap:50px;scrollbar-width:none;scrollbar-color:rgba(255,255,255,.3) transparent;scroll-behavior:smooth}.project-card-landing{overflow:hidden;background:#faf6f9;text-decoration:none;color:#1f1f1f;padding:.5rem;min-width:350px;width:300px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.project-image-landing{width:100%;height:200px;object-fit:cover;object-position:center;box-sizing:border-box;background-color:#e6e6fd;border-radius:5px;box-shadow:inset 0 0 8px #0003}.project-info-landing p{font-size:16px;font-weight:600}.project-info-landing span{color:#333;font-size:14px}.xero-hero-container{display:flex;justify-content:space-around;align-items:center;background-color:#e6e6fd;color:#000;position:relative;overflow:hidden}.xero-hero-content{max-width:600px;z-index:2}.xero-hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.xero-hero-subtitle{font-size:1.5rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.xero-hero-buttons{display:flex;gap:20px}.xero-hero-button{padding:12px 30px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.xero-explore-button{background-color:#6247df;color:#fff}.xero-explore-button:hover{background-color:#5036d5}.xero-job-button{background-color:#fff;color:#333}.xero-job-button:hover{background-color:#fff;box-shadow:0 0 10px #0000001a}.xero-hero-image{position:relative;z-index:1;width:40%;display:flex;justify-content:center;align-items:center}.xero-hero-image img{max-width:100%;height:auto}@media (max-width: 1024px){.xero-hero-container{flex-direction:column;text-align:center}.xero-hero-content{margin-bottom:40px}.xero-hero-buttons{justify-content:center}.xero-hero-image{width:80%}}@media (max-width: 1200px){.xero-hero-title{font-size:3rem}}@media (max-width: 548px){.xero-hero-container{padding:10px}.xero-hero-title{font-size:2rem}.xero-hero-subtitle{font-size:1rem}.xero-hero-button{font-size:.8rem}}.xero-navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 32px;background:#7261f1;z-index:100;position:relative}.xero-navbar-logo img{height:50px}.xero-navbar-center{display:flex;align-items:center;gap:2rem;background:#fff;padding:.3rem 1rem;border-radius:50px;margin-left:8rem}.xero-nav-item{position:relative}.xero-nav-item button{background:none;border:none;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:color .3s;color:#333;font-weight:500}.xero-nav-item button:hover{color:#646cff}.xero-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transition:all .3s;padding:.2rem;margin-top:1.2rem;z-index:1000}@media (max-width: 1040px){.xero-dropdown{transform:translate(0);left:0%}}.xero-nav-item:hover .xero-dropdown{opacity:1;visibility:visible}.xero-products-dropdown{width:600px;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.xero-product-card{display:flex;gap:1rem;padding:1rem;border-radius:12px;transition:background .3s}.xero-product-card:hover{background:#e7e9ec}.xero-product-image{width:120px;height:120px;border-radius:8px;object-fit:cover}.xero-product-content{flex:1}.xero-product-content h3{margin:0 0 .5rem;color:#333;font-size:16px}.xero-product-content p{margin:0;color:#666;font-size:14px}.xero-services-dropdown{width:300px;padding:1rem}.xero-services-content{display:flex;gap:2rem}.imgxeroscape-para{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.xero-services-logo{width:182px;height:100px}.xeroverse-logo-text{color:#333;font-size:14px}.xero-services-list{flex:1}.xero-services-list h3{margin:.5rem 0;color:#333;font-size:1rem;transition:color .3s;cursor:pointer;font-weight:500}.heading-service-list{font-weight:700;font-size:20px}.xero-services-list h3:hover{color:#646cff}.xero-community-dropdown{width:200px;padding:1rem}.xero-community-item{display:flex;flex-direction:column;gap:1rem}.xero-community-link{display:flex;align-items:center;gap:1rem;padding:.5rem;color:#333;text-decoration:none;transition:color .3s}.xero-community-link:hover{color:#646cff}.xero-community-icon{width:24px;height:24px;color:#646cff}.xero-search-container{display:flex;align-items:center;justify-content:center;border-radius:50px;padding:.1rem;transition:all .3s ease;width:40px;overflow:hidden}.xero-search-container:hover,.xero-search-container:focus-within{width:200px;justify-content:flex-start;background:#f0f1f2}.xero-search-input{border:none;background:none;padding:.5rem;opacity:0;display:none;width:0px;border-radius:20px;transition:opacity .3s ease;outline:none}.xero-search-container:hover .xero-search-input,.xero-search-container:focus-within .xero-search-input{opacity:1;width:100%;display:block}.xero-navbar-right{display:flex;align-items:center;gap:1rem}.xero-icon-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;transition:color .3s}.xero-icon-button:hover{color:#646cff}.xero-auth-button{padding:11px 20px;border:none;border-radius:20px;cursor:pointer;transition:all .3s;font-weight:500;font-size:16px}.xero-auth-button.xero-signup{background:#d7d7fd;color:#333;transition:all .3s}.xero-auth-button.xero-signup:hover{background:#b8b7fb}.xero-auth-button.xero-login{background:#f97400;transition:all .3s;color:#fff}.xero-auth-button.xero-login:hover{background:#d65b00}.xero-auth-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.xero-mobile-menu-button{display:none}@media (max-width: 1024px){.xero-navbar-center{gap:1rem;margin:0 1rem}.xero-services-logo{width:152px;height:100px}.xero-services-dropdown{width:450px}.xero-search-container:hover,.xero-search-container:focus-within{width:150px}}.xero-profile-section{display:flex;gap:30px;align-items:center;position:relative}.avatar-small-navbar{width:45px;height:45px;border-radius:50%;object-fit:cover;margin-right:10px}.avatar-small-navbar-sidebar{width:45px;height:45px;border-radius:50%;object-fit:cover}.navbar-letter-avatar{width:40px;height:40px;border-radius:50%;background-color:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:10px}.xero-dropdown-menu{position:absolute;top:50px;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:10px 0;min-width:180px;z-index:1000;display:none}.xero-dropdown-active{display:block}.xero-dropdown-active a{text-decoration:none;color:#000}.xero-dropdown-menu p{padding:10px 20px;margin:0;cursor:pointer;transition:background-color .2s}.xero-dropdown-menu p:hover{background-color:#f5f5f5}.small-screen-nav{position:fixed;top:0;right:-300px;width:200px;height:100vh;background-color:#fff;z-index:1000;transition:right .3s ease-in-out;box-shadow:-2px 0 5px #0003;overflow-y:auto}.small-screen-nav.active-small-screen{right:0}.active-small-screen a{text-decoration:none;color:#000}.small-screen-nav p{padding:12px 10px;border-bottom:1px solid rgba(18,14,14,.1);margin:0;font-size:16px;transition:background-color .2s}.small-screen-nav p:hover{background-color:#f5f5f5}.small-screen-nav-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid rgba(18,14,14,.1)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:none;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}.navbar-a-link{text-decoration:none}@media (max-width: 878px){.xero-navbar-center{display:none}.xero-auth-button{font-size:12px}.xero-navbar{padding:.2rem 1rem}.xero-mobile-menu-button{display:block}.xero-profile-section{display:none}}.navbar-icons-dropdown{display:flex;align-items:center;gap:10px}.notification-wrapper{position:relative;display:inline-block}.notification-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s;display:flex;align-items:center;justify-content:center;position:relative}.notification-badge{position:absolute;top:-1px;right:2px;background-color:#ff4757;color:#fff;border-radius:50%;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.notification-button:hover{background-color:#0000000d}.notification-dropdown{position:absolute;right:0;top:calc(100% + 15px);width:320px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1000;animation:slideDown .2s ease-out}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}.header-notification{margin:0;font-size:16px;font-weight:600;color:#000}.notification-content{max-height:400px;overflow-y:auto}.notification-item{display:flex;padding:12px 16px;border-bottom:1px solid #eee;transition:background-color .3s}.notification-item:hover{background-color:#f8f9fa}.notification-icon{margin-right:12px;color:#4a90e2;display:flex;align-items:flex-start}.notification-text{flex:1}.notification-title{margin:0 0 4px;font-size:14px;font-weight:500;color:#333}.notification-message{margin:0;font-size:13px;color:#666;line-height:1.4}.no-notifications{padding:24px 16px;text-align:center;color:#666;font-size:14px}.notification-content::-webkit-scrollbar{width:6px}.notification-content::-webkit-scrollbar-track{background:#f1f1f1}.notification-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:#555}@media (min-width: 880px){.small-screen-nav,.sidebar-overlay.active{display:none}}.notification-time{font-size:11px;color:#999;font-weight:400;margin-left:8px;white-space:nowrap}.notification-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 4px;font-size:14px;font-weight:500;color:#333}.view-all-btn{text-decoration:underline;color:#00f}.cp-progress{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;background:#000;border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cp-progress-item{display:flex;align-items:center}.cp-progress-circle{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff9;transition:all .3s ease}.cp-progress-circle.active{display:flex;align-items:center;justify-content:center;background:#6b46c1;color:#fff}.cp-progress-title{margin-left:.75rem;font-weight:500;color:#fff9;transition:color .3s ease}.cp-progress-title.active{color:#fff}.cp-chevron{width:1.5rem;height:1.5rem;margin:0 1rem;color:#fff6}.cp-card{max-width:1200px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a}.cp-card-header{border-bottom:1px solid #e9d8fd;padding:1.5rem}.cp-title{font-size:2rem;font-weight:700;text-align:center;color:#44337a}.cp-card-content{padding:2rem}.cp-form-section{display:flex;flex-direction:column;gap:2rem}.cp-input-group{display:flex;flex-direction:column;gap:1rem}.cp-label{font-size:1.125rem;font-weight:500;color:#000}.cp-input{width:100%;padding:.75rem 1rem;font-size:1.125rem;border:2px solid #e9d8fd;border-radius:.5rem;transition:all .3s ease}.cp-input-group textarea{width:100%;height:100px;padding:.75rem 1rem;font-size:1.125rem;border:2px solid #e9d8fd;border-radius:.5rem;transition:all .3s ease;background-color:#fff}.cp-input:focus,.cp-input-group textarea:focus{outline:none}.cp-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.cp-category-btn{padding:1.5rem;border:2px solid #e2e8f0;border-radius:.75rem;background:none;cursor:pointer;transition:all .3s ease}.cp-category-btn:hover{border-color:#9f7aea}.cp-category-btn.active{border-color:#6b46c1;background:#f3ebff}.cp-category-content{display:flex;flex-direction:column;align-items:center;text-align:center}.cp-category-icon-wrapper{padding:1rem;background:#f7fafc;border-radius:50%;margin-bottom:1rem}.category-icon{width:1.5rem;height:1.5rem}.cp-category-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.cp-category-desc{font-size:.875rem;color:#718096}.cp-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.cp-type-btn{padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;background:none;cursor:pointer;transition:all .3s ease}.cp-type-btn:hover{border-color:#9f7aea}.cp-type-btn.active{border-color:#6b46c1;background:#f3ebff}.cp-type-icon{display:block;font-size:2rem;margin-bottom:.5rem}.cp-type-name{font-weight:500}.cp-upload-section{display:flex;flex-direction:column;gap:2rem;color:#000}.cp-dropzone{padding:2rem;border:2px dashed #cbd5e0;border-radius:.75rem;transition:all .3s ease}.cp-dropzone.dragging{border-color:#6b46c1;background:#f3ebff}.cp-upload-icon{width:3rem;height:3rem;color:#6b46c1;margin:0 auto 1rem;display:block}.cp-upload-title{font-size:1.125rem;font-weight:600;text-align:center;margin-bottom:.5rem}.cp-upload-text{text-align:center;color:#718096;margin-bottom:1rem}.cp-file-input{display:none}.cp-upload-btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:#6b46c1;color:#fff;border-radius:.5rem;cursor:pointer;transition:background .3s ease;margin:0 auto}.cp-upload-btn:hover{background:#553c9a}.cp-camera-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.cp-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:2rem}.cp-preview-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden}.cp-preview-img{width:100%;height:100%;object-fit:cover}.cp-remove-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:50%;background:#e53e3e;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.cp-preview-item:hover .cp-remove-btn{opacity:1}.cp-remove-icon{width:1rem;height:1rem}.cp-preview-section{display:flex;flex-direction:column;gap:2rem}.cp-review-box{background:#f3ebff;border-radius:.75rem;padding:1.5rem}.cp-review-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.cp-nav-buttons{display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem;border-top:1px solid #e9d8fd}.cp-back-btn{padding:.75rem 1.5rem;border:2px solid #9f7aea;color:#553c9a;border-radius:.5rem;font-weight:500;background:none;cursor:pointer;transition:all .3s ease}.cp-back-btn:hover{background:#f3ebff}.cp-next-btn{padding:.75rem 1.5rem;background:#6b46c1;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .3s ease;margin-left:auto}.cp-next-btn:hover{background:#553c9a}@media (max-width: 768px){.cp-container{padding:1rem}.cp-progress{flex-direction:column;gap:1rem}.cp-progress-item{width:100%;justify-content:flex-start}.cp-chevron{display:none}.cp-category-grid,.cp-type-grid{grid-template-columns:1fr}.cp-card-content{padding:1rem}.cp-nav-buttons{flex-direction:column;gap:1rem}.cp-back-btn,.cp-next-btn{width:100%;margin:0}}.cp-preview-video{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.cp-files-list{margin-top:1.5rem;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.cp-file-item{display:flex;align-items:center;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0}.cp-file-item:last-child{border-bottom:none}.cp-file-icon{width:1.5rem;height:1.5rem;color:#6b46c1;margin-right:.75rem}.cp-file-name{flex:1;font-size:.875rem;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-file-remove-btn{padding:.25rem;background:none;border:none;color:#e53e3e;cursor:pointer;opacity:.6;transition:opacity .3s ease}.cp-file-remove-btn:hover{opacity:1}.cp-dropzone+.cp-dropzone{margin-top:2rem}.cp-dropzone[accept="video/*"]{border-color:#9f7aea}.cp-dropzone[accept="video/*"].dragging{background:#f3ebff}@media (max-width: 768px){.cp-file-item{padding:.5rem}.cp-file-name{font-size:.75rem}}.cp-preview-section{padding:1rem}.cp-preview-container{display:flex;flex-direction:column;gap:2rem}.cp-section-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem}.cp-preview-group{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.cp-preview-subtitle{font-size:1.125rem;font-weight:600;color:#4a5568;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f7fafc}.cp-preview-details{display:flex;flex-direction:column;gap:1rem}.cp-preview-prod{display:flex;gap:1rem;padding:.5rem;background:#f8fafc;border-radius:.5rem}.cp-preview-label{min-width:120px;font-weight:600;color:#4a5568}.cp-preview-value{color:#64748b;flex:1}.cp-preview-featured-image{width:auto;height:auto;object-fit:cover}.cp-preview-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.875rem}.cp-preview-files{display:flex;flex-direction:column;gap:.5rem}.cp-preview-file{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border-radius:.5rem}.cp-preview-file-icon{width:1.25rem;height:1.25rem;color:#6b46c1}.cp-preview-filename{color:#64748b;font-size:.875rem}.cp-input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (max-width: 768px){.cp-preview-prod{flex-direction:column;gap:.25rem}.cp-preview-label{min-width:auto}.cp-input-row{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:2rem}.modal-container{background:#fff;border-radius:1rem;width:95%;max-width:1200px;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease-out}.modal-close-btn{position:absolute;top:.1rem;right:.5rem;background:none;border:none;cursor:pointer;z-index:1001;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .2s ease}.modal-close-btn:hover{background-color:#f7fafc;color:#2d3748}.modal-content-product{padding:2rem}.cp-container{min-height:auto;background:none;padding:0}.cp-card{box-shadow:none;background:transparent}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f7fafc}.modal-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-container{width:100%;height:100%;max-height:100vh;border-radius:0}.modal-content-product{padding:.5rem}}.custom-multi-select{color:#000}.cp-tags-input-container{position:relative}.cp-tags-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9d8fd;border-top:none;border-radius:0 0 .5rem .5rem;z-index:10;max-height:200px;overflow-y:auto}.cp-tag-suggestion-item{padding:.5rem 1rem;cursor:pointer;transition:background .2s}.cp-tag-suggestion-item:hover{background:#f3ebff}.cp-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.cp-tag-item{display:flex;align-items:center;background:#f3ebff;border:1px solid #9f7aea;border-radius:1rem;padding:.25rem .75rem;font-size:.875rem}.cp-tag-remove-btn{background:none;border:none;padding:0;margin-left:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b46c1}.cp-tag-remove-icon{width:.75rem;height:.75rem}.cp-tags-hint{display:block;margin-top:.5rem;font-size:.75rem;color:#718096}.visit-menu-container{position:absolute;top:74px;left:0;z-index:1100;transition:top .2s,position .2s}@media (max-width: 900px){.visit-menu-container{top:61px}}.visit-menu-container.sticky{position:fixed;top:0;left:0;z-index:1100}.visit-vertical-btn{writing-mode:vertical-rl;transform:rotate(180deg);background:#6c63ff;color:#fff;border:none;border-radius:20px 20px 0 0;padding:10px 8px;cursor:pointer;font-size:18px;box-shadow:0 2px 8px #0000001a}.visit-menu{display:flex;flex-direction:column;align-items:center;min-width:130px;animation:slideIn .4s cubic-bezier(.77,0,.18,1) forwards}@keyframes slideIn{0%{transform:translate(-120%);opacity:0}to{transform:translate(0);opacity:1}}.visit-close-btn{background:none;border:none;font-size:22px;color:#888;align-self:flex-end;margin-right:10px;cursor:pointer}.visit-menu-btn{margin:10px 0;padding:5px 0;border-radius:40px;font-size:20px;font-weight:600;cursor:pointer;width:120px;text-align:center;transition:background .2s,color .2s,font-size .2s;text-decoration:none;display:block}.zone,.learn{display:flex;align-items:center;justify-content:center;background:#6c63ff;color:#fff}.tech{display:flex;align-items:center;justify-content:center;background:#7c6cff;color:#fff}.visit-menu-btn.active{background:#fff;color:#000;font-size:22px;border:2px solid #ff9800;box-shadow:0 2px 8px #0000001f}.visit-x{font-family:Montserrat,Arial Black,Arial,sans-serif;font-weight:600;font-size:1.5em;margin-right:4px;color:#2d217c;letter-spacing:1px;vertical-align:middle}.landing-middle{margin:80px 32px 0}.landing_about{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:50px}.landing_about_cnt{font-size:24px;margin-bottom:1.4rem;padding:0 1rem;font-family:Arial,Helvetica,sans-serif}.landing_about_txt{font-size:42px;font-weight:600;padding-bottom:3rem;color:#1f1f1f;font-family:Poppins,sans-serif}.landing_abt_img{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.landing_abt_img img{flex:1 1 400px;max-width:600px;width:100%;height:auto;border-radius:5px;object-fit:cover}@media only screen and (max-width: 1200px){.middle_quote_txt{font-size:1.3rem}.middle_p_cnt{font-size:1.8rem}.middle_img_content,.miidle_img_real{gap:1.5rem}}@media (max-width: 768px){.landing_about_txt{font-size:36px;padding-bottom:2rem}}@media (max-width: 576px){.landing_about_txt{font-size:28px}}@media only screen and (max-width: 768px){.middle_quote_txt{font-size:1.1rem}.middle_p_cnt{font-size:1.4rem}.content_index{width:2rem;height:2rem;font-size:1rem}.content_p_head{font-size:1rem}.content_p{font-size:.85rem;margin-bottom:1rem}.landing_about_cnt{font-size:1.6rem}.middle_img_content,.miidle_img_real,.landing_abt_img{gap:1rem}.landing_abt_img img{flex-basis:100%;max-width:100%;padding:0 1rem}}@media only screen and (max-width: 576px){.content_covering{padding:15px}.middle_quote_txt{font-size:1rem}.middle_p_span{font-size:1.5rem}.middle_p_cnt{font-size:1.2rem}.content_index{width:1.8rem;height:1.8rem;font-size:.9rem}.content_p_head{font-size:.9rem}.content_p{font-size:.8rem;margin-bottom:.8rem}.landing_about_cnt{font-size:1.4rem}.middle_img_content,.miidle_img_real,.landing_abt_img{gap:.8rem}}.toggle-container{margin-top:100px}.toggle-buttons{margin:0 auto;display:flex;justify-content:center;align-items:center;gap:1rem;background-color:#faf6f9;padding:8px 10px;width:fit-content;border-radius:50px}.toggle-btn{padding:12px 24px;border:none;border-radius:30px;background-color:transparent;color:#ff8a2b;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.toggle-btn.active{background-color:#ff8a2b;color:#fff;box-shadow:0 4px 15px #ff8a2b4d}.toggle-btn:hover:not(.active){background-color:#ff8a2b1a}@media (max-width: 789px){.landing-middle{margin:50px 20px 0}.toggle-btn{padding:8px 16px}.toggle-container{margin-top:50px}.landing_about{margin-top:30px}}:root{--primary-color: #2a2a2a;--secondary-color: #ffffff;--accent-color: #007aff;--spacing: 1rem;--border-radius: 1rem;--transition-duration: .3s}.header-bento{text-align:center;font-size:42px;color:#1f1f1f;text-transform:capitalize;margin-bottom:3rem;font-weight:600;font-family:Poppins,sans-serif}.text-para-bento{text-align:center;text-transform:capitalize;font-family:Arial,Helvetica,sans-serif;font-size:24px}@media (max-width: 768px){.header-bento{font-size:36px;margin-bottom:2rem}.text-para-bento{font-size:16px}}@media (max-width: 576px){.header-bento{font-size:28px;margin-bottom:1rem}}.bento-grid-img{width:100%;height:auto;display:block;margin:0 auto;max-height:700px;object-fit:contain}@media (min-width: 1000px){.bento-grid-img{width:80%}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.jp-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;color:#fff}.jp-title-section{text-align:center;margin-bottom:3rem}.jp-main-title{font-size:42px;font-weight:600;margin:0;color:#1f1f1f;font-family:Poppins,sans-serif}.jp-process-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.jp-process-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column}.jp-card-image{width:100%;height:220px;display:flex;justify-content:center;align-items:center;padding:1.5rem}.jp-card-image img{max-width:100%;max-height:100%;object-fit:contain}.jp-card-content{padding:1.5rem;background-color:#fff;color:#000}.jp-card-content h3{font-size:18px;font-weight:600;margin-top:0;margin-bottom:1rem;display:flex;align-items:center}.jp-step-number{color:#ff8a2b;margin-right:.5rem;font-weight:700}.jp-card-content p{margin:0;font-size:1rem;line-height:1.5;color:#333;text-align:justify}@media (max-width: 992px){.jp-process-cards-container{grid-template-columns:repeat(3,1fr);gap:1rem}.jp-card-image{height:180px}}@media (max-width: 768px){.jp-process-cards-container{grid-template-columns:repeat(2,1fr)}.jp-main-title{font-size:36px}}@media (max-width: 576px){.jp-process-cards-container{grid-template-columns:1fr}.jp-main-title{font-size:28px}.jp-card-image{height:200px}}.aj-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;color:#fff}.aj-title-section{text-align:center;margin-bottom:3rem}.aj-main-title{font-size:42px;font-weight:600;margin:0;color:#1f1f1f;font-family:Poppins,sans-serif}.aj-process-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.aj-process-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column}.aj-card-image{width:100%;height:220px;display:flex;justify-content:center;align-items:center;padding:1.5rem}.aj-card-image img{max-width:100%;max-height:100%;object-fit:contain}.aj-card-content{padding:1.5rem;background-color:#fff;color:#000}.aj-card-content h3{font-size:1.25rem;font-weight:600;margin-top:0;margin-bottom:1rem;display:flex;align-items:center}.aj-step-number{color:#ff8a2b;margin-right:.5rem;font-weight:700}.aj-card-content p{margin:0;font-size:1rem;line-height:1.5;color:#333}@media (max-width: 992px){.aj-process-cards-container{grid-template-columns:repeat(3,1fr);gap:1rem}.aj-card-image{height:180px}}@media (max-width: 768px){.aj-process-cards-container{grid-template-columns:repeat(2,1fr)}.aj-main-title{font-size:36px}}@media (max-width: 576px){.aj-process-cards-container{grid-template-columns:1fr}.aj-main-title{font-size:28px}.aj-card-image{height:200px}}.sa-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;color:#fff}.sa-title-section{text-align:center;margin-bottom:3rem}.sa-main-title{font-size:42px;font-weight:600;margin:0;color:#1f1f1f;font-family:Poppins,sans-serif}.sa-process-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.sa-process-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column}.sa-card-image{width:100%;height:220px;display:flex;justify-content:center;align-items:center;padding:1.5rem}.sa-card-image img{max-width:100%;max-height:100%;object-fit:contain}.sa-card-content{padding:1.5rem;background-color:#fff;color:#000}.sa-card-content h3{font-size:1.25rem;font-weight:600;margin-top:0;margin-bottom:1rem;display:flex;align-items:center}.sa-step-number{color:#ff8a2b;margin-right:.5rem;font-weight:700}.sa-card-content p{margin:0;font-size:1rem;line-height:1.5;color:#333}@media (max-width: 992px){.sa-process-cards-container{grid-template-columns:repeat(3,1fr);gap:1rem}.sa-card-image{height:180px}}@media (max-width: 768px){.sa-process-cards-container{grid-template-columns:repeat(2,1fr)}.sa-main-title{font-size:36px}}@media (max-width: 576px){.sa-process-cards-container{grid-template-columns:1fr}.sa-main-title{font-size:28px}.sa-card-image{height:200px}}.landing_btm_wrap{margin-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3rem;width:100%}.community-explore-btn{height:282px;width:100%;background:radial-gradient(circle,#f3f3ff,#f3f3ff);display:flex;gap:20px;justify-content:space-between;align-items:flex-end;text-align:center;position:relative;overflow:hidden}.community-explore-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#fff,#493a84);opacity:0;transition:opacity .6s ease-in-out;z-index:1}.community-explore-btn:hover:before{opacity:1}.community-explore-btn>div{position:relative;z-index:2}.img1-community,.img2-community{position:absolute;width:300px;height:auto;margin-bottom:-10px}.img1-community img,.img2-community img{width:100%;height:100%;object-fit:contain}.img1-community{left:0;transform:translate(-100%);opacity:0;transition:all 1s ease-out}.img2-community{right:0;transform:translate(100%);opacity:0;transition:all 1s ease-out}.community-explore-btn.show-images .img1-community,.community-explore-btn.show-images .img2-community{transform:translate(0);opacity:1}.text-community{align-self:center;display:flex;flex-direction:column;gap:10px}.p-community-para{font-size:42px;z-index:12;font-family:Poppins;font-weight:600;color:#1f1f1f}.btn-explore-landing{width:fit-content;margin:0 auto;padding:10px 25px;border-radius:20px;border:none;cursor:pointer;background-color:#f67400;color:#faf6f9;transition:all .4s ease-in-out;z-index:10;font-size:16px}.btn-explore-landing:hover{background-color:#d65b00;box-shadow:2px 4px 10px #0003}.landing_btm_banner{padding-top:3rem;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;width:100%;max-width:87rem;height:auto;border-radius:1.25rem;background-image:url(/assets/bg_btm_lnd-QsSon45L.jpg);overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.landing_btm_bnr_img{max-width:40%;height:auto;object-fit:contain;flex-shrink:0}.btm_bnr_text{max-width:50%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding-left:2rem}.btm_bnr_head{text-align:left;color:#3f3e40;font-size:2rem;font-weight:600;margin-bottom:.6rem}.btm_bnr_content{color:#201d1b;font-size:1rem;font-weight:400;text-align:left;margin-bottom:1rem;line-height:1.25}.btm_bnr_button{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.3rem;font-weight:500;width:8.4375rem;height:2.75rem;border-radius:5px;background:#1a5acc;cursor:pointer;border:none}.btn_underline{color:#fff;text-decoration:none;border:none}.wtv{display:flex;align-items:center;justify-content:center;gap:.6rem}.lnd_btm_quote{margin-top:2rem;text-align:center;font-size:42px;font-weight:600;color:#1f1f1f;margin-bottom:1rem;font-family:Poppins}.lnd_btm_utills{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:60px}@media only screen and (min-width: 1440px){.landing_btm_banner{padding:3rem 2rem}.landing_btm_bnr_img{max-width:35%}.btm_bnr_text{max-width:55%;padding-left:1.5rem}}@media only screen and (max-width: 1200px){.landing_btm_banner{padding:2rem;flex-direction:row}.landing_btm_bnr_img{margin-top:0;max-width:50%;margin-bottom:1.5rem}.btm_bnr_text{max-width:45%;text-align:center;padding-left:1rem}.btm_bnr_head{font-size:1.75rem}.btm_bnr_content{font-size:.9rem;margin-bottom:2.5rem}}@media only screen and (max-width: 768px){.landing_btm_banner{padding:1.5rem;flex-direction:column}.p-community-para{font-size:36px}.btm_bnr_head{font-size:1.5rem}.btm_bnr_content{font-size:.85rem;margin-bottom:2rem}.btm_bnr_button{margin-top:2rem}.lnd_btm_quote{font-size:36px}}@media only screen and (max-width: 480px){.landing_btm_wrap{margin-top:2rem;margin-bottom:2rem}.p-community-para,.lnd_btm_quote{font-size:28px}.landing_btm_banner{padding:1rem 1rem 3rem;flex-direction:column}.landing_btm_bnr_img{margin-top:0;max-width:100%;margin-bottom:1rem}.btm_bnr_text{max-width:100%;text-align:center}.btm_bnr_head{font-size:1.25rem}.btm_bnr_content{font-size:.75rem;margin-bottom:1.5rem}.btm_bnr_button{margin-top:2.5rem}}.gt_tch{padding:10px;background:#f67400;color:#faf6f9;cursor:pointer;display:inline-block;font-size:16px;border-radius:5px;margin:20px;transition:all .2s ease-in-out}.gt_tch:hover{background:#d65b00;box-shadow:0 2px 8px #0003}.modal-overlay-btm{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1099}.modal-contact{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#faf6f9;padding:20px;border-radius:10px;width:400px;z-index:2000}@media (max-width: 600px){.modal-contact{width:350px}}.close-btn-contact{float:right;cursor:pointer;font-size:24px;color:#333}.modal-contact h2{color:#1f1f1f}.modal-contact input,.modal-contact textarea{width:100%;padding:10px;margin-top:10px;border:1px solid #333;border-radius:5px;background-color:#f3f3ff}.error{color:red;font-size:14px}.social-links{display:flex;align-items:center;justify-content:center;margin-top:20px;text-align:center}.social-links a{margin:0 10px;text-decoration:none;color:#555;font-size:24px}.submit-btn-btm{padding:8px 10px;font-size:1rem;border-radius:10px;cursor:pointer;background-color:#f67400;color:#faf6f9;border:none;transition:all .3s;text-align:center;display:block;margin:10px auto}.submit-btn-btm:hover{background-color:#d65b00;border:none}.fixed-contact-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background-color:#f67400;color:#fff;display:flex;justify-content:center;align-items:center;border:none;box-shadow:0 4px 10px #0000004d;cursor:pointer;z-index:999;transition:all .3s ease;overflow:hidden}.fixed-contact-button:hover{width:150px;border-radius:30px;background-color:#d65b00}.fixed-contact-button svg{font-size:24px}.fixed-contact-button:hover svg{margin-right:8px}.contact-button-text{display:none;white-space:nowrap}.fixed-contact-button:hover .contact-button-text{display:inline}@media (max-width: 768px){.fixed-contact-button{width:50px;height:50px;bottom:20px;right:20px}.fixed-contact-button:hover{width:50px;border-radius:50%}.fixed-contact-button:hover .contact-button-text{display:none}.fixed-contact-button:hover svg{margin-right:0}}.product_container{display:flex;gap:2rem;padding:1.5rem;margin:0 auto 3rem}.product-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}.product-card{position:relative;background-color:#faf6f9;border-radius:10px;transition:all .3s ease;display:flex;padding:10px;flex-direction:column;box-shadow:0 2px 4px #0000001a}.product-card:hover{box-shadow:0 8px 24px #0000001f}.product_img{position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px}.product_img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;box-shadow:inset 0 20px 20px -20px #00000080,inset 0 -20px 20px -20px #00000080;z-index:1}.product_img img{width:100%;height:100%;object-fit:fill;border-radius:8px;transition:transform .3s ease}.heart-icon-container{position:absolute;bottom:6.2rem;right:1rem;display:flex;gap:.75rem;z-index:10}.bookmark-icon-container{position:absolute;top:1rem;right:1rem;display:flex;gap:.75rem;z-index:10}.item_type{position:absolute;top:1rem;right:3.2rem;display:flex;gap:.75rem;z-index:10;font-size:.6rem;color:#0b0b0b;background-color:#fffc;padding:8px;border-radius:50%;font-weight:600}.name-author-publishedby{position:absolute;bottom:4.2rem;left:1rem;z-index:100;color:#fff;font-size:12px;font-style:italic}.item-info-rating-review{display:flex;justify-content:space-between}.star-rating-product{display:flex;gap:5px;align-items:center}.heart-icon,.bookmark-icon{background-color:#fffc;padding:8px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.filled-heart{color:#ff4757}.unfilled-heart{color:#0c0c0c!important}.filled-bookmark{color:#2c3e50}.unfilled-bookmark{color:#0c0c0c}.item_info{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:.1rem;padding-top:10px;border-radius:1rem}.item_name{font-size:16px;font-weight:600;color:#333}.item_price{font-size:14px;color:#5c5959}.item_price span{font-weight:600;color:#5c5959;font-size:18px}.filter_display{display:none;width:300px;max-width:350px;max-height:500px;background-color:#faf6f9;padding:1.5rem;border-radius:1rem}@media (min-width: 768px){.filter_display{position:sticky;top:10px}}.fltr_active{display:block}.applied_filters{display:flex;flex-direction:column;gap:1rem}.appd_fltr_itm_p{color:#1f1f1f;font-size:1rem;font-weight:500;margin:0 0 .75rem}.filter_div,.asst_type_fltr{display:flex;flex-wrap:wrap;gap:.75rem}.filter_item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#9c88eb4d;border-radius:.5rem;color:#000;font-size:.875rem;font-weight:400;transition:all .2s ease;cursor:pointer}.filter_item:hover{background-color:#9c88eb99;color:#000}.filter_item img{width:16px;height:16px;opacity:.6}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.error-message{color:#ef4444;text-align:center;font-size:1.125rem}.router_link{text-decoration:none;color:inherit}@media (max-width: 768px){.product_container{flex-direction:column;padding:1rem}.filter_display{width:100%;max-width:none}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.filter_item.clickable{cursor:pointer}.filter_item.active{background-color:#2a4365;color:#fff}.price-inputs{display:flex;align-items:center;gap:10px;margin-top:5px}.price-input{width:80px;padding:5px;border-radius:4px;background-color:#9c88eb4d;color:#000;border:none;outline:none}.price-input::-webkit-inner-spin-button,.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.navbar-category-section{padding:1rem 0;border-bottom:1px solid #e9ecef;margin:40px 0}.navbar-category-section-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:2rem;padding:0 1rem}.navbar-category-section-container p{margin:0}.navbar-category-section-container a{text-decoration:none;color:#6c757d;font-weight:500;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease}.navbar-category-section-container a:hover{color:#007bff;background:#e7f1ff}.navbar-category-section-container a.active{color:#fff;background:#007bff}@media (max-width: 768px){.navbar-category-section-container{gap:1rem;padding:0 .5rem}.navbar-category-section-container a{padding:.4rem .8rem;font-size:.9rem}}.productgrid-msg{text-align:center;padding:20px}.xerospace-product-hover-overlay{position:absolute;top:-210px;left:-10px;width:100%;height:auto;z-index:4000;animation:xerospace-zoomIn .3s ease-out;transform-origin:center center}@keyframes xerospace-zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.xerospace-product-hover-modal{position:relative;width:370px;height:310px;border-radius:15px;padding:0;color:#fff;overflow:hidden;box-shadow:0 10px 30px #0000004d;background-position:center;background-size:cover;background-repeat:no-repeat}.xerospace-product-hover-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--modal-bg-image, none);background-size:cover;background-position:center;filter:brightness(.7);z-index:-1;pointer-events:none}.xerospace-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:5px}.xerospace-modal-close{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.xerospace-modal-content{display:flex;flex-direction:column;padding:0 15px}.xerospace-modal-title{font-size:20px;font-weight:700;margin-bottom:10px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.xerospace-modal-description{margin-bottom:15px;color:#ffffffe6;font-size:14px;max-width:100%;line-height:1.4}.xerospace-modal-thumbnails{display:flex;gap:8px;margin-bottom:15px;overflow-x:auto;padding-bottom:8px}.xerospace-modal-thumbnails::-webkit-scrollbar{height:3px}.xerospace-modal-thumbnails::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.xerospace-modal-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.xerospace-modal-thumbnail{width:70px;height:50px;border-radius:5px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;opacity:.7}.xerospace-modal-thumbnail:hover{opacity:1}.xerospace-modal-thumbnail.active{border-color:#fff;opacity:1}.xerospace-modal-thumbnail img{width:100%;height:100%;object-fit:cover}.xerospace-modal-view-more{margin-top:auto;display:flex;align-items:center;justify-content:center;opacity:.7;cursor:pointer;padding:8px 0}.xerospace-view-more-text{display:flex;align-items:center;gap:5px;font-size:14px;color:#fff}.xerospace-view-more-text:before{content:"";display:inline-block;width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transform:rotate(-45deg)}.xerospace-modal-footer{position:absolute;bottom:0;display:flex;width:100%;justify-content:space-between;align-items:center;padding:15px;background:#00000080}.xerospace-modal-file-info{display:flex;gap:8px}.xerospace-file-format{padding:4px 8px;background:#fff3;border-radius:4px;font-size:12px;font-weight:500}.xerospace-modal-stats{display:flex;gap:10px;align-items:center}.xerospace-stat-downloads,.xerospace-stat-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:#fff}.item_info{position:relative}.product-card:has(.item_info:hover){z-index:10}.pagination-container{padding:1rem;display:flex;gap:10px;justify-content:flex-end;align-items:center}.pagination-info{font-size:.875rem;color:#666}.pagination-controls{display:flex;gap:.5rem}.pagination-button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#f5f5f5}.pagination-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer}.pagination-select:focus{outline:none;border-color:#999}.pagination-productGrid{display:flex;flex-direction:column}:root{--primary-color: #7b61e3;--primary-light: rgba(123, 97, 227, .1);--primary-hover: rgba(123, 97, 227, .2);--primary-active: rgba(123, 97, 227, .8);--text-color: #333;--text-secondary: #666;--border-color: rgba(123, 97, 227, .2);--background-light: #f8f9fa;--white: #ffffff;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 24px;--transition: all .25s ease;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px}.filter-wrapper{padding:16px 24px;width:100%}.filter-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap;width:100%}.filter-section{display:flex;align-items:center;gap:10px}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper .select-icon,.select-wrapper .sort-icon{position:absolute;right:12px;color:var(--primary-color);pointer-events:none;transition:var(--transition)}.category-section{min-width:180px}.category-select{width:100%;padding:10px 36px 10px 16px;font-size:16px;font-weight:500;color:var(--text-color);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition);box-shadow:var(--shadow)}.category-select:hover{border-color:var(--primary-color)}.category-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.technology-section{flex:1;position:relative}.tech-toggle-btn{display:none;align-items:center;gap:var(--spacing-sm);padding:10px 16px;font-size:15px;font-weight:500;color:var(--text-color);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.tech-toggle-btn .toggle-icon{transition:var(--transition)}.tech-toggle-btn .toggle-icon.active{transform:rotate(180deg)}.tech-toggle-btn:hover{background-color:var(--primary-light)}.tech-filters{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%}.scroll-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background-color:var(--white);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);color:var(--primary-color)}.scroll-btn:hover{background-color:var(--primary-light)}.tech-options{display:flex;gap:var(--spacing-md);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px}.tech-options::-webkit-scrollbar{display:none}.tech-option{white-space:nowrap;padding:10px 16px;font-size:14px;font-weight:400;color:var(--text-color);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition)}.tech-option:hover{background-color:var(--primary-light)}.tech-option.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.actions-section{display:flex;align-items:center;gap:var(--spacing-md)}.filter-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;font-size:15px;font-weight:500;color:var(--text-color);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.filter-button:hover{background-color:var(--primary-light)}.filter-button.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.filter-button .filter-icon{font-size:16px}.sort-dropdown{min-width:180px}.sort-select{width:100%;padding:10px 36px 10px 16px;font-size:15px;font-weight:500;color:var(--text-color);background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition);box-shadow:var(--shadow)}.sort-select:hover{border-color:var(--primary-color)}.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.sort-icon{color:var(--primary-color);font-size:18px}@media (max-width: 1024px){.filter-wrapper{padding:16px}.filter-container{gap:var(--spacing-md)}.category-section,.sort-dropdown{min-width:150px}}@media (max-width: 768px){.filter-wrapper{padding:12px}.filter-container{flex-direction:column;gap:10px}.tech-toggle-btn{display:flex;justify-content:space-between;width:100%}.tech-filters{display:none;flex-direction:column;padding:var(--spacing-md) 0}.tech-filters.show{display:flex}.tech-options{width:100%;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}.scroll-btn{display:none}.tech-option{flex:1;min-width:calc(50% - 8px);text-align:center;padding:8px 12px}.actions-section{flex-direction:row;justify-content:space-between;width:100%}.filter-button,.sort-dropdown{flex:1}.category-section{width:100%}}@media (max-width: 840px){.tech-filters{display:none}}@media (max-width: 480px){.filter-wrapper{padding:8px}.tech-option{min-width:calc(50% - 4px);font-size:13px;padding:6px 8px}.filter-button,.sort-select,.category-select{font-size:14px;padding:8px 12px}.filter-button{justify-content:center}.filter-button .filter-icon{margin:0}}.filter-section.search-section{min-width:220px;display:flex;align-items:center}.filter-search-input{width:100%;padding:10px 16px;font-size:15px;border:1px solid var(--border-color, #ccc);border-radius:var(--border-radius-md, 12px);background:var(--white, #fff);color:var(--text-color, #333);transition:border-color .2s;box-shadow:var(--shadow, 0 2px 8px rgba(0, 0, 0, .05))}.filter-search-input:focus{outline:none;border-color:var(--primary-color, #7b61e3);box-shadow:0 0 0 2px var(--primary-light, rgba(123, 97, 227, .1))}.condition_sec_i{margin-top:5rem;margin-bottom:5rem}.condition_sec_i_h{color:#3f3e40;font-family:Jost;font-size:2.25rem;font-style:normal;font-weight:500;line-height:normal;text-align:center;margin-bottom:1rem}.condition_sec_i_p{color:#201d1b;text-align:center;font-family:Jost;font-size:1rem;font-style:normal;font-weight:400;line-height:normal}.condition_sec_ii{padding:4rem 0;width:100%;background-color:#d9d9d966;display:flex;align-items:center;justify-content:center;gap:9.8rem;margin-bottom:3.81rem}.condition_sec_ii_h{color:#201d1b;text-align:center;font-family:Jost;font-size:1.5rem;font-style:normal;font-weight:600;line-height:normal;text-align:left;margin-bottom:1.2rem}.condition_sec_ii_p{color:#201d1b;font-family:Jost;font-size:1rem;font-style:normal;font-weight:300;line-height:normal}.terms_big_txt{color:#201d1b;font-family:Jost;font-size:1rem;font-style:normal;font-weight:400;line-height:normal;text-align:center}.condition_sec_iii{margin:2.5rem 10rem 6.08rem}.condition_sec_iii_h{color:#201d1b;text-align:center;font-family:Jost;font-size:1.5rem;font-style:normal;font-weight:600;line-height:normal;text-align:left;margin-bottom:.5rem}.condition_sec_iii_p{color:#201d1b;font-family:Jost;font-size:1rem;font-style:normal;font-weight:300;line-height:normal;text-align:left;margin-bottom:3rem}@media screen and (max-width: 767px){.condition_sec_i{margin-top:3rem;margin-bottom:3rem}.condition_sec_i_h{font-size:1.75rem}.condition_sec_ii{flex-direction:column;gap:2rem;padding:2rem 1rem}.condition_sec_iii{margin:2rem 1rem 4rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.condition_sec_i_h{font-size:2rem}.condition_sec_ii{gap:4rem;padding:3rem 2rem}.condition_sec_iii{margin:2.5rem 5rem 5rem}}@media screen and (min-width: 1024px) and (max-width: 1279px){.condition_sec_ii{gap:6rem}.condition_sec_iii{margin:2.5rem 7rem 5.5rem}}@media screen and (min-width: 1280px) and (max-width: 1439px){.condition_sec_ii{gap:8rem}.condition_sec_iii{margin:2.5rem 8rem 6rem}}@media screen and (min-width: 1440px){.condition_sec_i_h{font-size:2.5rem}.condition_sec_i_p{font-size:1.125rem}.condition_sec_ii{gap:10rem}.condition_sec_ii_h{font-size:1.75rem}.condition_sec_ii_p{font-size:1.125rem}.condition_sec_iii{margin:3rem 12rem 7rem}.condition_sec_iii_h{font-size:1.75rem}.condition_sec_iii_p{font-size:1.125rem}}@media screen and (min-width: 1920px){.condition_sec_i{max-width:1800px;margin-left:auto;margin-right:auto}.condition_sec_i_h{font-size:3rem}.condition_sec_i_p{font-size:1.25rem}.condition_sec_ii{gap:12rem}.condition_sec_ii_h{font-size:2rem}.condition_sec_ii_p{font-size:1.25rem}.condition_sec_iii{max-width:1800px;margin-left:auto;margin-right:auto}.condition_sec_iii_h{font-size:2rem}.condition_sec_iii_p{font-size:1.25rem}}.footer{background-color:#000;color:#fff;padding:40px 40px 20px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.footer-container{display:flex;flex-wrap:wrap;margin:0 auto;gap:40px}.footer-left{flex:1;min-width:250px}.footer-logo img{width:61.5px;height:auto;filter:drop-shadow(0 0 10px rgba(255,255,255,.7))}.img-h2-logo{display:flex;align-items:center;gap:15px;margin-bottom:1rem}.footer-logo h2{font-size:24px;margin:0 0 10px;display:inline}.footer-logo p{margin:0 0 20px;font-size:14px}.footer-buttons{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.footer-buttons button{padding:10px 15px;border-radius:20px;border:1px solid #fff;background:transparent;color:#fff;font-size:12px;cursor:pointer;transition:all .3s ease}.footer-buttons button:hover{background-color:#ffffff1a}.subsidiary{margin-top:20px}.subsidiary p{font-size:14px;margin:0 0 5px}.xeroverse{font-weight:700;font-size:20px;letter-spacing:1px;color:#fff;text-decoration:none}.footer-links{display:flex;flex:2;flex-wrap:wrap;gap:30px}.footer-column{flex:1;min-width:150px}.footer-column h3{font-size:16px;margin-bottom:15px;font-weight:600}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:10px}.footer-column a{color:#fff;text-decoration:none;font-size:14px;transition:color .3s ease;margin-bottom:10px;display:block}.footer-column a:hover{color:#ccc}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:20px;margin-left:auto;margin-right:auto}.copyright{font-size:12px;color:#999}.social-links{display:flex;align-items:center;gap:15px}.social-links p{font-size:14px;margin:0}.social-icons{display:flex;gap:10px}.social-icon-footer{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;text-decoration:none;transition:transform .3s ease}.social-icon-footer:hover{transform:scale(1.1)}@media (max-width: 768px){.footer-container{flex-direction:column;gap:30px}.footer{background-color:#000;color:#fff;padding:20px}.footer-links{flex-wrap:wrap;gap:10px}.footer-column{min-width:120px;flex-basis:calc(50% - 20px)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:15px}.social-links{width:100%;justify-content:space-between}}@media (max-width: 480px){.footer-buttons{flex-direction:column;width:100%}.footer-buttons button{width:100%}}.product_pg_content{margin:30px 40px}.product_pg_details{display:flex;justify-content:center;gap:2.5rem;margin-bottom:3rem}.product_pg_middle{margin-top:50px}.product_pg_middle_h{font-size:24px;font-weight:600;margin-left:20px;color:#1f1f1f}.product_pg_dtls{width:40rem;padding:.5rem 2.5rem;display:flex;flex-direction:column}.prd_pg_type_p{color:#5a6acf;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.prd_pg_type_h{font-size:2.25rem;font-weight:700;line-height:1.2;color:#121212;margin-bottom:.75rem;letter-spacing:-.01em}.prd_pg_crtr{display:flex;align-items:center;gap:.5rem;font-size:14px;margin-bottom:1rem;color:#64748b}.prd_pg_crtr span{color:#1e293b;font-size:15px;font-weight:600;position:relative;padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .2s ease}.prd_pg_crtr span:hover{border-color:#1e293b}.prd_pg_price{color:#64748b;font-size:15px;margin-bottom:1rem;display:flex;align-items:baseline;gap:.5rem}.prd_pg_price span{color:#121212;font-size:1.75rem;font-weight:700}.prd_pg_desp_h{font-size:1.25rem;font-weight:600;color:#1e293b;position:relative}.prd_pg_desp_p{font-size:1rem;line-height:1.7;color:#4b5563;text-align:justify}.prd_pg_btn{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.prd_btn_i{all:unset;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:.5rem;text-align:center;transition:all .2s ease;flex:1;cursor:pointer}.download_btn{background-color:#18a999;color:#fff;border:none;box-shadow:0 2px 10px #18a99933}.download_btn:hover{background-color:#138f85;transform:translateY(-2px);box-shadow:0 4px 12px #18a9994d}.bookmark-save-btn{display:flex;align-items:center;gap:.5rem;cursor:pointer;border:1px solid #138f85;border-radius:5px;padding:.5rem 1rem;font-size:1rem;font-weight:600;color:#138f85;transition:all .2s ease;justify-content:center}.bookmark-save-btn:hover{color:#138f85}.orange_btn{display:flex;align-items:center;gap:.5rem;justify-content:center;background:#4338ca;color:#fff;box-shadow:0 2px 10px #4338ca33}.orange_btn:hover{background:#3b2fc9;transform:translateY(-2px);box-shadow:0 4px 12px #4338ca4d}.black_btn{color:#1e293b;border:1.5px solid #cbd5e1;background:#fff}.black_btn:hover{background:#f8fafc;border-color:#94a3b8}@media (max-width: 599px){.product_pg_content{margin:20px}.prd_pg_btn{margin-top:0}.product_pg_details{flex-direction:column;gap:1.5rem}.product_pg_dtls{width:100%;padding:0 .5rem;gap:1rem}.prd_pg_type_h,.prd_pg_price span{font-size:1.5rem}.prd_pg_desp_h{font-size:1.1rem;margin-top:1rem}.prd_pg_desp_p{font-size:.9rem}}@media (min-width: 600px) and (max-width: 1023px){.product_pg_details{flex-direction:column}.product_pg_dtls{width:100%;padding:0}.desktop_reviews{display:none}.prd_pg_type_h{font-size:1.75rem}}@media (min-width: 1024px) and (max-width: 1439px){.product_pg_dtls{width:35rem}}@media (min-width: 1440px){.product_pg_dtls{width:40rem}}.product_gallery{width:40rem;display:flex;flex-direction:column;gap:1rem;position:relative}.stat_item{position:absolute;bottom:10px;right:110px;display:flex;align-items:center;padding:5px;border-radius:12px;font-size:1.1rem;background-color:#fffc}.download-stats{position:absolute;top:10px;right:10px;display:flex;align-items:center;border-radius:12px;padding:5px;font-size:1.1rem;background-color:#fffc}.star-stats{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;padding:5px;border-radius:12px;font-size:1.1rem;background-color:#fffc}.stat_count-star{display:flex;align-items:center;gap:2px}.gallery_main{position:relative;width:100%;height:38rem;border-radius:1.5rem;overflow:hidden;color:#000}.main_media{width:100%;height:100%;object-fit:contain;border-radius:1.5rem;background-color:#fff}.main_media.video{background:#000}.gallery_nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:2;transition:background-color .3s}.gallery_nav:hover{background:#fffffff2}.gallery_nav.prev{left:1rem}.gallery_nav.next{right:1rem}.gallery_thumbs{width:100%;overflow:hidden}.thumbs_container{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.thumbs_container::-webkit-scrollbar{height:6px}.thumbs_container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.thumbs_container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.thumb_item{flex:0 0 80px;height:80px;border-radius:.75rem;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .3s}.thumb_item.active{border-color:#000}.thumb_media{width:100%;height:100%;object-fit:cover}@media (max-width: 599px){.product_gallery{width:100%}.gallery_main{height:300px}.thumb_item{flex:0 0 60px;height:60px}}@media (min-width: 600px) and (max-width: 1023px){.product_gallery{width:100%}.gallery_main{height:400px}}@media (min-width: 1024px) and (max-width: 1439px){.product_gallery{width:35rem}.gallery_main{height:35rem}}.product_stats_reviews{color:#fff}.product_stats{display:flex;gap:30px;margin-bottom:30px;padding:20px 0;border-bottom:1px solid #eee}.stat_icon{font-size:1.4rem}.reviews_section{margin-top:30px}.reviews_heading{font-size:16px;margin-bottom:20px;color:#000;border-bottom:2px solid #ff7f50;padding-bottom:6px;display:inline-block}.review_list{display:flex;flex-direction:column;gap:20px}.review_card{background:#faf6f9;border-radius:8px;padding:10px;box-shadow:0 2px 4px #0000001a}.review_header{display:flex;justify-content:space-between;align-items:center}.review_user{color:#1f1f1f}.review_rating{display:flex;gap:3px}.rating_star{color:#ddd;font-size:1.2rem}.rating_star.filled{color:gold}.review_content{color:#333;line-height:1.6;margin:0;font-size:14px}.reviews_section_mobile{display:none}@media (max-width: 1022px){.desktop_reviews{display:none}.reviews_section_mobile{display:block;margin-top:20px}.reviews_section_mobile .reviews_section{margin-top:0}}@media (max-width: 768px){.product_stats{flex-direction:column;gap:15px}.review_header{flex-direction:column;align-items:flex-start;gap:10px}}.compatible_devices_section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0;overflow:hidden;flex:1;display:flex;flex-direction:column;align-self:flex-start}.devices_header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;cursor:pointer;transition:background-color .2s ease}.devices_header:hover{background:#f1f3f5}.devices_heading{margin:0;font-size:16px;font-weight:600;color:#343a40}.compatible_devices_section .expand_icon{font-size:12px;color:#868e96;transition:transform .2s ease}.compatible_devices_section .expand_icon.expanded{transform:rotate(180deg)}.devices_content,.file_formats_content{height:0;overflow:hidden;transition:height .3s ease}.devices_list{padding:12px 20px;display:flex;flex-wrap:wrap;gap:10px}.device_item{background:#f0f0f0;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:5px}.device_name{font-size:14px;color:#495057}.device_item:before{content:"✓";color:#4caf50;font-weight:700}@media (max-width: 480px){.device_item{font-size:12px;padding:6px 12px}}.file_formats_section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0;overflow:hidden;flex:1;display:flex;flex-direction:column;align-self:flex-start}.file_formats_header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;cursor:pointer;transition:background-color .2s ease}.file_formats_header:hover{background:#f1f3f5}.file_formats_heading{margin:0;font-size:16px;font-weight:600;color:#343a40}.file_formats_section .expand_icon{font-size:12px;color:#868e96;transition:transform .2s ease}.file_formats_section .expand_icon.expanded{transform:rotate(180deg)}.devices_content.expanded,.file_formats_content.expanded{height:auto;transition:all .3s ease}.format_item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e9ecef}.format_item:last-child{border-bottom:none}.format_name{font-size:14px;color:#495057;font-weight:500}.format_count{background:#e9ecef;padding:4px 8px;border-radius:4px;font-size:12px;color:#495057;font-weight:600}.format_item:hover{background:#f8f9fa}.compatible-filename{display:flex;gap:10px;align-items:flex-start}.loading-product-center{display:flex;justify-content:center;align-items:center}@media (max-width: 599px){.compatible-filename{flex-direction:column;gap:0}}.fa_flag_Product{color:#000}.wishlist-container{margin:32px}.heading-wishlist{font-size:32px;font-weight:600;margin-bottom:1.5rem;color:#1f1f1f;font-family:Poppins}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.wishlist-item{border-radius:10px;padding:5px;background:#faf6f9;box-shadow:0 2px 4px #0000001a;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between;position:relative}.icon-cross-wishlist{position:absolute;top:10px;right:10px;background-color:#00000080;padding:1px;display:flex;align-items:center;justify-content:center;border-radius:50%}.wishlist-item:hover{transform:translateY(-5px)}.item-image{width:100%;height:200px;object-fit:fill;border-radius:5px}.item-details{margin-top:5px;display:flex;align-items:flex-end;justify-content:space-between;padding-right:10px}.item-details h3{margin:0;font-size:16px;color:#333;font-weight:500}.price-wishlist{font-size:20px;color:#000;font-weight:700}.button-group{display:flex;gap:10px;margin-top:15px}.add-to-cart-btn,.remove-btn{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:500;flex:1;transition:background-color .2s}.add-to-cart-btn{background-color:#4338ca;color:#fff}.add-to-cart-btn:hover{background-color:#0f0769}.remove-btn{color:#c53030}.remove-btn:hover{color:#030202}.empty-wishlist{text-align:center;color:#333;font-size:1.1rem;margin:100px}.img-wishlist-empty{display:flex;flex-direction:column;align-items:center;gap:30px}.img-wishlist-empty img{width:300px;height:200px}@media (max-width: 768px){.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 480px){.wishlist-grid{grid-template-columns:1fr}.wishlist-container{margin:16px}.button-group{flex-direction:column}}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.item-price-name-underline{text-decoration:none}.item-price-name-underline:hover{text-decoration:underline}.sut__container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0b0404;padding:20px}.sut__card{background:url(/assets/mainback-hC0_D8TM.png);background-size:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transform-style:preserve-3d;transition:transform .3s ease}.individual-container{min-height:100vh;padding:20px;position:relative}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s}.back-button:hover{background-color:wheat}.form-wrapper{max-width:1400px;margin:40px auto;display:flex;justify-content:center;border-radius:20px;padding:30px}.image-section{flex:1}.image-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4}.image-card img{width:100%;height:100%;object-fit:cover}.image-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px;border-radius:20px;color:#fff}.form-section{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.form-section h2{margin-bottom:30px;text-align:center}.input-group{display:flex;align-items:center;margin-bottom:20px;gap:20px}.input-group label{min-width:120px;text-align:center}.input-group input{flex:1;padding:12px 15px;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#000;font-size:.9rem;max-width:400px}.input-group input::placeholder{color:#00000080}@media (max-width: 768px){.individual-container{padding:0;background:none}.form-wrapper{flex-direction:column;padding:0;gap:0;margin:0;background:none;box-shadow:none;position:relative;height:100%}.image-section{max-width:100%;height:100%;position:absolute;top:0;left:0;right:0;z-index:1}.image-card{height:100%;width:100%;border-radius:0}.image-card img{width:100%;height:100%;object-fit:cover}.form-section{position:relative;z-index:2;padding:20px;background:linear-gradient(180deg,#0000,#2e335a80 10%,#2e335af2 30%);height:auto;margin-top:155px;display:flex;flex-direction:column}.form-section h2{text-align:center;margin:20px 0 30px;font-size:1.5rem}.input-group{margin:0 0 15px;display:flex;padding:0;gap:8px}.input-group label{margin:0;font-size:.9rem;align-self:flex-start}.input-group input{width:100%;max-width:300px;background:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:12px;color:#000}.input-group input::placeholder{color:#0009}.back-button{position:fixed;top:20px;left:20px;z-index:3;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;padding:8px}}@media (max-width: 480px){.form-section{padding:15px}.input-group{margin-bottom:12px}.form-section h2{margin:15px 0 25px}}.device-type-group{position:relative}.device-dropdown-container{position:relative;width:100%;max-width:300px}.device-input{display:flex;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;transition:all .2s ease;overflow:hidden}.device-icon{flex-shrink:0;margin-right:12px;color:#757575;min-width:20px}.device-text{white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-right:8px}.device-text::-webkit-scrollbar{display:none}.dropdown-wrapper{position:absolute;top:calc(100% + 8px);left:0;display:flex;width:100%;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;z-index:1000}.categories-list{width:30%;border-right:1px solid #e0e0e0;max-height:300px;overflow-y:auto}.category-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.category-item:hover{background-color:#f5f5f5}.category-item.active{background-color:#e3f2fd;color:#2196f3}.devices-list{width:70%;max-height:300px;overflow-y:auto;padding:8px}.device-item{padding:10px 16px;margin:4px 0;border-radius:20px;cursor:pointer;transition:background-color .2s ease}.device-item:hover{background-color:#f5f5f5}.device-item.selected{background-color:#e3f2fd;color:#2196f3}.categories-list::-webkit-scrollbar,.devices-list::-webkit-scrollbar{width:6px}.categories-list::-webkit-scrollbar-thumb,.devices-list::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}@media (max-width: 768px){.dropdown-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh;flex-direction:column}.categories-list{width:100%;max-height:30vh;border-right:none;border-bottom:1px solid #e0e0e0}.devices-list{width:100%;max-height:50vh}}.interests-dropdown-container{position:relative;width:100%;max-width:300px!important}.interests-input{display:flex;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;transition:all .2s ease;overflow:hidden}.interests-icon{flex-shrink:0;margin-right:12px;color:#757575;min-width:20px}.interests-text{white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-right:8px}.interests-text::-webkit-scrollbar{display:none}.interests-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;max-height:300px;overflow-y:auto;z-index:1000}.interest-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.interest-item:hover{background-color:#f5f5f5}.interest-item.selected{background-color:#e3f2fd;color:#2196f3}.interests-dropdown::-webkit-scrollbar{width:6px}.interests-dropdown::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}@media (max-width: 768px){.interests-dropdown-container{max-width:100%}.interests-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh}}.date-input-container{position:relative;width:100%;max-width:300px!important}.date-input-container input[type=date]{width:100%;padding:12px 40px 12px 16px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;color:#333;background:#fff;cursor:pointer}.calendar-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#757575;pointer-events:none;font-size:16px;z-index:1}.date-input-container input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;border-radius:20px}@media (max-width: 768px){.calendar-icon{right:16px;font-size:18px}.date-input-container input[type=date]{padding-right:45px}}@media (max-width: 480px){.calendar-icon{right:16px;font-size:20px}.date-input-container input[type=date]{padding-right:48px}}.date-input-container input[type=date]::-webkit-datetime-edit-text,.date-input-container input[type=date]::-webkit-datetime-edit-month-field,.date-input-container input[type=date]::-webkit-datetime-edit-day-field,.date-input-container input[type=date]::-webkit-datetime-edit-year-field{color:#757575}.date-input-container input[type=date]:valid::-webkit-datetime-edit-text,.date-input-container input[type=date]:valid::-webkit-datetime-edit-month-field,.date-input-container input[type=date]:valid::-webkit-datetime-edit-day-field,.date-input-container input[type=date]:valid::-webkit-datetime-edit-year-field{color:#333}.date-input-container input[type=date]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.date-input-container input[type=date]:hover{border-color:#bdbdbd}@media (max-width: 768px){.date-input-container{max-width:100%}.date-input-container input[type=date]{font-size:16px}}.phone-input-container{display:flex;align-items:center;width:100%;max-width:300px!important;gap:8px}.country-code-dropdown{position:relative;min-width:100px}.selected-code{display:flex;align-items:center;gap:8px;padding:10px!important;background:#fff;color:#000!important;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;transition:all .2s ease}.selected-code:hover{border-color:#bdbdbd}.dropdown-arrow{font-size:10px;color:#757575}.country-list{position:absolute;top:calc(100% + 8px);left:0;width:250px;max-height:300px;overflow-y:auto;background:#fff;color:#000;border-radius:20px;box-shadow:0 4px 20px #0000001a;z-index:1000}.country-item{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;transition:background-color .2s ease}.country-item:hover{background-color:#f5f5f5}.country-item span:nth-child(2){flex:1}.phone-input-container input[type=tel]{flex:1;padding:12px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px}.phone-input-container input[type=tel]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}@media (max-width: 768px){.phone-input-container{max-width:100%}.country-list{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:300px;max-height:80vh}}.btn-individual-btn{width:fit-content;height:fit-content;padding:10px 15px;background-color:#4338ca;border:none;border-radius:10px;cursor:pointer;color:#fff;margin:20px auto;display:block}.input-readonly-individual{background-color:#f0f0f0!important;color:#757575!important;cursor:not-allowed!important}.creator-profile__container{min-height:100vh;background:#120329;padding:20px;position:relative}.creator-profile__back-button{position:absolute;top:20px;left:20px;background:#fff;border:none;color:#4338ca;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;z-index:10}.creator-profile__form-progress{height:6px;background:#e5e7eb;border-radius:3px;margin-bottom:20px;overflow:hidden}.creator-profile__progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#4338ca,#6366f1);border-radius:3px;transition:width .3s ease}.creator-profile__back-button:hover{transform:translate(-3px);box-shadow:0 4px 12px #00000026}.creator-profile__wrapper{max-width:1200px;margin:40px auto;display:flex;gap:30px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.creator-profile__image-section{flex:1;display:none}.creator-profile__image-card{position:relative;height:100%;overflow:hidden}.creator-profile__image-card img{width:100%;height:100%;object-fit:cover}.creator-profile__image-text{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px 25px;border-radius:30px;color:#4338ca;font-weight:600;box-shadow:0 4px 15px #0000001a;white-space:nowrap}.creator-profile__form{display:flex;flex-direction:column;gap:20px}.creator-profile__form-section{flex:2;padding:40px;overflow-y:auto;max-height:90vh;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.creator-profile__title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:10px}.creator-profile__subtitle{font-size:16px;color:#6b7280;margin-bottom:30px}.creator-profile-container{display:flex;gap:50px}.creator-profile__form-group{display:flex;flex-direction:column;gap:8px}.creator-profile__label{font-size:14px;font-weight:500;color:#374151}.creator-profile__input{height:48px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#1f2937;transition:all .3s ease;background:#f9fafb}.creator-profile__input:focus{outline:none;border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a;background:#fff}.creator-profile__input::placeholder{color:#9ca3af}.creator-profile__input--readonly{background-color:#f3f4f6;cursor:not-allowed}.creator-profile__textarea{min-height:100px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#1f2937;transition:all .3s ease;background:#f9fafb;resize:vertical}.creator-profile__textarea:focus{outline:none;border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a;background:#fff}.creator-profile__dropdown{position:relative}.creator-profile__dropdown-toggle{height:45px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease}.creator-profile__dropdown-toggle:hover{border-color:#d1d5db}.creator-profile__dropdown--active .creator-profile__dropdown-toggle{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a}.creator-profile__dropdown-icon{color:#6b7280}.creator-profile__dropdown-text{flex:1;font-size:14px;color:#1f2937}.creator-profile__dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:250px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.creator-profile__dropdown-item{padding:10px 16px;font-size:14px;color:#1f2937;cursor:pointer;transition:all .2s ease}.creator-profile__dropdown-item:hover{background:#f3f4f6}.creator-profile__dropdown-item--selected{background:#ede9fe;color:#4338ca}.creator-profile__device-dropdown{display:flex;position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;z-index:1000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.creator-profile__categories{width:150px;border-right:1px solid #e5e7eb;overflow-y:auto;max-height:300px}.creator-profile__category{padding:10px 16px;font-size:14px;color:#1f2937;cursor:pointer;transition:all .2s ease}.creator-profile__category:hover{background:#f3f4f6}.creator-profile__category--active{background:#ede9fe;color:#4338ca}.creator-profile__devices{flex:1;padding:8px;overflow-y:auto;max-height:300px}.creator-profile__device{padding:8px 12px;font-size:14px;color:#1f2937;cursor:pointer;border-radius:8px;transition:all .2s ease}.creator-profile__device:hover{background:#f3f4f6}.creator-profile__device--selected{background:#ede9fe;color:#4338ca}.creator-profile__submit-button{margin-top:20px;height:50px;background:#4338ca;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.creator-profile__submit-button:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}.creator-profile__submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.creator-profile__loading{display:flex;align-items:center;gap:10px}.creator-profile__loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@media (min-width: 768px){.creator-profile__image-section{display:block}}@media (max-width: 768px){.creator-profile__container{padding:10px}.creator-profile-container{flex-direction:column;gap:20px}.creator-profile__wrapper{margin:20px auto;flex-direction:column;gap:0}.creator-profile__form-section{padding:20px}.creator-profile__title{font-size:24px}.creator-profile__subtitle{font-size:14px}.creator-profile__device-dropdown,.creator-profile__dropdown-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh;z-index:1001}.creator-profile__dropdown--active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}}.creator-profile__portfolio-input{display:flex;gap:10px}.creator-profile__add-link-btn{padding:0 15px;background:#4338ca;color:#fff;border:none;border-radius:12px;font-size:14px;cursor:pointer;transition:all .3s ease}.creator-profile__add-link-btn:hover{background:#4f46e5}.creator-profile__add-link-btn:disabled{background:#9ca3af;cursor:not-allowed}.creator-profile__link-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.creator-profile__link-tag{display:flex;align-items:center;gap:5px;background:#ede9fe;color:#4338ca;padding:5px 10px;border-radius:20px;font-size:14px}.creator-profile__link-text{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-profile__remove-link{background:none;border:none;color:#4338ca;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0}.creator-profile__error{color:#ef4444;font-size:12px;margin-top:4px}.creator-profile__hint{color:#6b7280;font-size:12px;margin-top:4px}.both-profile__back-button{position:absolute;top:20px;left:20px;background:#fff;border:none;color:#4338ca;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;z-index:10}.both-profile__back-button:hover{transform:translate(-3px);box-shadow:0 4px 12px #00000026}.both-profile__container{min-height:100vh;background:#120329;padding:20px;position:relative}.both-profile__wrapper{max-width:1200px;margin:40px auto;display:flex;gap:30px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.both-profile__image-section{flex:1;display:none}.both-profile__image-card{position:relative;height:100%;overflow:hidden}.both-profile__image-card img{width:100%;height:100%;object-fit:cover}.both-profile__image-text{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px 25px;border-radius:30px;color:#4338ca;font-weight:600;box-shadow:0 4px 15px #0000001a;white-space:nowrap}.both-profile__form-section{flex:2;padding:40px;overflow-y:auto;max-height:90vh}.both-profile__title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:10px}.both-profile__subtitle{font-size:16px;color:#6b7280;margin-bottom:30px}.both-profile__form{display:flex;flex-direction:column;gap:20px}.both-profile__form-progress{height:6px;background:#e5e7eb;border-radius:3px;margin-bottom:20px;overflow:hidden}.both-profile__progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#4338ca,#6366f1);border-radius:3px;transition:width .3s ease}.both-profile__form-group{display:flex;flex-direction:column;gap:8px}.both-profile__label{font-size:14px;font-weight:500;color:#4b5563}.both-profile__input{height:48px;padding:0 5px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1f2937;transition:all .2s ease;background:#f9fafb}.both-profile__input:focus{outline:none;border-color:#4338ca;box-shadow:0 0 0 3px #6366f11a;background:#fff}.both-profile__input::placeholder{color:#9ca3af}.both-profile__input--readonly{background-color:#f3f4f6;cursor:not-allowed}.both-profile__textarea{min-height:100px;padding:16px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1f2937;resize:vertical;transition:all .2s ease;background:#f9fafb;font-family:inherit}.both-profile__textarea:focus{outline:none;border-color:#4338ca;box-shadow:0 0 0 3px #6366f11a;background:#fff}.both-profile__hint{font-size:12px;color:#6b7280}.both-profile__phone-input{display:flex;gap:10px}.both-profile__country-dropdown{position:relative;min-width:100px;display:flex;gap:10px}.both-profile__selected-code{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.both-profile__selected-code:hover{border-color:#d1d5db}.both-profile__dropdown-arrow{font-size:10px;color:#9ca3af}.both-profile__country-list{position:absolute;top:calc(100% + 5px);left:0;width:250px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:100}.both-profile__country-item{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:background .2s ease}.both-profile__country-item:hover{background:#f3f4f6}.both-profile__phone-number{flex:1}.both-profile__date-input{position:relative}.both-profile__calendar-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.both-profile__dropdown{position:relative}.both-profile__dropdown--active .both-profile__dropdown-toggle{border-color:#4338ca;box-shadow:0 0 0 3px #6366f11a}.both-profile__dropdown-toggle{display:flex;align-items:center;height:48px;padding:0 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.both-profile__dropdown-toggle:hover{border-color:#d1d5db}.both-profile__dropdown-icon{margin-right:12px;color:#6b7280}.both-profile__dropdown-text{flex:1;font-size:15px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.both-profile__dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;width:100%;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:100;padding:8px}.both-profile__dropdown-item{padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;font-size:14px;color:#4b5563}.both-profile__dropdown-item:hover{background:#f3f4f6}.both-profile__dropdown-item--selected{background:#ede9fe;color:#4338ca;font-weight:500}.both-profile__dropdown-item--selected:before{content:"✓";margin-right:8px}.both-profile__interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.both-profile__device-dropdown{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:100;display:flex;overflow:hidden}.both-profile__categories{width:40%;border-right:1px solid #e5e7eb;max-height:300px;overflow-y:auto}.both-profile__category{padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#4b5563}.both-profile__category:hover{background:#f3f4f6}.both-profile__category--active{background:#ede9fe;color:#4338ca;font-weight:500}.both-profile__devices{width:60%;max-height:300px;overflow-y:auto;padding:8px}.both-profile__device{padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;font-size:14px;color:#4b5563}.both-profile__device:hover{background:#f3f4f6}.both-profile__device--selected{background:#ede9fe;color:#4338ca;font-weight:500}.both-profile__submit-button{margin-top:20px;height:50px;background:#4338ca;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.both-profile__submit-button:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}.both-profile__submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.both-profile__loading{display:flex;align-items:center;gap:10px}.both-profile__loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.both-profile__dropdown-menu::-webkit-scrollbar,.both-profile__categories::-webkit-scrollbar,.both-profile__devices::-webkit-scrollbar,.both-profile__country-list::-webkit-scrollbar,.both-profile__form-section::-webkit-scrollbar{width:6px}.both-profile__dropdown-menu::-webkit-scrollbar-thumb,.both-profile__categories::-webkit-scrollbar-thumb,.both-profile__devices::-webkit-scrollbar-thumb,.both-profile__country-list::-webkit-scrollbar-thumb,.both-profile__form-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}@media (min-width: 768px){.both-profile__image-section{display:block}}@media (max-width: 768px){.both-profile__wrapper{margin:20px auto;flex-direction:column;gap:0}.both-profile__form-section{padding:20px}.both-profile__title{font-size:24px}.both-profile__subtitle{font-size:14px}.both-profile__device-dropdown,.both-profile__dropdown-menu,.both-profile__country-list{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:60vh;z-index:1001}.both-profile__dropdown--active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.both-profile__device-dropdown{flex-direction:column}.both-profile__categories{width:100%;max-height:150px;border-right:none;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;padding:10px}.both-profile__category{white-space:nowrap;padding:8px 16px;border-radius:20px;margin:0 4px}.both-profile__devices{width:100%;max-height:300px}.both-profile__interests-grid{grid-template-columns:1fr}.both-profile__phone-input{gap:10px}}@media (max-width: 480px){.both-profile__container{padding:10px}.both-profile__wrapper{margin:10px auto;border-radius:15px}.both-profile__form-section{padding:15px}.both-profile__title{font-size:22px}.both-profile__label{font-size:13px}.both-profile__input,.both-profile__dropdown-toggle,.both-profile__selected-code{height:44px;font-size:14px}.both-profile__submit-button{height:46px;font-size:15px}}.both-profile__dropdown-menu,.both-profile__device-dropdown,.both-profile__country-list{animation:fadeIn .2s ease-out}.both-profile__input:hover,.both-profile__textarea:hover,.both-profile__dropdown-toggle:hover,.both-profile__selected-code:hover{border-color:#d1d5db}.both-profile__wrapper{transition:transform .3s ease,box-shadow .3s ease}.both-profile__wrapper:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.both-profile__form-group{position:relative;transition:transform .2s ease}.both-profile__form-group:focus-within{transform:translateY(-2px)}.both-profile__dropdown-item--selected{position:relative;padding-left:30px}.both-profile__dropdown-item--selected:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:#4338ca;border-radius:4px}.both-profile__dropdown-item--selected:after{content:"✓";position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#fff;font-size:12px}.both-profile__device--selected{border-left:3px solid #4338ca;padding-left:13px}.both-profile__form-section{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.both-profile__tooltip{position:relative;display:inline-block;margin-left:5px;color:#9ca3af}.both-profile__tooltip:hover:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:#1f2937;color:#fff;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100}.both-profile__tooltip:hover:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.both-profile__input--error,.both-profile__textarea--error,.both-profile__dropdown--error .both-profile__dropdown-toggle{border-color:#ef4444;background-color:#fef2f2}.both-profile__error-message{color:#ef4444;font-size:12px;margin-top:4px}.both-profile__success-message{background-color:#ecfdf5;color:#10b981;padding:12px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.both-profile__input:focus,.both-profile__textarea:focus,.both-profile__dropdown-toggle:focus,.both-profile__selected-code:focus,.both-profile__submit-button:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}@media print{.both-profile__container{background:none;padding:0}.both-profile__wrapper{box-shadow:none;margin:0;padding:0}.both-profile__back-button,.both-profile__submit-button{display:none}}.both-profile__location-dropdown{width:100%;justify-content:flex-start;gap:10px;padding:12px}.both-profile__close-button{position:absolute;top:8px;right:8px;background:#f3f4f6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#4b5563;transition:all .2s ease;z-index:101}.both-profile__close-button:hover{background:#e5e7eb;color:#1f2937}.both-profile__dropdown-menu{position:relative;padding-top:24px}.verify-phno{align-self:center}.verify-phno{margin-top:8px}.verify-button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.verify-button:disabled{background-color:#ccc;cursor:not-allowed}.otp-verification{display:flex;gap:8px;align-items:center}.otp-input{padding:8px;border:1px solid #ddd;border-radius:4px;width:120px}.verify-otp-button{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.verify-otp-button:disabled{background-color:#ccc;cursor:not-allowed}.verification-error{color:#dc3545;font-size:12px;margin-top:4px}.both-profile__verified-phone{display:flex;align-items:center;gap:8px;background-color:#f8f9fa;padding:8px;border-radius:4px;border:1px solid #e9ecef}.both-profile__selected-code.verified{background-color:#e9ecef;cursor:default;display:flex;align-items:center;gap:4px}.verified-badge{color:#28a745;font-weight:700;margin-left:4px}.both-profile__phone-number.verified{background-color:#e9ecef;cursor:default}.verified-text{color:#28a745;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px}.verified-text:before{content:"✓";color:#28a745;font-weight:700}.selectingLogin{display:flex}.sut__container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0b0404;padding:20px}.sut__card{background:url(/assets/mainback-hC0_D8TM.png);background-size:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px 40px 40px!important;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transform-style:preserve-3d;transition:transform .3s ease}.sut__title{color:#fff;text-align:center;margin-bottom:30px;font-size:3rem;font-weight:600;letter-spacing:2px;font-family:Poppins}.signupflex{opacity:0;transform:translate(100%)}.signupflexscreen{opacity:1;transform:translate(0)}.login-header-title{text-align:center;color:#fff;padding:20px;font-size:1.3rem;font-family:Arial,Helvetica,sans-serif}.closebutton{cursor:pointer;position:relative;top:20px;left:20px;color:#fff}.modern-login{background-image:url(/assets/signupimg1-CbgFSVN0.png);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;overflow-x:hidden}.modern-login .login-container{position:relative;max-width:480px;width:90%;margin:2rem auto;padding:2rem;background:#fff6;border-radius:0 50px;border:2px solid rgb(128,128,214);box-shadow:0 8px 30px #00000014}.modern-login .login-content{width:100%}.modern-login .login-title{font-size:2rem;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:1rem;line-height:1.2;font-family:Poppins;text-transform:uppercase}.modern-login .login-subtitle{color:#666;font-size:1rem;line-height:1.5}.modern-login .error-message{background-color:#fff2f2;color:#ff4d4d;padding:12px;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.modern-login .login-form{width:100%}.modern-login .form-group{margin-bottom:1.5rem;width:100%}.modern-login .form-label{font-size:16px;color:#0a0909;font-weight:600;margin-bottom:.1rem}.modern-login .form-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background-color:#fff;color:#1a1a1a}.modern-login .form-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e21a}.modern-login .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modern-login .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.modern-login .checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #e0e0e0;border-radius:4px;position:relative;cursor:pointer}.modern-login .checkbox-input:checked{background-color:#0e0e0e;border-color:#f6f7f9}.modern-login .checkbox-input:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.modern-login .checkbox-text{font-size:.9rem;color:#000}.modern-login .forgot-password{color:#000;text-decoration:none;font-size:.9rem;font-weight:500}.modern-login .forgot-password:hover{text-decoration:underline}.modern-login .login-button{padding:10px 20px;background-color:#f9fafb;color:#0a0808;border:none;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;border:1px solid #070707;transition:background-color .3s ease;display:block;margin:0 auto}.modern-login .login-button:hover:not(:disabled){background-color:#ecf0f4}.modern-login .login-button:disabled{background-color:#ccc;cursor:not-allowed}.modern-login .login-button.loading{background-color:#e7ebf0;cursor:not-allowed}.modern-login .social-divider{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;margin:2rem 0}.modern-login .social-divider hr{width:100%;border:none;border-top:1px solid #211c1c}.modern-login .social-divider span{padding:0 1rem;color:#0f0a0a;font-size:1.5rem;font-weight:600}.modern-login .social-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0;z-index:-1}.modern-login .social-buttons{display:flex;justify-content:center;align-items:center;gap:2rem;background-color:#fffc;padding:.7rem;margin:0 auto;max-width:250px;border-radius:30px;border:1px solid blue;margin-bottom:1rem;color:#000}.modern-login .social-buttons .social-icon{width:20px;height:20px}.modern-login .social-button:hover{border-color:#4a90e2;color:#4a90e2}.modern-login .social-icon{font-style:normal;font-size:1.2rem;border:none;cursor:pointer}.modern-login .signup-link{text-align:center;color:#000;font-size:.9rem;margin-top:1.5rem}.modern-login .signup-link a{color:#fff;text-decoration:none}.modern-login .signup-link a:hover{text-decoration:underline}.modern-login .close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:4px 12px;border-radius:4px;line-height:1}.modern-login .close-button:hover{background:#f5f5f5}.modern-login .footer-links{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.modern-login .footer-links p{font-size:.9rem;color:#0f0d0d}.modern-login .footer-links p a{color:#000;text-decoration:none}@media (max-width: 480px){.modern-login{padding:0}.modern-login .login-container{width:90%;margin:1rem auto;padding:1.5rem 1rem;border-radius:0 30px}.modern-login .login-title{font-size:1.5rem}.modern-login .form-label{font-size:14px}.modern-login .form-input{padding:10px 12px;font-size:14px}.modern-login .form-options{align-items:flex-start;gap:10px}.modern-login .social-buttons{flex-wrap:wrap;gap:1rem;padding:.5rem;max-width:200px}.modern-login .footer-links{flex-direction:column;align-items:center;gap:5px}.password-reset-container{width:90%;max-width:420px;padding:.5rem}.h2-login-passwordreset{font-size:1.3rem;margin-top:20px}.form-resetpassword{padding:15px}}@media (max-width: 360px){.modern-login .login-container{width:95%;padding:1rem .8rem}.modern-login .login-title{font-size:1.3rem}.modern-login .social-buttons{max-width:180px;gap:.7rem}}.password-reset-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.password-reset-container{background-color:#fffc;position:relative;border-radius:20px;width:400px}.closebutton-login{position:absolute;right:10px;top:10px;cursor:pointer}.h2-login-passwordreset{margin-top:30px;text-align:center}.form-resetpassword{display:flex;flex-direction:column;gap:10px;padding:20px}.login-reset-button{padding:10px;width:fit-content;margin:0 auto;border-radius:10px;border:none;outline:none;cursor:pointer;background-color:#4338ca;color:#fff;transition:all .3s}.login-reset-button:hover{background-color:#1c08fb;box-shadow:0 5px 10px #0000004d}.login-reset-button-new{text-align:center;cursor:pointer;color:#4338ca;font-size:14px;font-weight:600;margin-top:10px}.error-message-login{color:red;font-size:14px;font-weight:600;margin-top:10px;text-align:center}.resend-timer{color:#4338ca;font-size:14px;font-weight:600;margin-top:10px;text-align:center}.selectingUserSignup{display:flex}.sut__container{width:100%;min-height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:#0b0404;padding:20px}.sut-layout{width:45%}.sut__raj{width:100%;height:100%;object-fit:cover}.sut-raj{width:100%;height:100%;object-fit:contain}.sut__welcome-screen{width:100%;max-width:500px;perspective:1000px}.sut__card{background:url(/assets/mainback-hC0_D8TM.png);background-size:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px 40px 40px!important;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);transform-style:preserve-3d;transition:transform .3s ease}.sut__card:hover{transform:translateY(-5px)}.sut__title{color:#fff;text-align:center;margin-bottom:30px;font-size:3rem;font-weight:600;letter-spacing:2px}.sut__button-group{display:flex;flex-direction:column;gap:20px}.sut__button{width:100%;padding:15px;border:none;border-radius:10px 25px;background:transparent;color:#fff;font-size:16px;border:1px solid #ffffff;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.sut__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.sut__button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #06f6}.sut__button:hover:before{left:100%}.sut__button:active{transform:translateY(1px)}@media screen and (max-width: 600px){.sut__card{padding:30px 20px}.sut__title{font-size:2rem}.sut__button{padding:12px 20px;font-size:14px}}@media screen and (max-width: 769px){.sut-layout{display:none}}.signupflex{flex:1;height:100vh}.closebutton{cursor:pointer}.modern-signup{background-image:url(/assets/signupimg-D9PvYgNq.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;overflow-x:hidden}.modern-signup .signup-container{position:relative;max-width:480px;margin:0 auto;width:90%;padding:1rem;background:#ffffff4d;border-radius:0 50px;border:2px solid rgb(128,128,214);box-shadow:0 8px 30px #00000014}.modern-signup .otp-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background-color:#fff;color:#1a1a1a;margin-bottom:1rem}.modern-signup .resend-otp-button{padding:10px;background-color:#fcfdff;color:#050404;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:1px solid #0c0c0c}.modern-signup .signup-title{font-size:2rem;font-weight:700;text-align:center;color:#1a1a1a;margin-bottom:1rem;line-height:1.2;font-family:Poppins}.modern-signup .signup-subtitle{color:#666;font-size:1rem;line-height:1.5}.modern-signup .error-message{background-color:#fff2f2;color:#ff4d4d;padding:12px;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.modern-signup .form-group{margin-bottom:1rem;width:100%}.modern-signup .form-label{font-size:1rem;color:#0a0909;font-weight:500;margin-bottom:.1rem}.modern-signup .form-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background-color:#fff;color:#1a1a1a}.modern-signup .form-input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e21a}.modern-signup .password-hint{display:block;margin-top:.5rem;color:#666;font-size:.85rem}.modern-signup .checkbox-group{display:flex;align-items:flex-start;gap:8px;width:100%}.modern-signup .checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.modern-signup .checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:18px;height:18px;border:2px solid #0f0e0e;border-radius:4px;position:relative;cursor:pointer}.modern-signup .checkbox-input:checked{background-color:#0a0a0a;border-color:#f9fafc}.modern-signup .checkbox-input:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.modern-signup .checkbox-text{font-size:1rem;color:#000;line-height:1.4;font-weight:400}.modern-signup .checkbox-text a{color:#f7f9fb;text-decoration:none}.modern-signup .checkbox-text a:hover{text-decoration:underline}.modern-signup .signup-button{padding:10px 20px;background-color:#fcfdff;color:#050404;border:none;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;margin:0rem auto!important;border:1px solid #0c0c0c;transition:background-color .3s ease;display:block;margin:0 auto}.modern-signup .signup-button:hover:not(:disabled){background-color:#fcfdff}.modern-signup .signup-button:disabled{background-color:#ccc;cursor:not-allowed}.modern-signup .signup-button.loading{background-color:#fcfdff;cursor:not-allowed}.modern-signup .social-divider{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;margin:1rem 0}.modern-signup .social-divider hr{flex:1;border:none;border-top:1px solid #0a0404}.modern-signup .social-divider span{background:transparent;padding:0 1rem;color:#000;font-weight:600;font-size:1.5rem}.modern-signup .social-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0;z-index:-1}.modern-signup .social-buttons{display:flex;justify-content:center;align-items:center;gap:2rem;background-color:#fffc;padding:.7rem;margin:0 auto;max-width:250px;border-radius:30px;border:1px solid blue;margin-bottom:1rem;color:#000}.modern-signup .social-buttons .social-icon{height:20px;width:20px}.modern-signup .social-button:hover{border-color:#4a90e2;color:#4a90e2}.modern-signup .social-icon{font-style:normal;font-size:1.2rem;border:none;cursor:pointer}.modern-signup .login-link{text-align:center;color:#000;font-size:.9rem;margin:0}.modern-signup .login-link a{color:#fff;text-decoration:none;font-size:1rem}.modern-signup .login-link a:hover{text-decoration:underline}.modern-signup .close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:4px 12px;border-radius:4px;line-height:1}.modern-signup .close-button:hover{background:#f5f5f5}.modern-signup .success-container{text-align:center;padding:2rem}.modern-signup .success-title{font-size:1.8rem;color:#1a1a1a;margin-bottom:1rem}.modern-signup .success-message{color:#666;line-height:1.6;margin-bottom:2rem}.modern-signup .verify-button{padding:14px 32px;background-color:#4a90e2;color:#fff;margin-bottom:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.modern-signup .verify-button:hover{background-color:#357abd}.modern-signup .footer-links a{text-decoration:none;color:#000}.modern-signup .footer-links{display:flex;justify-content:space-between;margin-top:1.4rem;gap:1rem;font-size:.9rem;color:#666;text-decoration:none}@media (max-width: 480px){.modern-signup .signup-container{margin:1rem;padding:1rem}.modern-signup .signup-title{font-size:1.75rem}.modern-signup .social-buttons{flex-wrap:wrap}.modern-signup .social-button{width:calc(50% - .5rem)}}.password-input-container{position:relative;display:flex;align-items:center}.form-input{width:100%}.password-toggle-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.eye-icon{font-size:20px;color:#666}.eye-closed{opacity:.7}.enterprise-profile__container{min-height:100vh;background:#120329;padding:20px;position:relative}.enterprise-profile__back-button{position:absolute;top:20px;left:20px;background:#fff;border:none;color:#4338ca;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;z-index:10}.enterprise-profile__back-button:hover{transform:translate(-3px);box-shadow:0 4px 12px #00000026}.enterprise-profile__wrapper{max-width:1200px;margin:40px auto;display:flex;gap:30px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.enterprise-profile__image-section{flex:1;display:none}.enterprise-profile__image-card{position:relative;height:100%;overflow:hidden}.enterprise-profile__image-card img{width:100%;height:100%;object-fit:cover}.enterprise-profile__image-text{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px 25px;border-radius:30px;color:#4338ca;font-weight:600;box-shadow:0 4px 15px #0000001a;white-space:nowrap}.enterprise-profile__form-section{flex:2;padding:40px;overflow-y:auto;max-height:90vh}.enterprise-profile__title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:10px}.enterprise-profile__subtitle{font-size:16px;color:#6b7280;margin-bottom:30px}.enterprise-profile__form{display:flex;flex-direction:column;gap:20px}.enterprise-profile__form-progress{height:6px;background:#e5e7eb;border-radius:3px;margin-bottom:20px;overflow:hidden}.enterprise-profile__progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#4338ca,#6366f1);border-radius:3px;transition:width .3s ease}.enterprise-profile__form-group{display:flex;flex-direction:column;gap:8px}.enterprise-profile__label{font-size:14px;font-weight:500;color:#4b5563}.enterprise-profile__input{height:48px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1f2937;transition:all .2s ease;background:#f9fafb}.enterprise-profile__input:focus{outline:none;border-color:#4338ca;box-shadow:0 0 0 3px #6366f11a;background:#fff}.enterprise-profile__input::placeholder{color:#9ca3af}.enterprise-profile__phone-input{display:flex;gap:10px}.enterprise-profile__country-dropdown{position:relative;min-width:100px}.enterprise-profile__selected-code{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.enterprise-profile__selected-code:hover{border-color:#d1d5db}.enterprise-profile__dropdown-arrow{font-size:10px;color:#9ca3af}.enterprise-profile__country-list{position:absolute;top:calc(100% + 5px);left:0;width:250px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:100}.enterprise-profile__country-item{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:background .2s ease}.enterprise-profile__country-item:hover{background:#f3f4f6}.enterprise-profile__phone-number{flex:1}.enterprise-profile__dropdown{position:relative}.enterprise-profile__dropdown--active .enterprise-profile__dropdown-toggle{border-color:#4338ca;box-shadow:0 0 0 3px #6366f11a}.enterprise-profile__dropdown-toggle{display:flex;align-items:center;height:48px;padding:0 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.enterprise-profile__dropdown-toggle:hover{border-color:#d1d5db}.enterprise-profile__dropdown-icon{margin-right:12px;color:#6b7280}.enterprise-profile__dropdown-text{flex:1;font-size:15px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enterprise-profile__dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;width:100%;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:100;padding:8px}.enterprise-profile__dropdown-item{padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;font-size:14px;color:#4b5563}.enterprise-profile__dropdown-item:hover{background:#f3f4f6}.enterprise-profile__dropdown-item--selected{background:#ede9fe;color:#4338ca;font-weight:500}.enterprise-profile__dropdown-item--selected:before{content:"✓";margin-right:8px}.enterprise-profile__submit-button{margin-top:20px;height:50px;background:#4338ca;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.enterprise-profile__submit-button:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}.enterprise-profile__submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.enterprise-profile__otp-input{font-size:18px;letter-spacing:3px;text-align:center}.enterprise-profile__resend-button{margin-top:10px;height:50px;background:transparent;color:#4338ca;border:1px solid #4338ca;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.enterprise-profile__resend-button:hover{background:#4f46e51a}.enterprise-profile__error-message{background-color:#fee2e2;color:#ef4444;padding:12px 16px;border-radius:8px;font-size:14px}.enterprise-profile__loading{display:flex;align-items:center;gap:10px}.enterprise-profile__loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.enterprise-profile__dropdown-menu::-webkit-scrollbar,.enterprise-profile__country-list::-webkit-scrollbar,.enterprise-profile__form-section::-webkit-scrollbar{width:6px}.enterprise-profile__dropdown-menu::-webkit-scrollbar-thumb,.enterprise-profile__country-list::-webkit-scrollbar-thumb,.enterprise-profile__form-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}@media (min-width: 768px){.enterprise-profile__image-section{display:block}}@media (max-width: 768px){.enterprise-profile__wrapper{margin:20px auto;flex-direction:column;gap:0}.enterprise-profile__form-section{padding:20px}.enterprise-profile__title{font-size:24px}.enterprise-profile__subtitle{font-size:14px}.enterprise-profile__dropdown-menu,.enterprise-profile__country-list{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:60vh;z-index:1001}.enterprise-profile__dropdown--active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.enterprise-profile__phone-input{gap:8px}}@media (max-width: 480px){.enterprise-profile__container{padding:10px}.enterprise-profile__wrapper{margin:10px auto;border-radius:15px}.enterprise-profile__form-section{padding:15px}.enterprise-profile__title{font-size:22px}.enterprise-profile__label{font-size:13px}.enterprise-profile__input,.enterprise-profile__dropdown-toggle,.enterprise-profile__selected-code{height:44px;font-size:14px}.enterprise-profile__submit-button{height:46px;font-size:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enterprise-profile__dropdown-menu,.enterprise-profile__country-list{animation:fadeIn .2s ease-out}.enterprise-profile__input:hover,.enterprise-profile__dropdown-toggle:hover,.enterprise-profile__selected-code:hover{border-color:#d1d5db}.enterprise-profile__wrapper{transition:transform .3s ease,box-shadow .3s ease}.enterprise-profile__wrapper:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.enterprise-profile__form-group{position:relative;transition:transform .2s ease}.enterprise-profile__form-group:focus-within{transform:translateY(-2px)}.enterprise-profile__dropdown-item--selected{position:relative;padding-left:30px}.enterprise-profile__dropdown-item--selected:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:#4338ca;border-radius:4px}.enterprise-profile__dropdown-item--selected:after{content:"✓";position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#fff;font-size:12px}.enterprise-profile__form-section{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.enterprise-profile__input--error,.enterprise-profile__dropdown--error .enterprise-profile__dropdown-toggle{border-color:#ef4444;background-color:#fef2f2}.enterprise-profile__error-message{color:#ef4444;font-size:14px;margin-top:4px;padding:12px;background-color:#fee2e2;border-radius:8px;margin-bottom:10px}.enterprise-profile__input:focus,.enterprise-profile__dropdown-toggle:focus,.enterprise-profile__selected-code:focus,.enterprise-profile__submit-button:focus,.enterprise-profile__resend-button:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.enterprise-profile__otp-input{letter-spacing:3px;font-size:18px;text-align:center;font-weight:500}.enterprise-profile__resend-button{margin-top:15px;background:transparent;border:1px solid #4338ca;color:#4338ca;height:48px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.enterprise-profile__resend-button:hover{background-color:#4338ca1a}@media (max-width: 640px){.enterprise-profile__back-button{top:15px;left:15px;width:36px;height:36px}.enterprise-profile__wrapper{margin:30px auto 10px}.enterprise-profile__form-progress{margin-bottom:15px}.enterprise-profile__form-group{margin-bottom:5px}.enterprise-profile__phone-input{width:200px;gap:10px}.enterprise-profile__country-dropdown{width:100%}.enterprise-profile__selected-code{width:100%;justify-content:space-between}.enterprise-profile__submit-button,.enterprise-profile__resend-button{height:44px}}@media (max-width: 380px){.enterprise-profile__container{padding:8px}.enterprise-profile__title{font-size:20px}.enterprise-profile__subtitle{font-size:13px;margin-bottom:20px}.enterprise-profile__input,.enterprise-profile__dropdown-toggle,.enterprise-profile__selected-code{height:42px;font-size:13px}.enterprise-profile__label{font-size:12px}}@media (max-height: 700px){.enterprise-profile__dropdown-menu,.enterprise-profile__country-list{max-height:50vh}}.enterprise-profile__form-section.otp-verification{display:flex;flex-direction:column;justify-content:center;min-height:60vh}.enterprise-profile__form-section.otp-verification .enterprise-profile__form{max-width:400px;margin:0 auto}.enterprise-profile__error-message p{margin:0;line-height:1.5}.enterprise-profile__loading-spinner{animation:spin .8s linear infinite}@media (min-width: 1440px){.enterprise-profile__wrapper{max-width:1400px}.enterprise-profile__form-section{padding:50px}.enterprise-profile__title{font-size:32px}.enterprise-profile__subtitle{font-size:18px}}.new-profile-container>div{flex:1}.job-posting-container{max-width:900px;margin:10px auto;padding:50px;background-image:url(/assets/BorderImage4-DkmLbDJG.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#000}@media (min-width: 1600px){.job-posting-container{max-width:1200px}}.job-posting-header{display:flex;justify-content:center;margin:30px 0}.step-progress-container{display:flex;justify-content:space-between;align-items:center;width:80%;max-width:800px;position:relative}.step-item{display:flex;align-items:center;position:relative;z-index:1}.step-circle{width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;border:2px solid #e0e0e0;display:flex;justify-content:center;align-items:center;font-weight:700;color:#777;transition:all .3s ease;cursor:default;min-width:30px;min-height:30px;box-sizing:border-box;text-align:center;line-height:1;padding:0;font-size:16px}.step-circle.active{background-color:#4caf50;border-color:#4caf50;color:#fff;cursor:pointer}.step-circle.current{background-color:#fff;border-color:#4caf50;color:#4caf50;box-shadow:0 0 0 3px #4caf5033}.step-connector{height:3px;background-color:#a79797;width:100%;margin:0 5px;position:relative;z-index:0;transition:background-color .3s ease}.step-connector.active{background-color:#4caf50}.step-circle.active:not(.current){font-size:18px}.step-item{flex:1;display:flex;align-items:center}.step-item:last-child{flex:0}.job-posting-content{padding:0 30px 30px;border-radius:20px}.job-posting-step{display:flex;flex-direction:column;gap:30px}.step-title{font-size:28px;font-weight:600;margin-bottom:30px;text-align:center;position:relative}.i-icon-discount{position:absolute;top:5px;margin-left:10px}.form-group-jobpost{display:flex;flex-direction:column;gap:5px}.form-group-ptype label,.project-category-dropdown label,.project-device-compatiable label,.document-upload-jobpost label,.form-group-jobpost label{font-size:20px;font-weight:500}.form-group-jobpost small{color:gray;font-size:12px;font-style:italic}.form-project-duration{display:flex;gap:10px;margin-top:5px}.form-group-duration label{font-weight:500;font-size:20px}.input-form-duration{padding:10px;border:none;border-radius:4px;font-size:1rem;background-color:#fff;color:#000;outline:none}.select-duration{border-radius:4px;font-size:1rem;background-color:#fff;color:#000;border:none;outline:none}.form-input-jobpost,.form-textarea-jobpost{width:100%;padding:10px;border-radius:10px;background-color:#fff;font-size:1rem;color:#000;border:none;outline:none}.form-input-jobpost:focus,.form-textarea-jobpost:focus{border-color:#00d4ff;outline:none;border:none}.form-textarea-jobpost{min-height:150px;resize:vertical;margin-top:0!important}.purpose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.purpose-column{display:flex;flex-direction:column;align-items:center;gap:10px}.purpose-button{width:100%;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s ease}.purpose-button.selected,.purpose-button:hover{border-color:#4caf50;background-color:#f0f0f0}.purpose-icon{font-size:2rem}.purpose-types{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.purpose-type{padding:5px 10px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease}.purpose-type.selected,.purpose-type:hover{background-color:#4caf50;color:#fff}.platform-selection{text-align:center;display:flex;flex-direction:column;gap:20px}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.platform-button{padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;overflow:hidden;overflow-x:scroll;transition:all .3s ease}.platform-button::-webkit-scrollbar{display:none}.platform-button:hover{background-color:#e7eff2}.platform-button.selected{background-color:#4caf50;color:#fff}.review-section{background-color:#f7f9fc;color:#333;padding:25px;border-radius:12px;display:flex;flex-direction:column;gap:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e8ecf3}.project-details{display:flex;flex-direction:column;gap:18px}.project-details div{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 1px 3px #0000000d;border-left:4px solid #9c88eb;transition:all .2s ease}.project-details div:hover{box-shadow:0 3px 8px #00000014;transform:translateY(-2px)}.project-details div span{font-weight:600;color:#3e3183;font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;display:block}.project-details div{color:#444;font-size:16px;line-height:1.6}.project-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.tag-jobpost{padding:7px 14px;border-radius:6px;background-color:#3e3183;color:#fff;font-size:.9rem;font-weight:500;letter-spacing:.3px;box-shadow:0 2px 4px #3e318333;transition:all .2s ease}.tag-jobpost:hover{transform:translateY(-2px);box-shadow:0 3px 6px #3e31834d}.projects-platform{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 15px;background-color:#f0f2f5;border-radius:8px}.inlineclass{display:inline;font-weight:600;color:#444;margin-right:5px;font-size:15px}.tag.outline{background-color:#fff;border:1px solid #9c88eb;color:#3e3183;padding:5px 12px;border-radius:20px;font-size:.85rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.tag.outline:hover{background-color:#9c88eb;color:#fff;transform:translateY(-1px)}.document-upload-jobpost{display:flex;flex-direction:column;gap:10px}.file-dropzone{border:2px dashed #000;border-radius:8px;padding:10px;text-align:center;cursor:pointer;transition:all .3s ease}.file-dropzone.drag-active{border-color:#4caf50;background-color:#4caf501a}.file-input{display:none}.file-label{display:flex;flex-direction:column;align-items:center;gap:10px;color:#000}.upload-icon{font-size:2rem}.document-list{margin-top:15px;display:flex;flex-direction:column;gap:10px}.document-list h2{font-size:20px;font-weight:500}.document-item{display:flex;align-items:center;justify-content:space-between;background-color:#f7f9fc;color:#000;padding:10px;border-radius:4px}.document-icon{margin-right:10px}.document-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-document{background:none;border:none;color:#f44;cursor:pointer;font-size:1rem}.navigation-buttons{display:flex;justify-content:space-between;margin-top:30px}.nav-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:1rem}.nav-button.back,.nav-button.next{background-color:#4caf50;color:#fff}.nav-button:disabled{background-color:#c2afaf;color:#000;cursor:not-allowed}.nav-button:hover:not(:disabled){background-color:#349937;color:#fff}.skills-container{margin-bottom:15px}.skill-category{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.skill-category h3{font-size:20px;font-weight:500}.skill-badges{display:flex;flex-wrap:wrap;gap:10px}.badge{padding:5px 10px;background-color:#fff;color:#000;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.badge:hover{background-color:#00d4ff;color:#000}.badge.selected{background-color:#3e3183;color:#fff;border-color:#00d4ff}.radio-groupss{display:flex;justify-content:space-between}.radio-groupss label{display:flex;gap:5px}.payment-category{display:flex;flex-direction:column;gap:10px;margin-top:20px}.upgrades-selection{display:flex;flex-direction:column;gap:10px}.radio-group label,.upgrade-checkbox{display:flex;align-items:center;gap:10px}.project-type-selection{display:flex;flex-direction:column;gap:20px}.radio-group-projecttype{display:flex;flex-direction:column;gap:10px}.radio-group-projecttype label{display:flex;gap:10px;align-items:center}.upgrades-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.confirmation-details{background-color:#f9fafb;padding:24px;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e5e7eb;margin-bottom:24px}.selected-skills h3,.payment-details h3{font-size:18px;font-weight:600;color:#3e3183;position:relative;padding-bottom:8px}.skills-badges{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.payment-details p{font-size:20px;font-weight:600;color:#111827;background-color:#fff;padding:12px 16px;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.total-price-container{margin-bottom:30px}.resell-banner{background:linear-gradient(to bottom,#f8fafc,#f1f5f9);padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.total-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px dashed #cbd5e1}.total-price>div:first-child{font-size:18px;font-weight:600;color:#334155}.total-price>div:last-child p{margin:0;font-size:20px;font-weight:700;color:#334155}.total-price span[style*=line-through]{font-size:18px;color:#64748b;font-weight:400}.total-price span[style*="color: #10B981"]{font-size:20px;font-weight:700;color:#10b981;background-color:#10b9811a;padding:4px 8px;border-radius:8px;display:inline-block;margin-top:4px}.offreseel{display:flex;align-items:center;gap:8px;font-size:15px;color:#10b981;font-weight:500;margin-top:6px}.resell-options{display:flex;flex-direction:column;gap:16px;margin-top:20px;background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.resell-option{display:flex;align-items:flex-start;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.resell-option:hover{background-color:#f8fafc}.resell-option input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:#3e3183}.resell-option span{margin-left:10px;font-size:15px;line-height:1.5;color:#334155}.terms-condition-jobpost{color:#3e3183;font-weight:500;text-decoration:underline;cursor:pointer;transition:color .2s}.terms-condition-jobpost:hover{color:#5143a9}@media (max-width: 768px){.confirmation-details{padding:16px}.payment-details p{font-size:16px;padding:10px 12px}.total-price{flex-direction:column;align-items:flex-start;gap:10px}.total-price>div:first-child{font-size:16px}.total-price>div:last-child p{font-size:18px}.total-price span[style*=line-through],.total-price span[style*="color: #10B981"]{font-size:16px}.offreseel{font-size:14px}.resell-options{padding:12px}.resell-option span{font-size:14px}}@media (max-width: 480px){.confirmation-details{padding:12px}.selected-skills h3,.payment-details h3{font-size:16px}.payment-details p{font-size:15px;padding:8px 10px}.total-price>div:first-child{font-size:15px}.total-price>div:last-child p{font-size:16px}}.celebration{text-align:center;padding:40px 20px}.celebration-icon{font-size:4rem;margin-bottom:20px}.celebration h2{font-size:2rem;margin-bottom:15px;color:#333}.celebration p{max-width:400px;margin:0 auto 20px;color:#666}.resell-option{display:flex;justify-content:center;gap:40px}.resell-option label{display:flex;gap:5px}.job-for-options{display:flex;gap:20px}.job-for-button{display:flex;align-items:center;gap:15px;padding:15px;border-radius:8px;border:none;background:#fff;color:#000;width:100%;cursor:pointer;transition:all .3s ease}.job-for-button:hover,.job-for-button.selected{border-color:#00d4ff;background:#00d4ff;color:#000}.job-for-button .icon{font-size:24px}.job-for-button .content{text-align:left}.job-for-button .content h4{margin:0;font-size:16px}.job-for-button .content p{margin:5px 0 0;font-size:14px;color:#000}.project-type-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.project-type-button{padding:8px 16px;background-color:#9c88eb;border-radius:4px;cursor:pointer;transition:all .3s ease;border:none;color:#fff}.project-type-button.selected{background-color:#3e3183;color:#fff}.project-type-button:hover{box-shadow:0 0 10px #3e3183}.project-type-button.selected:hover{background-color:#0069d9}.group-project-detail{display:flex;justify-content:space-between;align-items:center}@media (max-width: 679px){.group-project-detail{flex-direction:column;gap:20px;align-items:start}.project-type-button{font-size:12px}}.headline-job-posting{text-align:center;margin-bottom:20px;font-size:36px}.total-price{display:flex;gap:10px}.terms-condition-jobpost{color:#349ff3;text-decoration:underline;font-style:italic}.resell-banner{display:flex;flex-direction:column;background-color:#f1f1f1;color:#000;padding:15px 20px;border-radius:5px;margin-bottom:15px}.resell-content{display:flex;flex-direction:column;margin-bottom:15px}.resell-discount{color:#4caf50;font-size:18px;font-weight:500}.terms-link{color:#3498db;text-decoration:underline;font-size:14px;margin-top:5px}.resell-options{display:flex;flex-direction:column;gap:10px;align-items:start;margin-top:20px}.resell-option{display:flex;gap:10px;cursor:pointer}.discounted-price{margin-top:15px;font-weight:700;font-size:18px;color:#4caf50}.savings{font-size:14px;color:#666}.terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.terms-modal-content{background-color:#fff;color:#000;border-radius:8px;width:80%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.terms-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;position:sticky;top:0;background-color:#fff;z-index:1}.terms-modal-header h2{margin:0;font-size:1.5rem;color:#333}.close-modal-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.terms-modal-body{padding:20px;line-height:1.6}.terms-modal-body h3{margin-top:20px;margin-bottom:10px;color:#333}.terms-modal-body h4{margin-top:15px;margin-bottom:8px;color:#444}.terms-modal-body ul{margin-left:20px;margin-bottom:15px}.terms-modal-body p{margin-bottom:15px}.terms-modal-footer{padding:15px 20px;border-top:1px solid #eee;text-align:right;position:sticky;bottom:0;background-color:#fff}.accept-terms-btn{background-color:#4a90e2;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-weight:500}.accept-terms-btn:hover{background-color:#3a7bc8}.terms-condition-jobpost{color:#4a90e2;text-decoration:underline;cursor:pointer}.terms-condition-jobpost:hover{color:#3a7bc8}.project-category-dropdown{display:inline-flex;flex-direction:column}.projectCategory-dropdown{padding:10px;margin-top:5px;font-size:16px;border-radius:5px;background-color:#fff;color:#000;border:none;outline:none}.project-device-compatiable{display:flex;flex-direction:column;margin-bottom:20px;position:relative}.project-device-compatiable label{margin-bottom:8px;font-weight:500}.custom-dropdown-container{position:relative;width:100%}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-arrow{font-size:12px;color:#666}.dropdown-options{position:absolute;top:100%;left:0;width:100%;max-height:250px;overflow-y:auto;background-color:#fff;border:none;color:#000;border-top:none;border-radius:0 0 4px 4px;z-index:10;box-shadow:0 4px 8px #0000001a}.dropdown-option{display:flex;align-items:center;padding:8px 15px;cursor:pointer;transition:background-color .2s}.dropdown-option:hover,.dropdown-option.selected{background-color:#00d4ff;color:#1c1c3e}.dropdown-option input{margin-right:10px}.selected-devices{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.selected-device-tag{display:flex;align-items:center;background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:2px;padding:2px 8px;font-size:12px;color:#1890ff}.remove-device{margin-left:5px;font-weight:700;cursor:pointer}.remove-device:hover{color:#f5222d}.combined-step-container{display:flex;flex-direction:column;gap:50px;margin-bottom:20px}@media (min-width: 768px){.combined-step-container{flex-direction:row;align-items:flex-start}.payment-section,.project-type-section{flex:1}}.section-divider{display:none}@media (min-width: 768px){.section-divider{display:block;width:1px;background-color:#c3b3b3;align-self:stretch}}.payment-section h3,.project-type-section h3{margin-top:0;margin-bottom:15px;font-size:20px;text-align:center;font-weight:500}.payment-category h4,.upgrades-selection h4{font-size:16px;text-align:center}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}.total-cost{margin-top:20px;padding:15px;background-color:#f8f8f8;border-radius:5px;border-left:4px solid #1890ff}.total-cost h4{margin:0 0 5px;color:#333}.total-cost p{margin:0;font-weight:600;color:#1890ff;font-size:18px}.help-fixed-button{position:fixed;bottom:10px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#4632a1;color:#fff;display:flex;justify-content:center;align-items:center;border:none;box-shadow:0 4px 10px #0000004d;cursor:pointer;z-index:999;font-size:20px}.help-fixed-button:hover{background-color:#3d2b8e}.help-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.help-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.help-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#4632a1;color:#fff;border-top-left-radius:12px;border-top-right-radius:12px}.help-modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.help-modal-close-btn{color:#fff;background-color:transparent;border:none;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.help-modal-body{padding:1.5rem}.help-modal-body h3{color:#4632a1;margin-top:0}.help-modal-body ol,.help-modal-body p{color:#4b5563;line-height:1.5}.budget-range-inputs{display:flex;gap:15px;margin-top:10px;width:100%}.budget-input-group{flex:1}.budget-input-group label{display:block;margin-bottom:5px;font-size:14px;color:#555}.budget-input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1em}@media (max-width: 870px){.job-posting-container{padding:50px 40px}.headline-job-posting{font-size:28px}.form-group-jobpost label{font-size:18px}.step-title{font-size:24px}.job-posting-content{padding:10px}.form-input-jobpost,.form-textarea-jobpost{font-size:14px}.form-textarea-jobpost{min-height:100px}.skill-category h3,.form-group-duration label,.form-group-ptype label,.project-category-dropdown label,.project-device-compatiable label,.document-upload-jobpost label{font-size:18px}.dropdown-option{font-size:14px}.purpose-grid,.platform-grid{grid-template-columns:1fr}.badge,.projectCategory-dropdown,.dropdown-header,.input-form-duration,.file-label span,.select-duration,.document-name{font-size:14px}.document-item{padding:5px}.step-circle{min-width:25px;width:20px;min-height:25px;height:20px;font-size:14px}.nav-button{font-size:14px}}@media (max-width: 768px){.project-details{gap:14px}.radio-group-projecttype label,.upgrades-grid{font-size:14px}.payment-section h3,.project-type-section h3{font-size:18px}.project-details div{padding:10px 12px}.project-details div span{font-size:12px;margin-bottom:4px}.project-details div{font-size:14px;line-height:1.5}.tag-jobpost{padding:5px 10px;font-size:.8rem}.projects-platform{padding:8px 12px}.inlineclass{font-size:14px}.tag.outline{padding:4px 10px;font-size:.8rem}.document-list h2{font-size:18px}}@media (max-width: 480px){.review-section{padding:12px;gap:15px}.tag-jobpost{padding:4px 8px;font-size:.75rem}.tag.outline{padding:3px 8px;font-size:.75rem}}@media (max-width: 469px){.job-for-options{display:flex;flex-direction:column}.job-posting-content{padding:0 0 30px}}.payment-details{margin-top:24px}.total-price-container{margin-bottom:30px;transition:all .3s ease}.resell-banner{background:linear-gradient(to bottom,#f8fafc,#f1f5f9);padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0;position:relative;overflow:hidden}.resell-banner:before{content:"Save 20%";position:absolute;top:0;right:0;background-color:#10b981;color:#fff;font-size:14px;font-weight:600;padding:6px 12px;border-radius:0 12px;box-shadow:0 2px 4px #10b9814d;opacity:.95;transition:all .3s ease}.total-price{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px dashed #cbd5e1}.total-price>div:first-child{font-size:18px;font-weight:700;color:#1f2937;letter-spacing:-.01em}.total-price>div:last-child{display:flex;flex-direction:column;align-items:flex-end}.total-price>div:last-child p{margin:0;font-size:20px;font-weight:700;color:#1f2937;letter-spacing:-.01em;text-align:right}.total-price span[style*=line-through]{font-size:18px;color:#64748b;font-weight:500;position:relative;display:inline-block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.total-price span[style*="color: #10B981"]{font-size:20px;font-weight:700;color:#10b981;background-color:#10b9811a;padding:6px 12px;border-radius:8px;display:inline-block;margin-top:8px;box-shadow:0 2px 5px #10b98126;animation:highlightPrice .4s ease}@keyframes highlightPrice{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.offreseel{display:flex;align-items:center;gap:8px;font-size:15px;color:#10b981;font-weight:600;margin-top:8px;background-color:#10b98114;padding:6px 10px;border-radius:6px;align-self:flex-end;animation:fadeIn .3s ease}.offreseel svg{font-size:16px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.resell-options{display:flex;flex-direction:column;gap:16px;margin-top:20px;background-color:#fff;padding:18px;border-radius:10px;box-shadow:0 1px 3px #0000000d}.resell-option{display:flex;align-items:flex-start;cursor:pointer;padding:12px;border-radius:8px;transition:all .25s ease;position:relative;border:1px solid transparent}.resell-option:hover{background-color:#f9fafb;border-color:#e5e7eb}.resell-option input[type=checkbox]:checked+span{color:#1f2937;font-weight:500}.resell-option:has(input:checked){background-color:#f0f9ff;border-color:#bae6fd;box-shadow:0 2px 5px #0000000d}.resell-option:has(~.resell-option input:checked),.resell-option:has(input:checked)~.resell-option{opacity:.6;transition:opacity .3s ease}.resell-option:has(~.resell-option input:checked):hover,.resell-option:has(input:checked)~.resell-option:hover{opacity:.9}.resell-option input[type=checkbox]{margin-top:2px;width:20px;height:20px;accent-color:#3e3183;cursor:pointer}.resell-option span{margin-left:12px;font-size:15px;line-height:1.5;color:#4b5563}.terms-condition-jobpost{color:#3e3183;font-weight:600;text-decoration:underline;cursor:pointer;transition:color .2s}.terms-condition-jobpost:hover{color:#4f46e5;text-decoration-thickness:2px}@media (max-width: 768px){.resell-banner{padding:18px}.resell-banner:before{font-size:12px;padding:4px 10px}.total-price{flex-direction:column;align-items:flex-start;gap:12px}.total-price>div:last-child{align-items:flex-start;width:100%}.total-price>div:last-child p{text-align:left;font-size:18px}.offreseel{align-self:flex-start;font-size:14px}.resell-options{padding:14px}.resell-option{padding:10px}.resell-option span{font-size:14px}}@media (max-width: 480px){.resell-banner{padding:16px}.total-price>div:first-child{font-size:16px}.total-price>div:last-child p{font-size:16px}.total-price span[style*=line-through]{font-size:15px}.total-price span[style*="color: #10B981"]{font-size:16px;padding:4px 8px}.offreseel{font-size:13px;padding:4px 8px}}.device-category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.device-category-tab{padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease}.device-category-tab.active{background-color:#3e3183;color:#fff;border-color:#3e3183}.skills-section h3{font-weight:600;margin-bottom:10px}.skills-section{padding-bottom:20px;border-bottom:1px solid #e0e0e0}.skills-section>h3{font-weight:600;margin-bottom:10px;color:#3e3183;border-bottom:2px solid #3e3183;display:inline-block}.skill-title-jobpost{font-size:20px;font-weight:600;margin-bottom:15px}.skill-category-title{font-size:18px}.jsm-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.jsm-modal__container{display:flex;gap:2rem;background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 24px #00000026;max-width:800px;width:90%;position:relative}.x-handleclose-jsm-modal{position:absolute;top:0;right:10px;cursor:pointer}.jsm-option__card{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;background-color:#f8fafc;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.jsm-option__card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.jsm-button{display:inline-block;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-align:center;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;width:100%;max-width:250px}.jsm-button--primary{background-color:#3b82f6;color:#fff}.jsm-button--primary:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.jsm-button--primary:active{transform:translateY(0);box-shadow:none}.jsm-text__description{color:#64748b;font-size:.875rem;text-align:center;line-height:1.5;margin:0}.jsm-text__loading{color:#64748b;font-size:1rem;text-align:center}@media (max-width: 768px){.jsm-modal__container{flex-direction:column;padding:2rem;gap:1.5rem;margin:1rem}.jsm-option__card{padding:1.5rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.selectCreator-main{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;z-index:4000;overflow-y:auto;padding:2rem;color:#000}.selectcreator-container{background:#fff;border-radius:1rem;width:60%;max-width:1200px;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease-out;padding:16px}.selectcreator-content{padding:1rem}.selectcreator-worked-div{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:20px}.selectcreator-worked-item{display:flex;justify-content:space-between;align-items:center;border:1px solid black;padding:.5rem 2rem;border-radius:200px}.selectcreator-worked-item img{width:70px;height:70px;border-radius:50%}.selectcreator-worked-item button{padding:10px 20px;border-radius:5px;border:none;background-color:#6060dd;color:#fff;cursor:pointer;z-index:2}.selectcreator-trending-div{display:flex;flex-direction:column;gap:10px;margin-top:16px}.selectcreator-trending-item{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;border:1px solid black;padding:.5rem 2rem;border-radius:200px}.selectcreator-trending-item img{width:70px;height:70px;border-radius:50%}.selectcreator-trending-item button{padding:10px 20px;border-radius:5px;border:none;background-color:#6060dd;color:#fff;cursor:pointer;z-index:1000}.star-rating{display:flex;font-size:30px;color:gold}.star{font-size:30px;margin-right:2px}.star.empty{color:#ccc}.star.half{color:gold;position:relative}.star.half:after{content:"☆";position:absolute;left:0;color:#ccc;z-index:1}.selectcreator-container::-webkit-scrollbar{width:8px}.selectcreator-container::-webkit-scrollbar-track{background:#f7fafc}.selectcreator-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.selectcreator-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.no-creators-message{padding:20px;text-align:center;color:#666;font-size:16px}@media (max-width: 769px){.selectcreator-trending-item{gap:10px}.selectcreator-container{padding:10px}.selectcreator-trending-item{border-radius:10px}}.selectCreator-main{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;z-index:1000;overflow-y:auto;padding:2rem}.selectcreator-container{background:#fff;border-radius:1rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#0000001a}.creator-header-creator{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.profile-section-creator{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.profile-image-creator{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 6px #0000001a}.profile-info-creator h2{margin:0;font-size:2rem;color:#333}.username-profile{color:#666!important;margin-top:.5rem}.stats-container{display:flex;gap:2rem;margin-top:1rem}.stat-item{display:flex;align-items:center;gap:1rem}.stat-details h3{margin:0;font-size:1.5rem;color:#333}.stat-details p{margin:0;color:#666;font-size:.9rem}.creator-body{display:flex;flex-direction:column;gap:2rem}.creator-body section{padding:1rem 0}.creator-body h3{margin-bottom:1rem;color:#333}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#f0f0f0;padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;color:#333}.projects-grid-creator{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.project-card-creator{background-color:#f8f8f8;padding:1.5rem;border-radius:.5rem;transition:transform .2s}.project-card-creator:hover{transform:translateY(-2px)}.project-card-creator h4{margin:0 0 .5rem;color:#333}.project-card-creator p{margin:0 0 1rem;color:#666;font-size:.9rem;line-height:1.5}.completion-date{font-size:.8rem;color:#888}@media (max-width: 768px){.profile-section-creator{flex-direction:column;text-align:center;gap:1rem}.stats-container{flex-direction:column;align-items:center}.projects-grid-creator{grid-template-columns:1fr}}.ratings-section{margin-top:2rem;padding:2rem;background-color:#f8f8f8;border-radius:1rem}.ratings-section h3{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.ratings-container{display:flex;gap:3rem;align-items:flex-start}.rating-summary{text-align:center;min-width:150px}.average-rating{display:flex;align-items:center;justify-content:center;gap:.5rem}.average-rating h2{font-size:3rem;color:#333;margin:0}.star-icon{color:gold;width:32px;height:32px}.star-icon-small{color:gold}.total-ratings{color:#666;margin-top:.5rem}.rating-bars{flex-grow:1;display:flex;flex-direction:column;gap:.75rem}.rating-bar-row{display:flex;align-items:center;gap:1rem}.rating-label{display:flex;align-items:center;gap:.25rem;min-width:40px;color:#333}.rating-bar-container{flex-grow:1;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.rating-bar-fill{height:100%;background-color:#4caf50;border-radius:4px;transition:width .3s ease}.rating-count{min-width:40px;text-align:right;color:#666}@media (max-width: 768px){.ratings-container{flex-direction:column;align-items:center;gap:2rem}.rating-bars{width:100%}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.prog-container{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9;max-height:580px;overflow:hidden}.prog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.prog-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}.prog-count{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600}.prog-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#64748b;font-size:14px}.prog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#64748b;text-align:center}.prog-empty-icon{font-size:40px;color:#cbd5e1;margin-bottom:12px}.prog-empty p{font-size:14px;margin:0}.prog-layout{display:grid;grid-template-columns:1fr;gap:16px;height:480px;overflow:hidden}.prog-sidebar{background:#f8fafc;border-radius:8px;padding:12px;max-height:480px;overflow:hidden}.prog-jobs-list{display:flex;flex-direction:column;gap:8px;max-height:456px;overflow-y:auto}.prog-jobs-list::-webkit-scrollbar{width:4px}.prog-jobs-list::-webkit-scrollbar-track{background:transparent}.prog-jobs-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.prog-job-item{background:#fff;border-radius:8px;padding:12px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.prog-job-item:hover{border-color:#e2e8f0;transform:translateY(-1px)}.prog-job-item.prog-active{border-color:#4f46e5;background:linear-gradient(135deg,#f8faff,#f1f5ff)}.prog-job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.prog-job-title{font-size:14px;font-weight:600;color:#1e293b;margin:0;line-height:1.3;flex:1}.prog-job-budget{background:#f0f9ff;color:#0284c7;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.prog-job-meta{display:flex;gap:12px;align-items:center}.prog-job-time,.prog-job-client{display:flex;align-items:center;gap:4px;color:#64748b;font-size:11px}.prog-details{background:#f8fafc;border-radius:8px;padding:16px;max-height:480px;overflow-y:auto}.prog-details::-webkit-scrollbar{width:4px}.prog-details::-webkit-scrollbar-track{background:transparent}.prog-details::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.prog-overview{display:flex;gap:16px;align-items:center;margin-bottom:20px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.prog-chart{width:80px;height:80px;flex-shrink:0}.prog-info{flex:1}.prog-stats{display:flex;gap:16px}.prog-stat{display:flex;flex-direction:column;gap:2px}.prog-stat-value{font-size:14px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:4px}.prog-stat-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.prog-levels{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d}.prog-levels-title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 12px}.prog-levels-container{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.prog-levels-container::-webkit-scrollbar{width:4px}.prog-levels-container::-webkit-scrollbar-track{background:transparent}.prog-levels-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.prog-level{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease}.prog-level-header{display:flex;justify-content:space-between;align-items:center;padding:12px;cursor:pointer;transition:all .2s ease;background:#fff}.prog-level-header:hover{background:#f8fafc}.prog-level-header.prog-level-completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.prog-level-header.prog-level-current{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.prog-level-main{display:flex;align-items:center;gap:10px;flex:1}.prog-level-basic{display:flex;flex-direction:column;gap:2px}.prog-level-name{font-size:14px;font-weight:600;color:#1e293b}.prog-level-percent{font-size:11px;color:#64748b;font-weight:500}.prog-level-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.prog-level-deadline-short{font-size:11px;color:#64748b;font-weight:500}.prog-status-icon{font-size:16px;flex-shrink:0}.prog-status-icon.prog-completed{color:#22c55e}.prog-status-icon.prog-current{color:#f59e0b}.prog-status-icon.prog-pending{color:#94a3b8}.prog-level-expanded{padding:12px;background:#f8fafc;border-top:1px solid #e2e8f0}.prog-level-description{font-size:12px;color:#64748b;margin:0 0 8px;line-height:1.4}.prog-level-details{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prog-level-detail{display:flex;align-items:center;gap:4px;color:#64748b;font-size:11px}.prog-level-detail.prog-submitted{color:#22c55e}.prog-revision-count{background:#fef3c7;color:#d97706;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.prog-status-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.prog-status-badge.prog-approved{background:#dcfce7;color:#166534}.prog-status-badge.prog-pending{background:#fef3c7;color:#d97706}.prog-status-badge.prog-revision{background:#fecaca;color:#dc2626}@media (min-width: 1024px){.prog-layout{grid-template-columns:280px 1fr}.prog-container{max-height:600px}.prog-layout{height:520px}.prog-sidebar{max-height:520px}.prog-jobs-list{max-height:496px}.prog-details{max-height:520px}}@media (min-width: 768px) and (max-width: 1023px){.prog-layout{grid-template-columns:260px 1fr}.prog-container{max-height:550px}.prog-layout{height:470px}.prog-sidebar{max-height:470px}.prog-jobs-list{max-height:446px}.prog-details{max-height:470px}.prog-levels{padding:14px}.prog-levels-title{font-size:15px;margin-bottom:10px}.prog-levels-container{max-height:none;overflow-y:visible}.prog-level-header{padding:10px 12px}.prog-level-main{gap:8px}.prog-level-name{font-size:13px}.prog-level-percent{font-size:10px}.prog-level-actions{gap:6px}.prog-level-deadline-short{font-size:10px}.prog-status-icon{font-size:14px}.prog-level-expanded{padding:10px 12px}.prog-level-description{font-size:11px;margin-bottom:6px}.prog-level-details{gap:6px}.prog-level-detail{font-size:10px}}@media (max-width: 767px){.prog-container{padding:16px;margin-bottom:20px;max-height:none;height:auto}.prog-title{font-size:18px}.prog-layout{height:auto;min-height:400px;gap:12px}.prog-sidebar{max-height:140px;padding:10px}.prog-jobs-list{flex-direction:row;gap:8px;max-height:120px;overflow-x:auto;overflow-y:hidden}.prog-job-item{min-width:180px;padding:10px}.prog-job-title{font-size:13px}.prog-job-budget{font-size:11px}.prog-job-time,.prog-job-client{font-size:10px}.prog-details{max-height:none;height:auto;padding:12px}.prog-overview{padding:12px;margin-bottom:16px}.prog-chart{width:60px;height:60px}.prog-stats{flex-direction:column;gap:8px}.prog-stat-value{font-size:12px}.prog-levels{padding:12px}.prog-levels-title{font-size:14px;margin-bottom:8px}.prog-levels-container{max-height:none;overflow-y:visible;gap:6px}.prog-level{border-radius:6px}.prog-level-header{padding:8px 10px;flex-direction:row;align-items:center;gap:8px}.prog-level-main{gap:6px;flex:1;min-width:0}.prog-level-basic{gap:1px;min-width:0}.prog-level-name{font-size:12px;line-height:1.2}.prog-level-percent{font-size:9px}.prog-level-actions{gap:4px;flex-shrink:0;align-items:center}.prog-level-deadline-short{font-size:9px;white-space:nowrap}.prog-status-icon{font-size:12px}.prog-level-expanded{padding:8px 10px}.prog-level-description{font-size:10px;line-height:1.3;margin-bottom:6px}.prog-level-details{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.prog-level-detail{font-size:9px;gap:3px}.prog-revision-count,.prog-status-badge{font-size:8px;padding:1px 4px}}@media (max-width: 480px){.prog-container{padding:12px}.prog-sidebar{max-height:120px}.prog-jobs-list{max-height:100px}.prog-job-item{min-width:160px;padding:8px}.prog-job-header{margin-bottom:6px}.prog-job-meta{gap:8px}.prog-overview{flex-direction:column;text-align:center;padding:10px;gap:12px}.prog-chart{width:50px;height:50px}.prog-stats{flex-direction:row;justify-content:center;gap:16px}.prog-levels{padding:10px}.prog-levels-title{font-size:13px;margin-bottom:6px}.prog-levels-container{gap:4px}.prog-level-header{padding:6px 8px;gap:6px}.prog-level-main{gap:4px}.prog-level-name{font-size:11px}.prog-level-percent{font-size:8px}.prog-level-actions{gap:3px}.prog-level-deadline-short{font-size:8px}.prog-status-icon{font-size:10px}.prog-level-expanded{padding:6px 8px}.prog-level-description{font-size:9px;margin-bottom:4px}.prog-level-details{gap:3px}.prog-level-detail{font-size:8px}.prog-revision-count,.prog-status-badge{font-size:7px;padding:1px 3px}}@media (max-width: 320px){.prog-level-header{padding:4px 6px}.prog-level-name{font-size:10px}.prog-level-percent,.prog-level-deadline-short{font-size:7px}.prog-level-expanded{padding:4px 6px}.prog-level-description{font-size:8px}.prog-level-detail{font-size:7px}}.dash-board-container{display:grid;min-height:100vh;padding:1rem;gap:1rem}.dashboard-main-content{display:flex;flex-direction:column;gap:1.5rem}.header-dashboard{font-size:32px;font-family:Poppins;text-transform:uppercase}.dashboard-cards-container{display:grid;grid-template-columns:1fr;gap:1rem}.status-card{padding:2.5rem 2rem;border-radius:1rem;color:#fff}.profile-progress-bell p{font-size:16px;font-weight:600}.status-card.my-job{background-color:#563bc7}.status-card.ongoing{background-color:#d65b00}.status-card.community{background-color:#94426a}.card-content{display:flex;justify-content:space-between;align-items:center}.card-content h3{font-weight:600}.marketplace-section{border-radius:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header p{color:#1f1f1f;font-size:24px;font-weight:600;font-family:Poppins}.explore-link{color:#333;text-decoration:none}.projects-grid{display:grid;grid-template-columns:1fr;gap:1rem}.project-card{border-radius:10px;overflow:hidden;background:#faf6f9;text-decoration:none;color:#1f1f1f;padding:.5rem;box-shadow:0 4px 8px #0000001a}.project-image{width:100%;height:200px;object-fit:cover;object-position:center;box-sizing:border-box;background-color:#e6e6fd;border-radius:5px}.project-info p{font-size:16px;font-weight:600}.project-info span{color:#333;font-size:14px}.user-profile{background:#c8cdfd;color:#1f1f1f;border-radius:1rem;padding:1rem}.profile-card-skeleton{display:flex;align-items:stretch;justify-content:center;width:100%;height:100%;position:relative}.profile-header{text-align:center;margin-bottom:1rem}.notification-icon{display:flex;justify-content:flex-end;margin-bottom:1rem}.profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:center}.profile-info h2{margin:0}.name-userprofile{color:#1f1f1f;margin-top:5px;font-weight:600;font-size:24px}.profile-progress{font-size:12px}.profile-progress-bell{display:flex;gap:10px;align-items:center}.progress-items{display:flex;flex-direction:column;gap:1rem;margin:20px 0}.progress-para{display:flex;flex-direction:column}.reminder-items{display:flex;flex-direction:column;gap:1rem;margin-top:10px}.progress-item{display:flex;gap:10px;align-items:center}.reminder-item{display:flex;gap:.25rem;overflow:hidden}.reminder-item{display:flex;align-items:center;gap:1rem}.reminder-title{font-weight:600}.reminder-info{display:flex;flex-direction:column}.reminder-icon{font-size:1.5rem}.progress-title{font-size:16px}.progress-subtitle,.reminder-subtitle{font-size:14px;color:#333}.jobs-grid-dashboard{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:2rem;border-bottom:1px solid #333}.jobs-grid-dashboard>div{flex:1;min-width:200px}@media (max-width: 768px){.jobs-grid-dashboard{flex-direction:column}.status-card{padding:1rem}.jobs-grid-dashboard>div{min-width:100%}}@media (min-width: 768px){.dashboard-cards-container,.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.dash-board-container{grid-template-columns:200px 1fr 300px}.profile-progress-bell,.progress-item{display:flex;justify-content:space-between;align-items:center}.reminder-item{display:flex;justify-content:space-between;gap:.25rem}.dashboard-sidebar,.user-profile{position:sticky;top:1rem;height:calc(100vh - 2rem)}}.profile-letter-avatar{width:120px;height:120px;border-radius:50%;background-color:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;text-transform:uppercase;margin:0 auto}.profile-username{font-weight:600}.notification-msg{text-align:center}.item-market-loader{display:flex}.catagory-loader-jobs{display:flex;gap:10px}.reminder-time{font-size:11px;color:#666565;font-weight:400;margin-left:8px;white-space:nowrap}.reminder-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 4px;font-size:14px;font-weight:500;color:#333}.dashboard-sidebar{background:#1a1a3b;border-radius:16px;padding:1rem;transition:all .3s ease}.menu-dashboard{display:none;cursor:pointer;color:#fff;border-radius:8px;transition:background-color .2s ease}.nav-items-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-top:10px}.mobile-nav-items{display:none}.mobile-nav-items.open{display:block;animation:slideDown .3s ease-out;margin-top:2px;display:flex;flex-direction:column;gap:1rem;justify-content:stretch;align-items:stretch}.nav-item{display:flex;align-items:center;gap:1rem;color:#a4a4a4;text-decoration:none;border-radius:12px;transition:all .2s ease;width:100%;font-weight:500}.nav-item.active,.nav-item:hover{color:#fff}.nav-item span{white-space:nowrap}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 450px){.nav-items-sidebar{display:none}.menu-dashboard{display:flex;align-items:center;gap:10px}.mobile-nav-items.open{margin-top:1rem}}@media (max-width: 1024px){.nav-items-sidebar{flex-direction:row;flex-wrap:wrap!important;justify-content:flex-start}.nav-item{width:auto}}@media (min-width: 450px){.mobile-nav-items{display:none}}@media (min-width: 1024px){.dashboard-sidebar{position:sticky;top:1.25rem;height:calc(100vh - 2.5rem);min-width:200px}}.jdx-jobs-detail-main{padding:1rem;display:flex;gap:20px;flex-direction:column;background:#f8fafc}@media (min-width: 1022px){.jdx-jobs-detail-main{flex-direction:row}}.jdx-job-content-wrapper{flex:1}.jdx-loading-container{display:flex;flex-direction:column;gap:16px;padding:24px}.jdx-job-detail-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.jdx-job-header-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;position:relative;overflow:hidden}.jdx-job-header-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.jdx-job-header-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.jdx-job-title-section{flex:1}.jdx-job-title{font-size:2.25rem;font-weight:800;line-height:1.2;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.jdx-job-meta-badges{display:flex;gap:8px;flex-wrap:wrap}.jdx-status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.jdx-status-badge.jdx-success{background:#10b98133;color:#ecfdf5;border:1px solid rgba(16,185,129,.3)}.jdx-status-badge.jdx-warning{background:#f59e0b33;color:#fffbeb;border:1px solid rgba(245,158,11,.3)}.jdx-status-badge.jdx-danger{background:#ef444433;color:#fef2f2;border:1px solid rgba(239,68,68,.3)}.jdx-featured-badge,.jdx-urgent-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.jdx-urgent-badge{background:#ef444433;border-color:#ef44444d}.jdx-job-id{font-size:.875rem;opacity:.9;font-weight:500}.jdx-job-quick-info{display:flex;gap:32px;flex-wrap:wrap;position:relative;z-index:1}.jdx-quick-info-item{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;opacity:.95}.jdx-job-content-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;padding:32px}@media (max-width: 1200px){.jdx-job-content-grid{grid-template-columns:1fr;gap:24px}}.jdx-job-main-content{display:flex;flex-direction:column;gap:32px}.jdx-content-section{display:flex;flex-direction:column;gap:16px}.jdx-section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.jdx-job-description{font-size:1rem;line-height:1.75;color:#4b5563;text-align:justify;padding:20px;background:#f9fafb;border-radius:12px;border-left:4px solid #667eea}.jdx-skills-container,.jdx-xr-types-container,.jdx-devices-container{display:flex;flex-wrap:wrap;gap:12px}.jdx-skill-badge,.jdx-xr-type-badge,.jdx-device-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:25px;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.jdx-skill-badge:hover,.jdx-xr-type-badge:hover,.jdx-device-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.jdx-xr-type-badge{background:linear-gradient(135deg,#f093fb,#f5576c)}.jdx-device-badge{background:linear-gradient(135deg,#4facfe,#00f2fe)}.jdx-documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.jdx-document-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s ease;cursor:pointer}.jdx-document-card:hover{background:#f3f4f6;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.jdx-document-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#667eea;color:#fff;border-radius:12px}.jdx-document-info{flex:1;min-width:0}.jdx-document-name{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 4px}.jdx-document-size{font-size:.75rem;color:#6b7280;margin:0}.jdx-document-actions{display:flex;gap:8px}.jdx-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.jdx-action-btn.jdx-view-btn{background:#3b82f6;color:#fff;padding:8px}.jdx-action-btn.jdx-download-btn{background:#10b981;color:#fff;padding:8px}.jdx-action-btn.jdx-view-btn:hover{background:#2563eb}.jdx-action-btn.jdx-download-btn:hover{background:#059669}.jdx-job-sidebar{display:flex;flex-direction:column;gap:24px}.jdx-sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.jdx-sidebar-card:hover{box-shadow:0 4px 6px #0000001a}.jdx-sidebar-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.jdx-poster-info{display:flex;gap:16px;align-items:flex-start}.jdx-poster-avatar{position:relative;width:64px;height:64px;flex-shrink:0}.jdx-poster-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb}.jdx-avatar-fallback{display:none;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;align-items:center;justify-content:center;color:#fff;border:3px solid #e5e7eb}.jdx-poster-details{flex:1;min-width:0}.jdx-poster-name{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 4px}.jdx-poster-username{font-size:.875rem;color:#6b7280;margin:0 0 12px}.jdx-poster-stats{display:flex;flex-direction:column;gap:8px}.jdx-stat-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#4b5563}.jdx-project-details{display:flex;flex-direction:column;gap:16px}.jdx-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.jdx-detail-item:last-child{border-bottom:none}.jdx-detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.jdx-detail-value{font-size:.875rem;color:#1f2937;font-weight:600;text-align:right}.jdx-proposal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.jdx-stat-card{text-align:center;padding:16px 12px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.jdx-stat-card:hover{background:#f3f4f6;transform:translateY(-2px)}.jdx-stat-number{font-size:1.5rem;font-weight:800;color:#667eea;margin-bottom:4px}.jdx-stat-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.jdx-additional-info{display:flex;flex-direction:column;gap:12px}.jdx-info-item{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#4b5563}.jdx-info-icon{flex-shrink:0}.jdx-info-icon.jdx-success{color:#10b981}.jdx-info-icon.jdx-warning{color:#f59e0b}.jdx-info-icon.jdx-danger{color:#ef4444}.jdx-job-actions{padding:32px;background:#f9fafb;border-top:1px solid #e5e7eb}.jdx-action-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.jdx-action-btn.jdx-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;font-size:1rem;box-shadow:0 4px 6px #0000001a}.jdx-action-btn.jdx-primary:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.jdx-action-btn.jdx-secondary{background:#fff;color:#4b5563;border:2px solid #e5e7eb;padding:12px 24px;font-size:1rem}.jdx-action-btn.jdx-secondary:hover{background:#f9fafb;border-color:#667eea;color:#667eea}.jdx-action-btn.jdx-warning{background:#f59e0b;color:#fff;padding:12px 24px;font-size:1rem}.jdx-action-btn.jdx-warning:hover{background:#d97706}.jdx-action-btn.jdx-danger{background:#ef4444;color:#fff;padding:12px 24px;font-size:1rem}.jdx-action-btn.jdx-danger:hover{background:#dc2626}.jdx-action-btn.jdx-disabled{background:#9ca3af;color:#fff;cursor:not-allowed;padding:12px 24px;font-size:1rem}.jdx-action-btn:disabled{background:#9ca3af;color:#fff;cursor:not-allowed}.jdx-bid-section{display:flex;gap:16px;flex-wrap:wrap}.jdx-job-guarantee{display:flex;align-items:center;gap:12px;padding:16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;color:#065f46}.jdx-guarantee-icon{flex-shrink:0;color:#10b981}.jdx-job-guarantee p{margin:0;font-size:.875rem;font-weight:500}@media (max-width: 768px){.jdx-job-header-section{padding:24px 20px}.jdx-job-title{font-size:1.75rem}.jdx-job-header-content{flex-direction:column;gap:16px}.jdx-job-quick-info{gap:16px;justify-content:flex-start}.jdx-quick-info-item{font-size:.8rem}.jdx-job-content-grid{padding:20px;gap:20px}.jdx-section-title{font-size:1.25rem}.jdx-documents-grid,.jdx-proposal-stats{grid-template-columns:1fr}.jdx-action-buttons{flex-direction:column}.jdx-action-btn{width:100%;justify-content:center}.jdx-job-guarantee{flex-direction:column;text-align:center;gap:8px}.jdx-poster-info{flex-direction:column;align-items:center;text-align:center}.jdx-detail-item{flex-direction:column;align-items:flex-start;gap:4px}.jdx-detail-value{text-align:left;font-weight:500}}@media (max-width: 480px){.jdx-jobs-detail-main{padding:12px}.jdx-job-header-section{padding:20px 16px}.jdx-job-title{font-size:1.5rem}.jdx-job-content-grid,.jdx-sidebar-card{padding:16px}.jdx-job-actions{padding:20px 16px}.jdx-skills-container,.jdx-xr-types-container,.jdx-devices-container{gap:8px}.jdx-skill-badge,.jdx-xr-type-badge,.jdx-device-badge{font-size:.8rem;padding:6px 12px}}.jdx-loading-container{padding:40px 20px}@keyframes jdxFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.jdx-job-detail-container,.jdx-content-section,.jdx-sidebar-card{animation:jdxFadeInUp .6s ease-out}.jhd-jobs-header{display:flex;flex-direction:column;gap:24px;padding:32px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:0 0 20px 20px;margin-bottom:32px}.jhd-jobs-title-section{display:flex;justify-content:space-between;align-items:flex-start;padding:0 32px}.jhd-jobs-title{flex:1}.jhd-header-jobs{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.jhd-subheader-jobs{font-size:1.1rem;margin:8px 0 0;opacity:.9;font-weight:400}.jhd-results-count{display:flex;align-items:center;background:#fff3;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;font-weight:500}.jhd-jobs-search-section{display:flex;flex-direction:column;gap:16px;padding:0 32px}.jhd-search-container{position:relative;flex:1;max-width:600px}.jhd-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.jhd-search-input{width:100%;padding:14px 16px 14px 48px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#fffffff2;color:#111827;font-size:16px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jhd-search-input:focus{outline:none;border-color:#fffc;background:#fff;box-shadow:0 0 0 3px #fff3}.jhd-search-input::placeholder{color:#6b7280}.jhd-clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.jhd-clear-search-btn:hover{background:#e5e7eb}.jhd-filter-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.jhd-filter-wrapper,.jhd-sort-wrapper{position:relative}.jhd-filter-btn,.jhd-sort-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jhd-filter-btn:hover,.jhd-sort-btn:hover{background:#ffffff4d;border-color:#ffffff80}.jhd-filter-btn.jhd-active{background:#ffffffe6;color:#764ba2;border-color:#ffffffe6}.jhd-filter-count{background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.jhd-filter-dropdown{position:absolute;top:100%;left:0;right:0;min-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;margin-top:8px;overflow:hidden}.jhd-filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.jhd-filter-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.jhd-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background-color .2s}.jhd-close-btn:hover{background:#e5e7eb}.jhd-filter-content{padding:20px;max-height:400px;overflow-y:auto}.jhd-filter-group{margin-bottom:24px}.jhd-filter-group:last-child{margin-bottom:0}.jhd-filter-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.jhd-checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.jhd-checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:6px;transition:background-color .2s}.jhd-checkbox-item:hover{background:#f9fafb}.jhd-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.jhd-checkbox-label{font-size:13px;color:#374151;font-weight:500}.jhd-budget-inputs{display:flex;align-items:center;gap:12px}.jhd-budget-input-group{display:flex;align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;flex:1;gap:8px}.jhd-budget-input-group svg{color:#6b7280;width:16px;height:16px}.jhd-budget-input{border:none;background:none;font-size:14px;color:#111827;width:100%;outline:none}.jhd-budget-input::placeholder{color:#9ca3af}.jhd-budget-separator{font-size:14px;color:#6b7280;font-weight:500}.jhd-filter-actions{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb}.jhd-clear-filters-btn{padding:8px 16px;background:transparent;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.jhd-clear-filters-btn:hover{background:#f3f4f6;border-color:#9ca3af}.jhd-apply-filters-btn{padding:8px 16px;background:#667eea;border:1px solid #667eea;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.jhd-apply-filters-btn:hover:not(:disabled){background:#5a67d8;border-color:#5a67d8}.jhd-apply-filters-btn:disabled{opacity:.6;cursor:not-allowed}.jhd-sort-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:8px;min-width:200px;overflow:hidden}.jhd-sort-option{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s}.jhd-sort-option:hover{background:#f9fafb}.jhd-sort-option.jhd-active{background:#667eea;color:#fff}.jhd-active-filters{display:flex;align-items:center;gap:12px;padding:16px 32px;background:#ffffff1a;border-radius:12px;margin:0 32px;flex-wrap:wrap}.jhd-active-filters-label{font-size:14px;font-weight:600;color:#fff;opacity:.9}.jhd-active-filters-list{display:flex;flex-wrap:wrap;gap:8px;flex:1}.jhd-active-filter-tag{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffffe6;color:#374151;border-radius:16px;font-size:12px;font-weight:500}.jhd-active-filter-tag button{background:none;border:none;cursor:pointer;color:#6b7280;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.jhd-active-filter-tag button:hover{background:#0000001a}.jhd-clear-all-btn{padding:6px 12px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.jhd-clear-all-btn:hover{background:#ef44444d;border-color:#ef444480}@media (max-width: 768px){.jhd-jobs-header{padding:24px 0;margin-bottom:24px}.jhd-jobs-title-section{flex-direction:column;gap:16px;padding:0 20px}.jhd-header-jobs{font-size:2rem}.jhd-subheader-jobs{font-size:1rem}.jhd-results-count{align-self:flex-start}.jhd-jobs-search-section{padding:0 20px}.jhd-search-container{max-width:100%}.jhd-filter-controls{justify-content:center}.jhd-filter-dropdown{min-width:320px;left:50%;transform:translate(-50%)}.jhd-active-filters{margin:0 20px;padding:12px 16px}.jhd-checkbox-group{grid-template-columns:1fr}.jhd-budget-inputs{flex-direction:column;gap:8px}.jhd-budget-separator{display:none}}@media (max-width: 480px){.jhd-jobs-header{padding:20px 0}.jhd-jobs-title-section,.jhd-jobs-search-section{padding:0 16px}.jhd-header-jobs{font-size:1.75rem}.jhd-search-input{font-size:16px}.jhd-filter-dropdown{min-width:280px;max-width:90vw}.jhd-filter-controls{flex-direction:column;align-items:stretch}.jhd-filter-btn,.jhd-sort-btn{justify-content:center}.jhd-active-filters{margin:0 16px;padding:12px}.jhd-active-filters-list{flex-direction:column;gap:6px}}@media (prefers-color-scheme: dark){.jhd-filter-dropdown{background:#1f2937;border-color:#374151}.jhd-filter-header{background:#111827;border-bottom-color:#374151}.jhd-filter-header h3{color:#f9fafb}.jhd-filter-label,.jhd-checkbox-label{color:#d1d5db}.jhd-budget-input-group{background:#374151;border-color:#4b5563}.jhd-budget-input{color:#f9fafb}.jhd-filter-actions{background:#111827;border-top-color:#374151}.jhd-sort-dropdown{background:#1f2937;border-color:#374151}.jhd-sort-option{color:#d1d5db}.jhd-sort-option:hover{background:#374151}}.jhd-jobs-header.jhd-loading{opacity:.7}.jhd-search-input:focus,.jhd-filter-btn:focus,.jhd-sort-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){.jhd-search-input,.jhd-filter-btn,.jhd-sort-btn,.jhd-clear-search-btn,.jhd-close-btn{transition:none}}.swf-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;align-items:flex-start;justify-content:center;padding:2rem;z-index:1000;overflow-y:auto}.swf-container{background-color:#fff;border-radius:16px;width:100%;max-width:1200px;position:relative;margin-top:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.swf-close-btn{position:absolute;top:.1rem;right:.5rem;background:none;border:none;color:#333;cursor:pointer;padding:.5rem;z-index:10;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.swf-close-btn:hover{background-color:#fff;color:#000}.swf-content{padding:2rem;max-height:calc(100vh - 8rem);overflow-y:auto}.swf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.swf-card{background-color:#faf4f6;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform .2s}.swf-card:hover{transform:translateY(-2px)}.swf-card-header{display:flex;justify-content:space-between;align-items:center}.swf-card-title{font-size:16px;font-weight:600;margin:0}.swf-status{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:#fff}.swf-status-pending{background-color:#ef0d0d}.swf-status-submitted{background-color:#5eb662}.swf-card-body{display:flex;flex-direction:column;gap:1rem}.swf-info-group{display:flex;flex-direction:column;gap:.75rem}.swf-description{font-size:14px}.swf-label{font-weight:600;opacity:.9;font-size:16px;color:#333}.swf-percentage{font-size:14px}.swf-revision{background-color:#fff;border-radius:8px;padding:1rem}.swf-revision-title{font-size:18px;font-weight:600}.swf-revision-desc{margin-top:10px;font-size:14px}.swf-revision-subtitle{font-size:1rem;color:#333;margin-top:10px}.swf-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.5rem}.swf-file-btn{background-color:#c619191a;border:none;border-radius:8px;padding:.75rem;color:#000;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:background-color .2s}.swf-file-type{font-size:.75rem;opacity:.8}.swf-card-footer{margin-top:auto}.swf-upload-btn{width:100%;background-color:#4338ca;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s}.swf-upload-btn-upload{background-color:#4338ca;color:#fff;border:none;border-radius:8px;padding:.75rem 3.8rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s}.swf-upload-btn-upload:hover{background-color:#4031dd}.swf-upload-btn-upload:disabled{cursor:not-allowed;background-color:gray}.swf-upload-btn:hover{background-color:#4031dd}.swf-upload-btn:disabled{background-color:gray;cursor:not-allowed}.swf-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:2rem}.swf-preview-content{position:relative;max-width:90%;max-height:90vh}.swf-preview-close{position:absolute;top:-2rem;right:-2rem;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:1110}.swf-preview-video,.swf-preview-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.swf-empty-state{text-align:center;color:#6b7280;font-size:1.125rem;padding:2rem}@media (max-width: 768px){.swf-overlay{padding:1rem}.swf-container{margin-top:1rem}.swf-content{padding:1rem}.swf-grid{grid-template-columns:1fr}.swf-preview-content{width:100%}.swf-preview-close{top:-3rem;right:0}}.swf-upload-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;margin-top:2rem}.swf-file-input{padding:.5rem;border:1px solid #ccc;border-radius:8px;cursor:pointer}.swf-feedback-section{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.swf-feedback-title{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#2c3e50}.swf-feedback-content{display:flex;flex-direction:column;gap:15px}.swf-feedback-message{font-size:1rem;line-height:1.5;color:#495057}.swf-feedback-files{margin-top:10px}.swf-feedback-files h4{font-size:1rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.swf-file-name{font-size:.9rem;margin-top:5px;color:#6c757d}.swf-files-grid{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.swf-file-preview{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:#f8f9fa;border-radius:8px;padding:.5rem;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s;width:120px;cursor:pointer}.swf-file-preview:hover{box-shadow:0 4px 16px #0000001a;background:#e9ecef}.swf-file-thumb{width:30px;height:30px;object-fit:cover;border-radius:6px;margin-bottom:.5rem;border:1px solid #dee2e6}.swf-file-video-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;margin-bottom:.5rem;color:#fff}.swf-file-video-label{font-size:.85rem;margin-top:.25rem}.swf-file-name{font-size:.9rem;color:#333;text-align:center;word-break:break-all}.swf-submitted-links{margin-top:.5rem}.swf-submitted-links h5{margin:0 0 .25rem;font-size:1rem;color:#495057}.swf-submitted-links ul{list-style:none;padding:0;margin:0}.swf-submitted-links li{margin-bottom:.25rem}.swf-link{color:#007bff;text-decoration:underline;word-break:break-all;transition:color .2s}.swf-link:hover{color:#0056b3}.fum-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.fum-modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;color:#000}.fum-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.fum-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.fum-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.fum-close-btn:hover{background-color:#f3f4f6;color:#374151}.fum-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.fum-form-group{display:flex;flex-direction:column;gap:.5rem}.fum-label{font-size:.875rem;font-weight:500;color:#374151}.fum-input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s;width:100%}.fum-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.fum-file-input{padding:.75rem;border:2px dashed #d1d5db;border-radius:6px;width:100%;cursor:pointer;font-size:.875rem}.fum-file-input:hover{border-color:#9ca3af}.fum-submit-btn{background-color:#2563eb!important;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;width:fit-content;align-self:flex-end}.fum-submit-btn:hover{background-color:#1d4ed8}.fum-submit-btn:focus{outline:none;box-shadow:0 0 0 3px #2563eb80}@media (max-width: 640px){.fum-modal{margin:1rem;max-height:calc(100vh - 2rem)}.fum-header,.fum-form{padding:1rem}.fum-submit-btn{width:100%}}.loading-spinner-span{display:flex;gap:10px;align-items:center}.jobs-tabs-container{width:100%;margin-bottom:2rem;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.jobs-tabs-wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}.jobs-tab-container{display:flex;gap:.5rem;justify-content:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.jobs-tab-container::-webkit-scrollbar{display:none}.jobs-tab{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;border-radius:8px 8px 0 0;position:relative;min-width:fit-content;white-space:nowrap}.jobs-tab:hover{background:#f8fafc}.jobs-tab-active{background:#f8fafc;color:var(--tab-color, #3b82f6)}.jobs-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.jobs-tab-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.jobs-tab-label{font-weight:600;font-size:.875rem;line-height:1.25rem}.jobs-tab-description{font-size:.75rem;color:#6b7280;margin-top:.25rem}.jobs-tab-indicator{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--tab-color, #3b82f6);border-radius:2px 2px 0 0}@media (max-width: 768px){.jobs-tab{padding:.75rem 1rem}.jobs-tab-content{align-items:center;text-align:center}.jobs-tab-description{display:none}}@media (max-width: 640px){.jobs-tab{flex-direction:column;gap:.5rem;padding:.75rem}.jobs-tab-label{font-size:.75rem}}.modern-bidded-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;overflow-y:auto}.modern-bidded-modal-container{position:relative;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;max-width:900px;width:100%;max-height:90vh;overflow:hidden;animation:modern-bidded-modal-appear .3s cubic-bezier(.4,0,.2,1)}@keyframes modern-bidded-modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modern-bidded-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:2px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:#64748b}.modern-bidded-close-btn:hover{background:#fff;border-color:#dc2626;color:#dc2626;transform:scale(1.05);box-shadow:0 4px 12px #dc262633}.modern-bidded-content{padding:40px;overflow-y:auto;max-height:90vh}.modern-bidded-header{display:flex;flex-direction:column;gap:32px;margin-bottom:40px;padding-bottom:32px;border-bottom:2px solid #f1f5f9}.modern-bidded-profile-section{display:flex;align-items:center;gap:24px}.modern-bidded-avatar-container{position:relative;flex-shrink:0}.modern-bidded-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #e2e8f0;box-shadow:0 8px 24px #0000001a}.modern-bidded-status-badge{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00000026}.modern-bidded-status-badge.selected{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.modern-bidded-status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.modern-bidded-profile-info{flex:1}.modern-bidded-name{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.2}.modern-bidded-bio{font-size:16px;color:#64748b;line-height:1.6;margin:0}.modern-bidded-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.modern-bidded-stat-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.modern-bidded-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#4f46e5}.modern-bidded-stat-card.highlight{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;color:#fff}.modern-bidded-stat-icon{width:48px;height:48px;background:#e0e7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4f46e5;flex-shrink:0}.modern-bidded-stat-card.highlight .modern-bidded-stat-icon{background:#fff3;color:#fff}.modern-bidded-stat-content{display:flex;flex-direction:column;gap:4px}.modern-bidded-stat-value{font-size:24px;font-weight:700;color:#1e293b;line-height:1}.modern-bidded-stat-card.highlight .modern-bidded-stat-value{color:#fff}.modern-bidded-stat-label{font-size:14px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.modern-bidded-stat-card.highlight .modern-bidded-stat-label{color:#fffc}.modern-bidded-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}.modern-bidded-section{background:#fff;border:2px solid #f1f5f9;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.modern-bidded-section-header{display:flex;align-items:center;gap:12px;padding:24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.modern-bidded-section-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}.modern-bidded-section-content{padding:24px}.modern-bidded-cover-letter{max-height:300px;overflow-y:auto;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.modern-bidded-cover-letter p{font-size:15px;line-height:1.7;color:#374151;margin:0}.modern-bidded-level-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f1f5f9;padding:6px;border-radius:12px}.modern-bidded-level-tab{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.modern-bidded-level-tab:hover{background:#4f46e51a;color:#4f46e5}.modern-bidded-level-tab.active{background:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e54d}.modern-bidded-level-number{width:24px;height:24px;background:currentColor;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.modern-bidded-level-tab.active .modern-bidded-level-number{background:#fff3;color:#fff}.modern-bidded-level-content{display:flex;flex-direction:column;gap:24px}.modern-bidded-level-metrics{display:flex;gap:24px;justify-content:center}.modern-bidded-metric-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;flex:1}.modern-bidded-metric-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.modern-bidded-progress-circle{width:80px;height:80px;border-radius:50%;background:conic-gradient(#4f46e5,#4f46e5 calc(var(--progress) * 1%),#e2e8f0 calc(var(--progress) * 1%),#e2e8f0);display:flex;align-items:center;justify-content:center;position:relative}.modern-bidded-progress-circle:before{content:"";position:absolute;width:64px;height:64px;border-radius:50%;background:#fff}.modern-bidded-progress-value{position:relative;z-index:1;font-weight:700;font-size:16px;color:#4f46e5}.modern-bidded-timeline-card{display:flex;flex-direction:column;align-items:center;background:#e0e7ff;border-radius:12px;padding:16px 20px;min-width:80px}.modern-bidded-timeline-value{font-size:28px;font-weight:700;color:#4f46e5;line-height:1}.modern-bidded-timeline-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.modern-bidded-deliverables{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px}.modern-bidded-deliverables-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.modern-bidded-deliverables-text{font-size:14px;line-height:1.6;color:#64748b;margin:0}.modern-bidded-footer{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:2px solid #f1f5f9;gap:24px}.modern-bidded-terms{display:flex;align-items:center}.modern-bidded-terms-link{display:flex;align-items:center;gap:8px;color:#4f46e5;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .2s ease}.modern-bidded-terms-link:hover{background:#f0f7ff;color:#3730a3}.modern-bidded-priority-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.modern-bidded-priority-label{font-size:14px;font-weight:600;color:#64748b;text-align:right}.modern-bidded-priority-buttons{display:flex;gap:12px}.modern-bidded-priority-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.modern-bidded-priority-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0003}.modern-bidded-priority-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modern-bidded-cover-letter::-webkit-scrollbar,.modern-bidded-content::-webkit-scrollbar{width:6px}.modern-bidded-cover-letter::-webkit-scrollbar-track,.modern-bidded-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modern-bidded-cover-letter::-webkit-scrollbar-thumb,.modern-bidded-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modern-bidded-cover-letter::-webkit-scrollbar-thumb:hover,.modern-bidded-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.modern-bidded-modal-container{max-width:800px}.modern-bidded-main-grid{grid-template-columns:1fr;gap:24px}.modern-bidded-quick-stats{grid-template-columns:1fr;gap:16px}.modern-bidded-footer{flex-direction:column;align-items:stretch;gap:20px}.modern-bidded-priority-actions{align-items:center}.modern-bidded-priority-buttons{flex-direction:column;width:100%}.modern-bidded-priority-btn{width:100%}}@media (max-width: 768px){.modern-bidded-modal-overlay{padding:12px}.modern-bidded-content{padding:24px}.modern-bidded-close-btn{top:12px;right:12px;width:36px;height:36px}.modern-bidded-profile-section{flex-direction:column;text-align:center;gap:16px}.modern-bidded-avatar{width:100px;height:100px}.modern-bidded-name{font-size:24px}.modern-bidded-header{gap:24px;margin-bottom:24px;padding-bottom:24px}.modern-bidded-main-grid{gap:20px}.modern-bidded-level-metrics{flex-direction:column;gap:16px}.modern-bidded-section-content,.modern-bidded-section-header{padding:16px}.modern-bidded-cover-letter{max-height:200px;padding:16px}.modern-bidded-stat-card{padding:16px;gap:12px}.modern-bidded-stat-icon{width:40px;height:40px}.modern-bidded-stat-value{font-size:20px}.modern-bidded-level-tabs{flex-direction:column;gap:8px}.modern-bidded-level-tab{justify-content:flex-start}.modern-bidded-progress-circle{width:60px;height:60px}.modern-bidded-progress-circle:before{width:48px;height:48px}.modern-bidded-progress-value{font-size:14px}.modern-bidded-timeline-value{font-size:24px}}@media (max-width: 480px){.modern-bidded-modal-overlay{padding:8px}.modern-bidded-content{padding:20px}.modern-bidded-name{font-size:20px}.modern-bidded-bio{font-size:14px}.modern-bidded-main-grid{gap:16px}.modern-bidded-section-content{padding:12px}.modern-bidded-section-header{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.modern-bidded-deliverables{padding:16px}.modern-bidded-footer{padding-top:20px;gap:16px}.modern-bidded-priority-buttons{gap:8px}.modern-bidded-priority-btn{padding:10px 16px;font-size:13px;min-width:100px}.modern-bidded-level-tab{padding:10px 12px;font-size:13px}.modern-bidded-level-number{width:20px;height:20px;font-size:11px}}@media print{.modern-bidded-modal-overlay{position:static;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.modern-bidded-modal-container{box-shadow:none;max-height:none;overflow:visible}.modern-bidded-close-btn{display:none}.modern-bidded-content{overflow:visible;max-height:none}.modern-bidded-priority-buttons{display:none}.modern-bidded-cover-letter{max-height:none;overflow:visible}}@media (prefers-contrast: high){.modern-bidded-modal-container,.modern-bidded-section,.modern-bidded-stat-card,.modern-bidded-metric-card,.modern-bidded-priority-btn,.modern-bidded-level-tab,.modern-bidded-close-btn{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){.modern-bidded-modal-container{animation:none}.modern-bidded-stat-card:hover,.modern-bidded-priority-btn:hover,.modern-bidded-close-btn:hover{transform:none}.modern-bidded-level-tab,.modern-bidded-priority-btn,.modern-bidded-stat-card{transition:none}}.modern-bidded-close-btn:focus,.modern-bidded-level-tab:focus,.modern-bidded-priority-btn:focus,.modern-bidded-terms-link:focus{outline:3px solid rgba(79,70,229,.3);outline-offset:2px}.modern-bidded-priority-btn:disabled{position:relative}.modern-bidded-priority-btn:disabled:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:modern-bidded-spin 1s linear infinite}@keyframes modern-bidded-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modern-bidded-success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modern-bidded-priority-btn.success{animation:modern-bidded-success .3s ease-out}.modern-bidded-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-bidded-text-break{word-break:break-word;overflow-wrap:break-word}.modern-bidded-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modern-bidded-stat-card{position:relative;overflow:hidden}.modern-bidded-stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.modern-bidded-stat-card:hover:before{left:100%}.modern-bidded-progress-circle{animation:modern-bidded-progress-fill 1s ease-out}@keyframes modern-bidded-progress-fill{0%{background:conic-gradient(#e2e8f0,#e2e8f0)}to{background:conic-gradient(#4f46e5,#4f46e5 calc(var(--progress) * 1%),#e2e8f0 calc(var(--progress) * 1%),#e2e8f0)}}.modern-bidded-modal-container,.modern-bidded-modal-overlay{pointer-events:auto}.modern-bidded-status-badge{animation:modern-bidded-badge-pulse 2s infinite}@keyframes modern-bidded-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modern-bidded-status-badge.selected{animation:none}.modern-bidded-level-number{transition:all .2s ease}.modern-bidded-level-tab:hover .modern-bidded-level-number{transform:rotate(360deg)}.modern-bidded-level-tab.active .modern-bidded-level-number{transform:scale(1.1)}.modern-bidded-timeline-card{position:relative;overflow:hidden}.modern-bidded-timeline-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#4f46e5,#7c3aed,#4f46e5);border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.modern-bidded-metric-card:hover .modern-bidded-timeline-card:before{opacity:1}.dev-cont-main{min-height:100vh;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dev-cont-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-cont-back-btn{display:flex;align-items:center;gap:.5rem;background:#8e787833;border:1px solid rgba(255,255,255,.3);color:#0a0a0a;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500}.dev-cont-back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.dev-cont-title{color:#000;font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.75rem}.dev-cont-container{max-width:1400px;margin:0 auto}.dev-cont-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.dev-cont-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;gap:1.5rem}.dev-cont-card:hover{transform:translateY(-5px);box-shadow:0 12px 48px #00000026}.dev-cont-card-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.dev-cont-card-content h3{margin:0 0 .5rem;font-size:.9rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.dev-cont-card-value{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.dev-cont-form-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.dev-cont-form-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dev-cont-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.dev-cont-section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.dev-cont-section-header svg{color:#667eea}.dev-cont-form-group{margin-bottom:1rem;margin-top:1rem}.dev-cont-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.dev-cont-label svg{color:#6b7280}.dev-cont-input,.dev-cont-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;color:#374151;background:#f9fafb;transition:all .3s ease;font-family:inherit}.dev-cont-input:focus,.dev-cont-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.dev-cont-textarea{min-height:120px;resize:vertical}.dev-cont-amount-input{font-weight:600;color:#059669;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.dev-cont-verification-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:1.5rem;margin:1.5rem 0;border:1px solid #fbbf24}.dev-cont-verification-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.dev-cont-verification-header h3{margin:0;color:#92400e;font-weight:600}.dev-cont-verification-header svg{color:#d97706}.dev-cont-otp-container{display:flex;flex-direction:column;gap:1rem}.dev-cont-send-otp-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start}.dev-cont-send-otp-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.dev-cont-send-otp-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dev-cont-otp-input-section{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.dev-cont-otp-input{flex:1;min-width:150px;padding:.75rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;text-align:center;letter-spacing:.1em;font-weight:600}.dev-cont-verify-btn,.dev-cont-resend-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.dev-cont-verify-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dev-cont-resend-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.dev-cont-verify-btn:hover:not(:disabled),.dev-cont-resend-btn:hover:not(:disabled){transform:translateY(-2px)}.dev-cont-verify-btn:disabled,.dev-cont-resend-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dev-cont-verification-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.dev-cont-success-icon{color:#059669;flex-shrink:0}.dev-cont-verification-success h3{margin:0 0 .25rem;color:#064e3b;font-weight:600}.dev-cont-verification-success p{margin:0;color:#065f46;font-size:.9rem}.dev-cont-error-message{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-top:.5rem}.dev-cont-signature-display{margin-top:1rem}.dev-cont-signature-container{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:center;margin-top:.5rem}.dev-cont-signature-img{max-width:200px;max-height:100px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.dev-cont-signature-upload{margin-top:1rem}.dev-cont-file-upload{position:relative;display:inline-block;width:100%;margin-top:.5rem}.dev-cont-file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.dev-cont-file-input:disabled{cursor:not-allowed}.dev-cont-file-label{display:block;padding:1rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;color:#6b7280;font-weight:500}.dev-cont-file-label:hover{background:#f3f4f6;border-color:#9ca3af}.dev-cont-file-input:disabled+.dev-cont-file-label{opacity:.6;cursor:not-allowed}.dev-cont-file-input:disabled+.dev-cont-file-label:hover{background:#f9fafb;border-color:#d1d5db}.dev-cont-contract-badge{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af;padding:1rem;border-radius:12px;font-weight:500;margin-top:1.5rem}.dev-cont-contract-badge svg{color:#2563eb;flex-shrink:0}.dev-cont-footer{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1400px;margin:0 auto}.dev-cont-terms-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.dev-cont-terms-link:hover{color:#4f46e5;text-decoration:underline}.dev-cont-actions{display:flex;gap:1rem}.dev-cont-submit-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:1rem}.dev-cont-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.dev-cont-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.dev-cont-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:dev-cont-spin 1s ease-in-out infinite}@keyframes dev-cont-spin{to{transform:rotate(360deg)}}.dev-cont-download-section{display:flex;justify-content:flex-end;margin-top:2rem}.dev-cont-download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-size:1rem;box-shadow:0 4px 12px #10b9814d}.dev-cont-download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.dev-cont-download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.dev-cont-main{padding:1.5rem}.dev-cont-form-wrapper,.dev-cont-overview{grid-template-columns:1fr}.dev-cont-card{flex-direction:column;text-align:center;padding:1.5rem}.dev-cont-card-icon{width:50px;height:50px}}@media (max-width: 768px){.dev-cont-main{padding:1rem}.dev-cont-header{flex-direction:column;align-items:flex-start;gap:1rem}.dev-cont-title{font-size:1.25rem}.dev-cont-form-section{padding:1.5rem}.dev-cont-footer{flex-direction:column;align-items:stretch;text-align:center;gap:1rem}.dev-cont-otp-input-section{flex-direction:column;align-items:stretch}.dev-cont-verification-success{flex-direction:column;text-align:center}}@media (max-width: 640px){.dev-cont-main{padding:.5rem}.dev-cont-header,.dev-cont-form-section,.dev-cont-card{padding:1rem}.dev-cont-card-content h3{font-size:.8rem}.dev-cont-card-value,.dev-cont-section-header h2{font-size:1.1rem}.dev-cont-submit-btn,.dev-cont-download-btn{width:100%;justify-content:center}}@media (max-width: 480px){.dev-cont-overview{grid-template-columns:1fr;gap:1rem}.dev-cont-card{padding:1rem;min-height:auto}.dev-cont-card-icon{width:40px;height:40px}.dev-cont-title{font-size:1.1rem}.dev-cont-back-btn{padding:.5rem 1rem;font-size:.9rem}.dev-cont-footer,.dev-cont-form-section{padding:1rem}}.creatorjob-hero-section{background-image:url(/assets/creatorjobpostNew-5keCRCJ1.jpg);background-size:cover;background-repeat:no-repeat;background-position:top;height:100vh;display:flex;flex-direction:column;align-items:flex-start}.creatorjob-hero-content{color:#060606;max-width:800px;padding-top:150px;padding-left:50px}.creatorjob-hero-content h1{font-size:36px;margin-bottom:1rem;font-family:Poppins}.creatorjob-hero-content p{font-size:16px;line-height:23.12px;margin-bottom:2rem;font-family:Arial,Helvetica,sans-serif}.btn-creatorpage{background-color:#4338ca;color:#fff;border:none;border-radius:10px;padding:.6rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.btn-creatorpage:hover{background-color:#2413e1}.container-job-creator{margin:10px;display:flex;flex-direction:column;gap:30px}.h2-creatorjob{font-size:20px;font-family:Arial,Helvetica,sans-serif}.p-creatorjobpage{font-size:14px;margin-bottom:10px}.creator-listing-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,auto);align-items:center;grid-gap:30px}.creatorjob-item{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:space-between;background-color:#2f2f2f;border-radius:10px;padding:20px 0}.creatorjob-item img{width:90px;height:90px;border-radius:50%;object-fit:cover}.creatorjob-item button{padding:10px 20px;border:none;background-color:#1a5acc;color:#fff;border-radius:10px;font-size:15px;cursor:pointer}.creatorjob-flname{font-size:20px}.creatorjob-biodata{font-size:14px;color:#201d1b80;font-weight:500}.rating{display:flex;align-items:center}.star{font-size:20px;color:#ccc;margin-right:2px}.star.filled{color:gold}.star.half-filled{color:gold;position:relative}.star.half-filled:after{position:absolute;left:0;top:0;color:#ccc}.creatoravgstar{display:flex;align-items:center}@media (max-width: 768px){.creatorjob-hero-content h1{font-size:2.5rem;color:#fff}.creatorjob-hero-content p{color:#fff}.btn-creatorpage{padding:.8rem 1.5rem}}@media (min-width: 469px){.creator-listing-grid{grid-template-columns:repeat(2,1fr)}.container-job-creator{margin:20px}.h2-creatorjob{font-size:32px}.p-creatorjobpage{font-size:16px}}@media (min-width: 1200px){.creator-listing-grid{grid-template-columns:repeat(4,1fr)}}.contract-client-main{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;max-width:100%;margin:0 auto}.contract-client-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.contract-client-title{display:flex;align-items:center;gap:12px}.contract-client-title h2{margin:0;font-size:24px;font-weight:700}.contract-client-status{display:flex;align-items:center}.contract-status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff3;border-radius:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contract-client-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px}.contract-section{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.contract-section-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.contract-form-group{margin-bottom:20px}.contract-form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.contract-form-input,.contract-form-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#1e293b;transition:all .2s ease;outline:none}.contract-form-input:focus,.contract-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.contract-form-textarea{min-height:120px;resize:vertical;line-height:1.5}.contract-amount-input{font-weight:700;font-size:16px;color:#059669;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.contract-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.contract-detail-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.contract-detail-card:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea1a}.contract-detail-card div{display:flex;flex-direction:column;gap:2px}.contract-detail-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.contract-detail-value{font-size:14px;color:#1e293b;font-weight:600}.contract-verification-card{background:#fffbeb;border:2px solid #f59e0b;border-radius:12px;padding:24px;text-align:center}.contract-verification-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.contract-verification-header h4{margin:0;font-size:16px;color:#92400e}.contract-verification-desc{color:#78350f;margin:0 0 20px;font-size:14px}.contract-otp-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.contract-otp-send{background:#3b82f6;color:#fff}.contract-otp-send:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.contract-otp-verify{background:#10b981;color:#fff}.contract-otp-verify:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.contract-otp-resend{background:#6b7280;color:#fff}.contract-otp-resend:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.contract-otp-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contract-otp-input-section{display:flex;flex-direction:column;gap:16px;align-items:center}.contract-otp-input{width:200px;padding:12px;text-align:center;font-size:18px;font-weight:600;letter-spacing:2px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;outline:none}.contract-otp-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.contract-otp-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.contract-verification-success{display:flex;align-items:center;gap:12px;padding:16px;background:#f0fdf4;border:2px solid #10b981;border-radius:8px;color:#065f46}.contract-verification-success h4{margin:0 0 4px;font-size:16px}.contract-verification-success p{margin:0;font-size:14px;color:#047857}.contract-error-message{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.contract-signature-section{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:24px;text-align:center}.contract-signature-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 20px;font-size:16px;color:#374151}.contract-signature-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.contract-signature-image{width:150px;height:80px;object-fit:contain;border:2px solid #e2e8f0;border-radius:8px;background:#f8fafc}.contract-signature-label{font-size:14px;color:#64748b;font-weight:500}.contract-upload-area{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;border:2px dashed #cbd5e1;border-radius:8px;background:#f8fafc;cursor:pointer;transition:all .2s ease;color:#64748b}.contract-upload-area:hover{border-color:#667eea;background:#f1f5f9;color:#667eea}.contract-upload-area span{font-size:16px;font-weight:600}.contract-upload-area small{font-size:12px;color:#9ca3af}.contract-file-input{display:none}.contract-upload-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px}.contract-upload-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.contract-upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contract-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:contract-spin 1s linear infinite}@keyframes contract-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contract-verified-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;text-align:center;color:#065f46}.contract-verified-section h3{margin:0;font-size:20px;color:#047857}.contract-verified-section p{margin:0;color:#059669}.contract-creator-signature{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.contract-info-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:20px}.contract-job-id{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.contract-job-label{font-size:14px;color:#64748b;font-weight:500}.contract-job-value{font-size:14px;color:#1e293b;font-weight:700;font-family:monospace;background:#e2e8f0;padding:4px 8px;border-radius:4px}.contract-verification-badge{display:flex;align-items:center;gap:8px;color:#059669;font-size:12px;font-weight:500}.contract-client-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#f8fafc;border-top:1px solid #e2e8f0}.contract-footer-left{display:flex;align-items:center}.contract-terms-link{display:flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.contract-terms-link:hover{color:#5a67d8;text-decoration:underline}.contract-footer-right{display:flex;align-items:center}.contract-agree-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b98133}.contract-agree-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.contract-agree-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.contract-client-left,.contract-client-right{display:flex;flex-direction:column}.contract-client-right{border-left:1px solid #e2e8f0;padding-left:32px}@media (max-width: 1200px){.contract-client-container{grid-template-columns:1fr;gap:24px}.contract-client-right{border-left:none;border-top:1px solid #e2e8f0;padding-left:0;padding-top:24px}.contract-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.contract-client-main{border-radius:0;box-shadow:none}.contract-client-header{padding:20px 24px;flex-direction:column;gap:16px;text-align:center}.contract-client-title h2{font-size:20px}.contract-client-container{padding:24px;gap:20px}.contract-section{padding:20px;margin-bottom:20px}.contract-section-title{font-size:16px}.contract-details-grid{grid-template-columns:1fr;gap:12px}.contract-detail-card{padding:12px}.contract-client-footer{padding:20px 24px;flex-direction:column;gap:16px;text-align:center}.contract-agree-btn{width:100%;justify-content:center}.contract-otp-actions{flex-direction:column;width:100%}.contract-otp-btn{width:100%;justify-content:center}.contract-verification-card,.contract-signature-section{padding:20px}.contract-upload-area{padding:24px}}@media (max-width: 480px){.contract-client-header{padding:16px 20px}.contract-client-container{padding:20px}.contract-section{padding:16px}.contract-client-footer{padding:16px 20px}.contract-form-input,.contract-form-textarea{padding:10px 12px;font-size:14px}.contract-otp-input{width:100%;max-width:200px}.contract-signature-image{width:120px;height:60px}.contract-upload-area{padding:20px}.contract-verification-card{padding:16px}}.contract-form-input:focus,.contract-form-textarea:focus,.contract-otp-input:focus,.contract-otp-btn:focus,.contract-upload-btn:focus,.contract-agree-btn:focus{outline:3px solid rgba(102,126,234,.3);outline-offset:2px}.contract-section{animation:contract-fadeIn .4s ease-out}@keyframes contract-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contract-verification-success{animation:contract-successSlide .5s ease-out}@keyframes contract-successSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media print{.contract-client-header,.contract-client-footer{background:#fff!important;color:#000!important}.contract-otp-btn,.contract-upload-btn,.contract-agree-btn{display:none}.contract-client-container{grid-template-columns:1fr;gap:20px}.contract-section{break-inside:avoid;border:1px solid #000000}}@media (prefers-contrast: high){.contract-section,.contract-form-input,.contract-form-textarea,.contract-otp-btn,.contract-upload-btn,.contract-agree-btn{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){.contract-section,.contract-verification-success,.contract-detail-card,.contract-otp-btn,.contract-upload-btn,.contract-agree-btn{animation:none;transition:none}.contract-detail-card:hover,.contract-otp-btn:hover,.contract-upload-btn:hover,.contract-agree-btn:hover{transform:none}}.xero-payment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.xero-payment-modal-container{background:#fff;width:90%;max-width:600px;border-radius:12px;box-shadow:0 4px 24px #00000026;overflow:hidden}.xero-payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.xero-payment-modal-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.xero-payment-close-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.xero-payment-close-button:hover{background:#f3f4f6;color:#111827}.xero-payment-modal-content{padding:1.5rem;max-height:calc(100vh - 200px);overflow-y:auto}.xero-payment-section{margin-bottom:2rem}.xero-payment-section-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1rem}.xero-payment-contract-id{color:#6b7280;background:#f3f4f6;padding:.5rem;border-radius:6px;margin-bottom:1.5rem}.xero-payment-subsection{margin:1.5rem 0}.xero-payment-subsection-title{font-size:1.1rem;font-weight:500;color:#374151;margin:0 0 1rem}.xero-payment-terms-list{list-style-type:none;padding:0;margin:0}.xero-payment-terms-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#4b5563;line-height:1.5}.xero-payment-terms-list li:before{content:"•";position:absolute;left:0;color:#059669}.xero-payment-agreement-notice{background:#f8fafc;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.xero-payment-agreement-notice p{margin:.5rem 0;color:#4b5563}.xero-payment-terms-link{color:#059669;text-decoration:none;font-weight:500}.xero-payment-terms-link:hover{text-decoration:underline}.xero-payment-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.xero-payment-cancel-button,.xero-payment-pay-button{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.xero-payment-cancel-button{background:#fff;border:1px solid #d1d5db;color:#374151}.xero-payment-cancel-button:hover{background:#f3f4f6}.xero-payment-pay-button{background:green;border:none;color:#fff}.xero-payment-pay-button:hover{background:#014901}@media (max-width: 640px){.xero-payment-modal-container{width:95%;margin:1rem;max-height:calc(100vh - 2rem)}.xero-payment-modal-header,.xero-payment-modal-content{padding:1rem}.xero-payment-modal-actions{flex-direction:column}.xero-payment-cancel-button,.xero-payment-pay-button{width:100%}}.xero-payment-type-selection{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px}.xero-payment-options{display:flex;flex-direction:column;gap:15px;margin-top:10px}.xero-payment-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s}.xero-payment-option:hover{background:#f1f5f9}.xero-payment-option input[type=radio]{margin:0}.cp-payment-container{max-width:64rem;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;color:#000}.cp-alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.btn-circlearrowleft{margin:16px;border-radius:50%;background-color:none;align-items:center;display:flex;gap:10px;cursor:pointer}.cp-alert.success{background-color:#f0fdf4;border:1px solid rgb(167,243,208);color:#166534}.cp-alert.error{background-color:#fef2f2;border:1px solid rgb(252,165,165);color:#991b1b}.cp-alert.loading{background-color:#eff6ff;border:1px solid rgb(147,197,253);color:#1e3a8a}.cp-alert-content{display:flex;align-items:center;gap:.5rem}.cp-alert-icon{width:1rem;height:1rem}.cp-guide-container{background:#faf6f9;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e9d5ff}.cp-guide-title{font-size:24px;font-weight:700;-webkit-background-clip:text;background-clip:text;color:#000;margin-bottom:1rem}.cp-guide-steps{display:flex;flex-direction:column;gap:.75rem}.cp-guide-step{display:flex;align-items:center;color:#333;font-size:14px;transition:transform .3s}.cp-step-number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;background:#000;color:#fff;font-size:.75rem;margin-right:.75rem}.cp-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.cp-payment-card{position:relative;overflow:hidden;border-radius:.5rem;transition:all .5s;box-shadow:0 4px 6px -1px #0000001a}.cp-payment-card:hover{box-shadow:0 10px 15px -3px #0000001a}.cp-initial-payment,.cp-final-payment{background:#faf6f9}.cp-card-header{position:relative;z-index:10;padding:1.25rem;border-bottom:1px solid #333;display:flex;justify-content:space-between}.cp-card-title{display:flex;gap:5px;align-items:center;font-size:24px;font-weight:700;-webkit-background-clip:text;background-clip:text;color:#000}.cp-card-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.cp-card-content{position:relative;z-index:10;padding:1.5rem}.cp-payment-details{display:flex;flex-direction:column;gap:1rem}.cp-detail-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #c8bad7}.cp-status{display:flex;align-items:center;font-weight:600}.cp-status.cp-pending,.cp-status.cp-paid{color:#064469}.cp-status-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.cp-summary-card{position:relative;overflow:hidden;border-radius:.5rem;background:#faf6f9;box-shadow:0 4px 6px -1px #0000001a}.cp-summary-details{display:flex;flex-direction:column;gap:1.5rem}.cp-total-amount{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#ffffff80;border-radius:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #c8bad7}.cp-payment-grid-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cp-payment-summary-item{display:flex;flex-direction:column;gap:10px;padding:1rem;background-color:#ffffff80;border-radius:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #bfdbfe;transition:all .3s}.cp-payment-summary-item:hover{box-shadow:0 4px 6px -1px #0000001a}.cp-summary-label{display:flex;justify-content:space-between;font-size:.875rem;color:#333;margin-bottom:.25rem}.cp-payment-button{width:100%;padding:1rem 1.5rem;border-radius:.75rem;font-weight:600;color:#fff;transition:all .3s;transform:scale(1);cursor:pointer;border:none;font-size:14px;background:#f67400;box-shadow:0 4px 6px -1px #0000001a}.cp-payment-button:not(.cp-disabled):hover{transform:scale(1.02);box-shadow:0 10px 15px -3px #0000001a}.cp-payment-button.cp-disabled{background-color:green;cursor:not-allowed;transform:none}.cp-download-notice{position:relative;overflow:hidden;background:linear-gradient(to right,#ecfdf5,#d1fae5);padding:1.5rem;border-radius:.75rem;border:1px solid #6ee7b7;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s;transform:scale(1)}.cp-download-notice:hover{transform:scale(1.01);box-shadow:0 10px 15px -3px #0000001a}.cp-notice-content{position:relative;z-index:10;display:flex;align-items:center}.cp-notice-icon{width:1.5rem;height:1.5rem;margin-right:.75rem;color:#059669}.cp-notice-text{font-weight:600;background:linear-gradient(to right,#059669,#065f46);-webkit-background-clip:text;background-clip:text;color:transparent}.cp-amount{font-weight:700;background:#121212;-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes cp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cp-pulse{0%,to{opacity:1}50%{opacity:.5}}.cp-spinning{animation:cp-spin 2s linear infinite}.cp-pulse{animation:cp-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 1024px){.cp-payment-grid,.cp-payment-grid-summary{grid-template-columns:1fr}}@media (max-width: 768px){.cp-payment-container,.cp-guide-container,.cp-card-content{padding:1rem}.cp-detail-row{padding:.75rem}.cp-payment-button{padding:.75rem 1rem}.cp-card-title{font-size:20px}}@media (max-width: 480px){.cp-guide-step{font-size:.75rem}.cp-step-number{width:1.25rem;height:1.25rem;font-size:.675rem}.cp-notice-text{font-size:.875rem}.cp-card-icon{width:1rem;height:1rem}}@media (prefers-reduced-motion: reduce){.cp-spinning,.cp-pulse,.cp-guide-step,.cp-payment-button,.cp-download-notice{transition:none;animation:none;transform:none}}.cp-payment-button:focus,.cp-guide-step:focus{outline:2px solid #2563eb;outline-offset:2px}.cp-full-payment{width:100%;margin:0 auto;background-color:#faf6f9}.cp-full-payment .cp-payment-details{text-align:center}.cp-full-payment .cp-amount{font-size:1.5rem;font-weight:700;color:#4f46e5}.cp-full-payment .cp-payment-button{width:100%;max-width:300px;margin:20px auto;padding:15px 30px;font-size:1.1rem}.cp-payment-grid{display:flex;flex-direction:column;gap:20px;margin:20px 0}@media (min-width: 768px){.cp-payment-grid{flex-direction:row}.cp-payment-grid>div{flex:1}}.payment-dashboard-v1__container{max-width:1280px;margin:0 auto;padding:0 1.5rem;color:#000}.payment-dashboard-v1__header{background:#212a37;padding:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a}.payment-dashboard-v1__header h1{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#faf6f9}.payment-dashboard-v1__metrics-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:1rem}@media (min-width: 768px){.payment-dashboard-v1__metrics-grid{grid-template-columns:repeat(2,1fr)}}.payment-dashboard-v1__metric-card{background-color:#ffffff1a;padding:1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s;color:#faf6f9}.payment-dashboard-v1__metric-card:hover{background-color:#fff3}.payment-dashboard-v1__metric-card h3{font-size:.875rem;opacity:.8;margin-bottom:.5rem}.payment-dashboard-v1__metric-card p{font-size:1.5rem;font-weight:700}.payment-dashboard-v1__main{padding:1.5rem 0}.payment-dashboard-v1__error-alert{background-color:#fee2e2;border-left:4px solid #ef4444;color:#991b1b;padding:1rem;margin-bottom:1.5rem;border-radius:.25}.payment-dashboard-v1__charts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.payment-dashboard-v1__charts-grid{grid-template-columns:repeat(2,1fr)}}.payment-dashboard-v1__chart-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.payment-dashboard-v1__chart-card:hover{box-shadow:0 4px 6px -1px #0000001a}.payment-dashboard-v1__chart-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.payment-dashboard-v1__chart-container{position:relative;height:300px;width:100%}.payment-dashboard-v1__filters-section{background-color:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.payment-dashboard-v1__filters-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.payment-dashboard-v1__filters-grid{grid-template-columns:repeat(3,1fr)}}.payment-dashboard-v1__filter-select{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;transition:border-color .2s}.payment-dashboard-v1__filter-select:focus{outline:none;border-color:#2563eb}.payment-dashboard-v1__payments-table{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.payment-dashboard-v1__payments-table table{width:100%;border-collapse:collapse}.payment-dashboard-v1__payments-table th{background-color:#f9fafb;padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.payment-dashboard-v1__payments-table td{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.payment-dashboard-v1__payment-row:hover{background-color:#f9fafb}.payment-dashboard-v1__payment-type,.payment-dashboard-v1__payment-direction{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.payment-dashboard-v1__payment-type--job{background-color:#dbeafe;color:#1e40af}.payment-dashboard-v1__payment-type--product,.payment-dashboard-v1__payment-direction--incoming{background-color:#d1fae5;color:#065f46}.payment-dashboard-v1__payment-direction--outgoing{background-color:#fee2e2;color:#991b1b}.payment-dashboard-v1__view-details-button{color:#2563eb;transition:color .2s;border:none;padding:4px}.payment-dashboard-v1__view-details-button:hover{color:#1d4ed8}.payment-dashboard-v1__modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.payment-dashboard-v1__modal-content{background-color:#fff;border-radius:.75rem;max-width:48rem;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.payment-dashboard-v1__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.payment-dashboard-v1__modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937}.payment-dashboard-v1__close-button{color:#000;transition:color .2s;background-color:transparent;border:none;cursor:pointer}.payment-dashboard-v1__close-button:hover{color:#1f2937}.payment-dashboard-v1__modal-body{padding:1.5rem}.payment-dashboard-v1__status-banner{display:flex;align-items:center;justify-content:space-between;background-color:#f9fafb;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;color:#000}.payment-dashboard-v1__status-tags{display:flex;gap:.75rem}.payment-dashboard-v1__direction-tag,.payment-dashboard-v1__type-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.payment-dashboard-v1__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.payment-dashboard-v1__info-card{background-color:#f9fafb;padding:.75rem;border-radius:.5rem}.payment-dashboard-v1__info-label{font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.payment-dashboard-v1__info-value{font-size:.875rem;font-weight:600;word-break:break-all}.payment-dashboard-v1__info-value--indigo{color:#4f46e5}.payment-dashboard-v1__info-value--purple{color:#7c3aed}.payment-dashboard-v1__info-value--emerald{color:#059669}.payment-dashboard-v1__info-value--red{color:#dc2626}.payment-dashboard-v1__info-value--blue{color:#2563eb}.payment-dashboard-v1__info-value--gray{color:#4b5563}.payment-dashboard-v1__additional-details{margin-top:1rem}.payment-dashboard-v1__details-section{background-color:#f9fafb;border-radius:.5rem;overflow:hidden}.payment-dashboard-v1__details-summary{display:flex;align-items:center;justify-content:space-between;padding:.75rem;cursor:pointer;transition:background-color .2s}.payment-dashboard-v1__details-summary:hover{background-color:#f3f4f6}.payment-dashboard-v1__details-summary span{font-size:.875rem;font-weight:500;color:#4b5563}.payment-dashboard-v1__details-icon{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;fill:none;color:#6b7280;transition:transform .2s}.payment-dashboard-v1__details-section[open] .payment-dashboard-v1__details-icon{transform:rotate(180deg)}.payment-dashboard-v1__details-content{padding:.75rem;border-top:1px solid #e5e7eb}.payment-dashboard-v1__details-row{display:flex;align-items:center;padding:.5rem 0}.payment-dashboard-v1__details-label{width:8rem;font-size:.875rem;font-weight:500;color:#4b5563}.payment-dashboard-v1__details-value{font-size:.875rem;color:#1f2937;word-break:break-all}.payment-dashboard-v1__loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.payment-dashboard-v1__loading-content{background-color:#fff;padding:1.5rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 15px -3px #0000001a}.payment-dashboard-v1__loading-content i{color:#2563eb}.payment-dashboard-v1__empty-state{text-align:center;color:#6b7280;padding:2rem!important}@media (max-width: 768px){.payment-dashboard-v1__modal-content{width:95%;margin:1rem}.payment-dashboard-v1__info-grid{grid-template-columns:1fr}.payment-dashboard-v1__status-banner{flex-direction:column;gap:.5rem;align-items:flex-start}.payment-dashboard-v1__details-label{width:6rem}}.payment-dashboard-v1 .fa-spin{animation:spin 1s linear infinite}@media print{.payment-dashboard-v1__header{background:none!important;color:#000}.payment-dashboard-v1__filters-section,.payment-dashboard-v1__view-details-button{display:none}.payment-dashboard-v1__chart-card,.payment-dashboard-v1__payments-table{box-shadow:none;border:1px solid #e5e7eb}.payment-dashboard-v1__metric-card{background:none;border:1px solid #e5e7eb}}.table-loader{display:flex;align-items:center;justify-content:center}.myprod-container{margin:32px}.myprod-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.myprod-title{font-size:24px;color:#1f1f1f;display:flex;align-items:center;gap:.5rem}.header-icon{color:#1a237e}.myprod-total-earnings{display:flex;align-items:center;gap:.5rem;font-size:16px;background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.earnings-icon{color:#fff}.myprod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.myprod-card{background:#faf6f9;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.myprod-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000001a}.myprod-media{position:relative;height:200px;background:#f5f5f5}.myprod-main-image{width:100%;height:100%;object-fit:fill}.myprod-category-badge{position:absolute;top:12px;right:12px;background:#000000bf;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.myprod-details{padding:.5rem}.myprod-name{font-size:16px;font-weight:600;color:#1f1f1f;margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myprod-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.metric-item{display:flex;align-items:center;justify-content:center;gap:.25rem;background:#f8f9fa;border-radius:8px}.metric-icon{color:#333}.price-icon{color:#43a047}.purchases-icon{color:#1976d2}.likes-icon{color:#e91e63}.rating-icon{color:#ffc107}.metric-value{font-weight:600;color:#333;font-size:.875rem}.btn-wrapper-myprod{display:flex;justify-content:space-between;align-items:center;gap:20px}.myprod-reviews-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.myprod-reviews-btn:hover{background:linear-gradient(135deg,#1565c0,#0d47a1)}.myprod-complaint-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#c0150f,#e00);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.myprod-complaint-btn:hover{background:linear-gradient(135deg,#ff2600,red)}.btn-icon{color:#fff}.myprod-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.myprod-modal-content{background:#fff;width:90%;max-width:600px;max-height:80vh;border-radius:12px;padding:1.5rem;position:relative;overflow-y:auto}.myprod-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.myprod-modal-title{font-size:24px;color:#1f1f1f;margin:0}.myprod-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s}.myprod-modal-close:hover{background:#f5f5f5;color:#333}.myprod-review-list{display:flex;flex-direction:column;gap:1rem}.myprod-review-item{padding:1rem;background:#f8f9fa;border-radius:8px}.myprod-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.myprod-review-user{font-weight:600;color:#333}.myprod-review-stars{display:flex;gap:2px}.star-filled{color:#ffc107;fill:#ffc107}.star-empty{color:#ddd}.myprod-review-text{color:#333;line-height:1.5;margin:0}.myprod-no-reviews{color:#666;text-align:center;padding:2rem;margin:0}.myprod-loading,.myprod-error{text-align:center;padding:3rem;font-size:1.125rem;color:#666}.myprod-error{color:#d32f2f}.catalog-myproducts{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:20px}@media (max-width: 769px){.myprod-container{margin:16px}.myprod-header{flex-direction:column;gap:16px;justify-content:center;align-items:flex-start}}.profile-new-container{position:relative;width:100%;min-height:100vh}.profile-new-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#7261f1;border-bottom:1px solid rgba(255,255,255,.1)}.profile-new-avatar-button{background:none;border:none;padding:0;cursor:pointer}.profile-new-avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover;background-color:#212a37}.profile-new-logo{height:40px;display:flex;align-items:center}.profile-new-logo img{height:100%}.profile-new-mobile-actions{display:flex;align-items:center}.profile-new-notification-button{background:none;border:none;padding:8px;cursor:pointer}.profile-new-sidebar{position:fixed;top:0;left:0;width:70%;height:100vh;background-color:#faf6f9;z-index:1000;overflow-y:auto;transition:transform .3s ease}.close-x-profilesidebar{margin:10px}.profile-new-sidebar-header{padding:1rem;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #333}.profile-new-sidebar-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1rem;background-color:#212a37}.profile-new-sidebar-user-info{text-align:center}.profile-new-sidebar-user-info h3{margin:0 0 .5rem;font-size:16px}.profile-new-sidebar-user-info p{margin:.2rem 0;font-size:14px}.profile-new-sidebar-menu{padding:1rem}.profile-new-sidebar-menu-item{padding:.8rem 1rem;margin-bottom:.5rem;border-radius:20px;cursor:pointer;background-color:#9c88eb;transition:all .2s;font-size:.9rem;color:#000}.profile-new-sidebar-menu-item:hover,.profile-new-active{background-color:#3e3183;color:#fff}.profile-new-main,.profile-banner-profile{padding-bottom:2rem}.profile-new-banner{position:relative;width:100%;height:150px;background-color:#8b00bf;overflow:hidden}.profile-new-banner-image{width:100%;height:100%;object-fit:cover}.profile-new-edit-banner{position:absolute;bottom:10px;right:10px;width:32px;height:32px;border-radius:50%;background-color:#212a37;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.profile-new-profile-header{display:flex;flex-direction:column;align-items:center;margin-top:-40px}.profile-new-avatar-container{position:relative}.profile-new-avatar-large{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #000;background-color:#212a37}.profile-new-edit-avatar{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background-color:#212a37;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.profile-new-user-info{text-align:center}.profile-new-user-info h2{font-size:1.5rem}.profile-new-user-title{font-size:16px;font-weight:600}.profile-new-user-dob,.profile-new-user-email{font-size:.9rem;color:#333}.profile-new-desktop-sidebar{display:none}.profile-new-content{padding:0 1rem}.profile-new-section{background-color:#2a2f5b;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.profile-new-section-header{background-color:#324a6d;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.profile-new-section-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.profile-new-edit-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.profile-new-section-content{padding:1rem}.profile-new-field{margin-bottom:1rem;position:relative}.profile-new-field label{display:block;margin-bottom:.5rem;font-size:14px;color:#faf6f9}.profile-new-field input,.profile-new-field textarea{width:100%;padding:.8rem;border-radius:8px;border:none;opacity:1;background-color:#ffffff1a;color:#fff;font-size:1rem;border:1px solid #e0e0e0;box-shadow:inset 0 0 10px #0009}.profile-new-field input:disabled,.profile-new-field textarea:disabled{opacity:.8;cursor:not-allowed;border:none;box-shadow:none}.profile-new-field textarea{min-height:80px;resize:vertical}.profile-new-field-icon{position:absolute;right:10px;bottom:12px;color:#ffffff80}.profile-new-tags{display:flex;flex-wrap:wrap;gap:.5rem}.profile-new-tag{display:inline-block;padding:.4rem .8rem;background-color:#ffffff1a;border-radius:20px;font-size:.8rem}.profile-new-actions{padding:1rem;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1)}.profile-new-save-button{padding:.6rem 1.5rem;background-color:#4338ca;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500}.profile-new-notification-dropdown{position:absolute;top:60px;right:1rem;width:300px;background-color:#212a37;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1000;max-height:400px;overflow-y:auto}.profile-new-notification-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.profile-new-notification-header h3{margin:0;font-size:1rem}.profile-new-notification-content{max-height:350px;overflow-y:auto}.profile-new-notification-item{display:flex;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.profile-new-notification-icon{margin-right:.8rem;color:#ffffffb3}.profile-new-notification-text{flex:1}.profile-new-notification-title{margin:0 0 .3rem;font-size:.9rem;font-weight:500}.profile-new-notification-message{margin:0;font-size:.8rem;color:#ffffffb3}.profile-new-no-notifications{padding:2rem 1rem;text-align:center;color:#ffffff80}.profile-new-arrow{display:none}@media (min-width: 768px){.profile-new-mobile-header{display:none}.profile-new-main{display:grid;grid-template-columns:200px 1fr;grid-template-areas:"sidebar content";gap:2rem;padding:1.5rem}.profile-banner-profile{display:grid;grid-template-columns:100px 300px auto;grid-template-areas:"arrow profile-header banner";gap:1rem;align-items:center;padding-left:10px}.profile-new-banner{grid-area:banner;height:140px}.profile-new-arrow{grid-area:arrow;display:flex;align-items:center;justify-content:center;background-color:#faf6f9;height:35px;width:35px;border-radius:50%}.profile-new-profile-header{grid-area:profile-header;flex-direction:row;gap:20px;padding:0 15px;align-items:center;margin-top:0;background-color:#faf6f9;border-radius:200px;height:120px}.profile-new-avatar-large{width:100px;height:100px}.profile-new-user-info{text-align:left;margin-bottom:0}.profile-new-desktop-sidebar{grid-area:sidebar;display:block;position:sticky;top:10px;align-self:start;max-height:calc(100vh - 40px);overflow-y:auto}.profile-new-desktop-menu{display:flex;flex-direction:column;gap:1rem}.profile-new-desktop-menu-item{padding:.8rem 1rem;border-radius:20px;cursor:pointer;transition:background-color .2s;font-size:1rem;text-align:left;background-color:#faf6f9}.profile-new-active-side{background-color:#2a2f5b;color:#fff}.profile-new-content{grid-area:content;padding:0}.profile-new-notification-dropdown{top:1.5rem;right:1.5rem}}@media (min-width: 1200px){.profile-new-main{grid-template-columns:250px 1fr;margin:0 auto}.profile-banner-profile{grid-template-columns:100px 300px auto}.profile-new-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-new-section{margin-bottom:0}.profile-new-avatar-large{width:100px;height:100px}.profile-new-user-info h2{font-size:16px}.profile-new-user-dob,.profile-new-user-email{font-size:14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-new-sidebar,.profile-new-notification-dropdown{animation:fadeIn .3s ease}.profile-new-notification-content::-webkit-scrollbar,.profile-new-sidebar::-webkit-scrollbar{width:6px}.profile-new-notification-content::-webkit-scrollbar-track,.profile-new-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.profile-new-notification-content::-webkit-scrollbar-thumb,.profile-new-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.profile-new-notification-content::-webkit-scrollbar-thumb:hover,.profile-new-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.profile-new-tag{background-color:#faf6f9}.profile-new-save-button:hover{background-color:#5046e5}.profile-new-field input:focus,.profile-new-field textarea:focus{outline:2px solid #8b00bf}.profile-new-avatar-placeholder{color:#fff}.profile-new-enterprise-header{display:flex;justify-content:start;align-items:center;gap:20px;margin:16px}.profile-new-mobile-header img{width:50px;height:50px}.profile-new-logout,.profile-new-logout:hover{color:#ff4d4f;background-color:transparent}.help-button-container{position:fixed;bottom:2rem;right:2rem;z-index:50}.help-button{background-color:#007bff;color:#fff;padding:1rem;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.help-button:hover{background-color:#007bffe6}.help-icon{height:1.5rem;width:1.5rem}.verification-account-status{display:flex;justify-content:flex-end;gap:5px;padding:0 10px;color:#349ff3}@media (max-width: 768px){.verification-account-status{margin-bottom:10px}.back-btn-profile-pic{display:none}}.pending-status{color:#ff4d4f}.pending-icon{color:#ff4d4f;font-size:20px}.bd-container{margin:0 16px;padding:20px;background-color:#1e2756;color:#fff;border-radius:10px;position:relative}.bd-section-title{font-size:16px;margin-bottom:20px;font-weight:500}.bd-info-header{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.bd-info-item{display:flex;align-items:center;gap:8px}.bd-info-label{font-weight:500}.bd-info-value{font-weight:400}.bd-content{display:flex;gap:30px}.bd-card{width:100%;max-width:450px;height:250px;background:linear-gradient(135deg,#d24074,#6518b4);border-radius:15px;padding:20px;color:#fff;box-shadow:0 10px 20px #0003;margin-bottom:30px}.bd-card-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.bd-logo{font-size:24px;font-weight:700;color:#fff;display:flex;align-items:center}.bd-logo span{margin-left:8px}.bd-card-number{display:flex;justify-content:space-between;font-size:20px;letter-spacing:2px;margin:20px 0}.bd-card-details{display:flex;justify-content:flex-start;align-items:flex-end;gap:50px}.bd-card-holder,.bd-card-expiry{display:flex;flex-direction:column}.bd-bank-logo{margin-left:auto;display:flex;align-items:center}.bd-bank-logo-img{width:50px;height:50px;object-fit:contain;background-color:#fff9;border-radius:8px;padding:5px}.bd-card-label{font-size:12px;opacity:.8;margin-bottom:5px}.bd-card-value{font-size:16px;font-weight:500}.bd-card-logo{width:60px;height:40px;display:flex;align-items:center;justify-content:center}.bd-mastercard-logo{position:relative;width:50px;height:30px}.bd-mastercard-logo:before,.bd-mastercard-logo:after{content:"";position:absolute;width:30px;height:30px;border-radius:50%}.bd-mastercard-logo:before{background-color:#eb001b;left:0}.bd-mastercard-logo:after{background-color:#f79e1b;right:0}.bd-form{width:100%}.bd-form-group{margin-bottom:25px}.bd-form-group label{display:block;margin-bottom:10px;font-weight:500}.bd-asterisk{color:red;margin-left:2px}.bd-input-container{position:relative;width:100%}.bd-input{width:100%;padding:15px;background-color:#ffffff1a!important;border:none;border-radius:8px;color:#fff;font-size:16px}.bd-input option{color:#000}.bd-input::placeholder{color:#ffffff80}.bd-input:focus{outline:none;background-color:#ffffff26}.bd-input:disabled{opacity:.7;cursor:not-allowed}.bd-eye-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.7}.bd-eye-icon:hover{opacity:1}.bd-helper-text{font-size:12px;color:#ffffffb3;margin-top:5px}.bd-document-upload{margin-top:30px;padding:25px;border-radius:10px;border:1px dashed rgba(255,255,255,.3)}.bd-upload-container{margin:20px 0}.bd-upload-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:15px;background-color:#ffffff1a;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s}.bd-upload-btn:hover{background-color:#fff3}.bd-upload-icon{margin-right:10px}.bd-upload-preview{display:flex;gap:15px;margin:15px 0}.bd-preview-box{width:80px;height:80px;background-color:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.3)}.bd-file-info{margin:10px 0;font-size:14px;color:#fffc}.bd-submit-button{width:100%;padding:15px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-top:30px;transition:background-color .3s}.bd-submit-button:hover{background-color:#3d8b40}.bd-loading-text{text-align:center;color:#ffffffb3;padding:20px;font-size:16px}@media (max-width: 768px){.bd-info-header{flex-direction:column;gap:10px}.bd-content{flex-direction:column}.bd-card{max-width:100%;height:auto;padding:15px}.bd-card-number{font-size:16px}.bd-card-value{font-size:14px}.bd-input{padding:12px}.bd-upload-preview{flex-wrap:wrap}}select.bd-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px}.bd-edit-button{position:absolute;top:25px;right:120px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.7;transition:opacity .3s}.bd-edit-button:hover{opacity:1}.bd-chip{width:40px;height:30px;background-color:gold;border-radius:5px;margin-right:10px;position:relative;overflow:hidden}.bd-bank-logo-circle{width:40px;height:40px;background-color:#00a1e4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:10px}.bd-card-type-badge{position:absolute;top:20px;right:20px;background-color:#fff3;padding:5px 10px;border-radius:15px;font-size:12px}.bd-error-message{color:#ff6b6b;font-size:12px;margin-top:5px}.bd-input.error{border:1px solid #ff6b6b}@keyframes bd-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.bd-loading-text{animation:bd-pulse 1.5s infinite}.bd-chip{width:40px;height:30px;background-color:gold;border-radius:5px;position:relative;overflow:hidden}.bd-chip:before{content:"";position:absolute;width:100%;height:50%;top:25%;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 30%,transparent 60%)}.bd-section-title-container{display:flex;justify-content:space-between}.bank-details-status-item{display:flex;align-items:center;gap:10px}.bd-actions-container{display:flex;align-items:center;gap:15px}.bd-edit-button{display:flex;align-items:center;gap:5px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;transition:background-color .3s}.bd-edit-button:hover{background-color:#3367d6}.bd-cancel-button{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;transition:background-color .3s}.bd-cancel-button:hover{background-color:#d32f2f}.bd-important{color:#d32f2f;margin-top:10px;padding:5px;border-left:3px solid #d32f2f;background-color:#d32f2f1a}.ps-container{display:flex;flex-direction:column;padding:20px;color:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e);min-height:100vh}.ps-header{margin-bottom:32px;text-align:center}.ps-title{font-size:32px;font-weight:700;margin-bottom:8px;color:#fff;letter-spacing:-.8px;background:linear-gradient(135deg,#4361ee,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ps-subtitle{font-size:16px;color:#ffffffb3;margin:0;font-weight:400}.ps-card{background:linear-gradient(145deg,#1e2756,#2a3467);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;position:relative;overflow:hidden}.ps-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(67,97,238,.5),transparent)}.ps-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26}.ps-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ps-card-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#4361ee26;border-radius:12px;border:1px solid rgba(67,97,238,.3)}.ps-card-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 4px}.ps-card-description{font-size:14px;color:#ffffffb3;margin:0;line-height:1.5}.ps-toggle{position:relative;display:inline-block;width:56px;height:32px;flex-shrink:0;margin-left:auto}.ps-toggle input{opacity:0;width:0;height:0}.ps-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);transition:all .3s ease;border-radius:32px;border:2px solid rgba(255,255,255,.1)}.ps-toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background:linear-gradient(135deg,#fff,#f0f0f0);transition:all .3s ease;border-radius:50%;box-shadow:0 2px 8px #0000004d}input:checked+.ps-toggle-slider{background:linear-gradient(135deg,#4361ee,#7c3aed);border-color:#4361ee80}input:checked+.ps-toggle-slider:before{transform:translate(24px);background:linear-gradient(135deg,#fff,#f8f9ff)}.ps-session-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.ps-stat-card{background:#0003;border-radius:12px;padding:16px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.ps-stat-card:hover{background:#0000004d;transform:translateY(-2px)}.ps-stat-number{font-size:24px;font-weight:700;color:#4361ee;margin-bottom:4px}.ps-stat-label{font-size:12px;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ps-session-tabs{display:flex;gap:4px;margin-bottom:24px;background:#0000004d;border-radius:12px;padding:6px;border:1px solid rgba(255,255,255,.05)}.ps-tab-btn{flex:1;padding:12px 16px;background:transparent;border:none;color:#ffffffb3;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.ps-tab-btn:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-1px)}.ps-tab-btn.active{background:linear-gradient(135deg,#4361ee,#7c3aed);color:#fff;box-shadow:0 4px 12px #4361ee4d}.ps-tab-icon{font-size:16px}.ps-session-content{min-height:300px}.ps-session-bulk-actions{margin-bottom:20px;display:flex;justify-content:flex-end}.ps-terminate-all-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #ef44444d}.ps-terminate-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.ps-terminate-all-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ps-bulk-icon{display:flex;align-items:center;justify-content:center;gap:5px;font-size:16px}.ps-sessions-list{display:flex;flex-direction:column;gap:16px}.ps-session-item{background:#0003;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative}.ps-session-item:hover{background:#0000004d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ps-current-session{border-left:4px solid #4361ee;background:#4361ee0d}.ps-session-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.ps-session-main-info{display:flex;align-items:flex-start;gap:16px;flex:1}.ps-device-icon{position:relative;width:48px;height:48px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ps-device-emoji{font-size:20px}.ps-browser-emoji{position:absolute;bottom:-2px;right:-2px;font-size:12px;background:#000c;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ps-session-details{flex:1;min-width:0}.ps-session-primary{display:flex;align-items:center;gap:12px;margin-bottom:4px}.ps-device-name{font-size:16px;font-weight:600;color:#fff}.ps-current-badge{background:linear-gradient(135deg,#4361ee,#7c3aed);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.ps-session-secondary{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9}.ps-separator{color:#ffffff4d}.ps-session-actions{display:flex;align-items:center;gap:12px}.ps-status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.ps-status-inactive{background:#6b72804d;color:#ffffffb3;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.ps-terminate-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;padding:5px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center}.ps-terminate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ps-terminate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ps-terminate-text{display:none}.ps-session-meta{border-top:1px solid rgba(255,255,255,.05);padding-top:16px}.ps-session-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px}.ps-info-item{display:flex;flex-direction:column;gap:4px}.ps-info-label{font-size:11px;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ps-info-value{font-size:13px;color:#fffc;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.ps-session-id{color:#4361eecc}.ps-logout-info{margin-top:8px;padding:8px 12px;background:#ef44441a;border-radius:6px;border-left:3px solid #ef4444}.ps-logout-label{font-size:12px;color:#fff9;margin-right:8px}.ps-logout-time{font-size:12px;color:#fffc;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.ps-change-password-btn{background:linear-gradient(135deg,#4361ee,#7c3aed);border:none;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-left:auto;box-shadow:0 4px 12px #4361ee4d}.ps-change-password-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4361ee66}.ps-change-password-btn:active{transform:translateY(0)}.ps-btn-icon{font-size:16px}.ps-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#ffffffb3;font-size:14px;gap:16px}.ps-loading-spinner{width:32px;height:32px;border:3px solid rgba(67,97,238,.2);border-top:3px solid #4361ee;border-radius:50%;animation:ps-spin 1s linear infinite}@keyframes ps-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ps-error{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px;color:#ef4444;font-size:14px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.ps-error-icon{font-size:20px}.ps-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center}.ps-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.ps-empty-title{font-size:18px;font-weight:600;color:#fffc;margin-bottom:8px}.ps-empty-description{font-size:14px;color:#ffffff80;max-width:300px;line-height:1.5}@media (max-width: 1024px){.ps-container{max-width:100%;padding:16px}.ps-title{font-size:28px}.ps-session-info-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 768px){.ps-container{padding:12px}.ps-title{font-size:24px}.ps-subtitle{font-size:14px}.ps-card{padding:20px;margin-bottom:16px}.ps-card-header{flex-direction:column;align-items:flex-start;gap:16px}.ps-toggle{align-self:flex-start}.ps-session-stats{grid-template-columns:repeat(2,1fr);gap:12px}.ps-session-tabs{flex-direction:column;gap:4px}.ps-tab-btn{justify-content:flex-start;padding:16px}.ps-session-header-row{flex-direction:column;gap:16px}.ps-session-main-info{width:100%}.ps-session-actions{align-self:flex-end}.ps-session-info-grid{grid-template-columns:1fr 1fr;gap:16px}.ps-terminate-btn .ps-terminate-text{display:inline}.ps-session-bulk-actions{justify-content:center}.ps-change-password-btn{margin-left:0;align-self:flex-start}}@media (max-width: 480px){.ps-container{padding:8px}.ps-card{padding:16px}.ps-card-header{gap:12px}.ps-card-icon{width:40px;height:40px;font-size:20px}.ps-card-title{font-size:18px}.ps-card-description{font-size:13px}.ps-session-stats{grid-template-columns:1fr}.ps-session-info-grid{grid-template-columns:1fr;gap:12px}.ps-session-main-info{flex-direction:column;gap:12px}.ps-device-icon{align-self:flex-start}.ps-session-primary{flex-direction:column;align-items:flex-start;gap:8px}.ps-empty-state{padding:48px 16px}.ps-empty-icon{font-size:40px}.ps-empty-title{font-size:16px}.ps-empty-description{font-size:13px}}@media (prefers-color-scheme: dark){.ps-container{background:linear-gradient(135deg,#0a0a0f,#151529)}.ps-card{background:linear-gradient(145deg,#1a1d3a,#252850);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d}.ps-card:hover{box-shadow:0 12px 40px #0009,inset 0 1px #ffffff1a}}.ps-toggle input:focus+.ps-toggle-slider{box-shadow:0 0 0 3px #4361ee4d}.ps-tab-btn:focus{outline:none;box-shadow:0 0 0 3px #4361ee4d}.ps-terminate-btn:focus,.ps-terminate-all-btn:focus,.ps-change-password-btn:focus{outline:none;box-shadow:0 0 0 3px #4361ee4d}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media print{.ps-container{background:#fff;color:#000}.ps-card{background:#fff;border:1px solid #ccc;box-shadow:none}.ps-terminate-btn,.ps-terminate-all-btn,.ps-change-password-btn{display:none}}.ps-logout-card{background-color:#f8f9fa}.ps-logout-actions{display:flex;flex-direction:column;gap:20px;padding-top:16px;margin-top:16px;border-top:1px solid #e9ecef}.ps-logout-action-item{display:flex;justify-content:space-between;align-items:center;gap:20px}.ps-logout-action-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.ps-logout-action-description{font-size:14px;color:#ccc;margin:0;max-width:400px}.ps-logout-btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.ps-logout-other-btn{background-color:#fff;color:#ffc107;border:1px solid #ffc107}.ps-logout-other-btn:hover{background-color:#ffc107;color:#fff}.ps-logout-all-btn{background-color:#fff;color:#dc3545;border:1px solid #dc3545}.ps-logout-all-btn:hover{background-color:#dc3545;color:#fff}@media (max-width: 768px){.ps-logout-action-item{flex-direction:column;align-items:flex-start;gap:12px}.ps-logout-btn{width:100%}}.pcm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pcm-modal{background-color:#fff;border-radius:20px;padding:30px;width:90%;max-width:500px;box-shadow:0 10px 25px #0000001a;animation:pcm-slide-in .3s ease;position:relative}.pcm-close-button{position:absolute;top:10px;right:10px;cursor:pointer}@keyframes pcm-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pcm-title{font-size:28px;font-weight:600;color:#333;margin-bottom:30px}.pcm-form{display:flex;flex-direction:column;gap:20px}.pcm-form-group{display:flex;flex-direction:column;gap:8px}.pcm-label{font-size:16px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.pcm-required{color:#e53e3e}.pcm-input{padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:16px;background-color:#f3f4f6;transition:all .3s ease}.pcm-input:focus{outline:none;border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a;background-color:#fff}.pcm-hint{font-size:14px;color:#6b7280;margin-top:4px}.pcm-error{color:#e53e3e;font-size:14px;padding:8px 12px;background-color:#fee2e2;border-radius:8px;border-left:3px solid #e53e3e}.pcm-divider{display:flex;align-items:center;margin:10px 0}.pcm-divider-line{flex:1;height:1px;background-color:#e5e7eb}.pcm-divider-text{padding:0 16px;color:#6b7280;font-size:14px}.pcm-otp-button{background:none;border:none;color:#4338ca;font-size:16px;font-weight:500;cursor:pointer;text-align:center;transition:color .3s ease}.pcm-otp-button:hover{color:#4f46e5;text-decoration:underline}.pcm-submit-button{background-color:#4caf50;color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:10px}.pcm-submit-button:hover{background-color:#43a047;transform:translateY(-2px)}.pcm-submit-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width: 640px){.pcm-modal{padding:20px;width:95%}.pcm-title{font-size:24px;margin-bottom:20px}.pcm-input{padding:12px 14px}}.pcm-back-button,.pcm-timer,.pcm-resend-button{color:#4338ca;font-size:16px;font-weight:500;cursor:pointer;text-align:center;transition:color .3s ease}.st-container{max-width:800px;margin:0 auto;color:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.st-title{font-size:28px;font-weight:600;margin-bottom:24px;color:#000;letter-spacing:-.5px}.st-card{background-color:#1e2756;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.05);transition:transform .2s ease}.st-card:hover{transform:translateY(-2px)}.st-section{position:relative}.st-section-header{font-size:20px;font-weight:600;margin-bottom:8px;color:#fff}.st-description{font-size:14px;color:#ffffffb3;margin-bottom:16px;line-height:1.5}.st-radio-group{display:flex;flex-direction:column;gap:16px;margin-top:16px}.st-radio-container{display:flex;align-items:flex-start;position:relative;padding:16px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0003;border-radius:8px;transition:background-color .2s ease}.st-radio-container:hover{background-color:#0000004d}.st-radio-container input{position:absolute;opacity:0;cursor:pointer}.st-radio-checkmark{position:relative;top:0;left:0;height:22px;width:22px;background-color:#fff3;border-radius:50%;margin-right:16px;flex-shrink:0}.st-radio-container input:checked~.st-radio-checkmark{background-color:#4361ee}.st-radio-checkmark:after{content:"";position:absolute;display:none}.st-radio-container input:checked~.st-radio-checkmark:after{display:block}.st-radio-container .st-radio-checkmark:after{top:7px;left:7px;width:8px;height:8px;border-radius:50%;background:#fff}.st-radio-content{display:flex;flex-direction:column}.st-radio-label{font-size:15px;font-weight:500;color:#fff;margin-bottom:4px}.st-radio-description{font-size:13px;color:#ffffffb3;margin:0}.st-setting-group{display:flex;flex-direction:column;gap:20px}.st-setting-item{display:flex;flex-direction:column;gap:8px}.st-setting-label{font-size:15px;font-weight:500;color:#fff}.st-dropdown-container{position:relative;width:100%}.st-dropdown{width:100%;padding:12px 16px;background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;color:#fff;transition:all .2s ease}.st-dropdown:hover{background-color:#0000004d;border-color:#fff3}.st-dropdown:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 2px #4361ee4d}.st-dropdown-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:10px;color:#ffffff80;pointer-events:none}.st-toggle-group{display:flex;flex-direction:column;gap:20px}.st-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#0003;border-radius:8px;transition:background-color .2s ease}.st-toggle-item:hover{background-color:#0000004d}.st-toggle-content{display:flex;flex-direction:column}.st-toggle-label{font-size:15px;font-weight:500;color:#fff;margin-bottom:4px}.st-toggle-description{font-size:13px;color:#ffffffb3;margin:0}.st-toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.st-toggle input{opacity:0;width:0;height:0}.st-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.3s;border-radius:28px}.st-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.st-toggle-slider{background-color:#4361ee}input:checked+.st-toggle-slider:before{transform:translate(24px)}@media (max-width: 768px){.st-container{margin:0 16px;padding:0}.st-title{font-size:24px;margin-bottom:20px}.st-card{padding:20px}.st-toggle-item{flex-direction:column;align-items:flex-start;gap:12px}.st-toggle{align-self:flex-start}}.profile-individual-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 16px}.profile-individual-section{background-color:#2a2f5b;border-radius:12px;overflow:hidden}.profile-individual-section-header{background-color:#324a6d;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.profile-individual-section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.profile-individual-edit-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.profile-individual-section-content{padding:1rem}.profile-individual-field{margin-bottom:1rem;position:relative}.profile-individual-field label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#ffffffb3}.profile-individual-field input{width:100%;padding:.8rem;border-radius:8px;border:none;background-color:#ffffff1a;color:#fff;font-size:.9rem}.profile-individual-field input:disabled{opacity:.7;cursor:not-allowed}.profile-individual-field-icon{position:absolute;right:10px;bottom:12px;color:#ffffff80}.profile-individual-tags{display:flex;flex-wrap:wrap;gap:.5rem}.profile-individual-tag{display:inline-block;padding:.4rem .8rem;background-color:#faf6f9;border-radius:20px;font-size:.8rem;color:#333}.profile-individual-actions{padding:1rem;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1)}.profile-individual-save-button{padding:.6rem 1.5rem;background-color:#4338ca;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500}.profile-individual-save-button:hover{background-color:#5046e5}@media (min-width: 1200px){.profile-individual-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}}.billing-container{margin:0 auto;background:#fff;border-radius:18px;box-shadow:0 2px 16px #00000012;padding:32px 32px 40px}.billing-container h2{font-size:2rem;font-weight:700;margin-bottom:8px}.billing-container>p{color:#888;margin-bottom:32px}.billing-plans{display:flex;gap:24px;margin-bottom:40px;justify-content:space-between;flex-wrap:wrap}.billing-plan-card{flex:1;background:#fafbfc;border:1.5px solid #e5e7eb;border-radius:14px;padding:24px 20px 28px;display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:220px;transition:box-shadow .2s}.billing-plan-card.current{border:2px solid #e74c3c;background:#fff6f5;box-shadow:0 2px 12px #e74c3c14}.billing-plan-card.popular{border:2px solid #f7b731;box-shadow:0 2px 12px #f7b73114}.plan-title{font-size:1.15rem;font-weight:600;margin-bottom:4px}.plan-members{color:#888;font-size:.98rem;margin-bottom:12px}.plan-price{font-size:1.5rem;font-weight:700;margin-bottom:8px}.plan-price .price{color:#e74c3c;font-size:1.5rem;font-weight:700}.plan-renew{color:#e74c3c;font-size:.95rem;margin-bottom:10px}.plan-popular{position:absolute;top:12px;right:18px;background:#f7b731;color:#fff;font-size:.85rem;font-weight:600;padding:2px 10px;border-radius:8px}.plan-btn{margin-top:18px;padding:10px 22px;border-radius:8px;border:none;font-weight:600;font-size:1rem;background:#f3f4f6;color:#333;cursor:pointer;transition:background .2s,color .2s}.plan-btn.current{background:#e74c3c;color:#fff;cursor:default;box-shadow:0 2px 8px #e74c3c1a}.plan-btn:disabled{opacity:.8;cursor:not-allowed}.current-plan-info{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid #e9ecef}.current-plan-info h3{font-size:1.2rem;font-weight:600;margin-bottom:16px;color:#333}.current-plan-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.plan-detail{display:flex;justify-content:flex-start;gap:16px;align-items:center;padding:8px 0}.plan-detail .label{font-weight:500;color:#666}.plan-detail .value{font-weight:600;color:#333}.status{padding:4px 8px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status.active{background:#d4edda;color:#155724}.status.cancelled_but_active{background:#fff3cd;color:#856404}.status.cancelled{background:#f8d7da;color:#721c24}.billing-history-section{margin-top:32px}.billing-history-section h3{font-size:1.2rem;font-weight:600;margin-bottom:16px}.billing-history-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px #0000000a}.billing-history-table th,.billing-history-table td{padding:14px 12px;text-align:left}.billing-history-table th{background:#f3f4f6;color:#444;font-weight:600;font-size:1rem;border-bottom:2px solid #e5e7eb}.billing-history-table tr{border-bottom:1px solid #f0f0f0}.billing-history-table tr:last-child{border-bottom:none}.billing-history-table td{font-size:1rem;color:#333}.invoice-link{color:#e74c3c;cursor:pointer;font-weight:600;transition:color .2s}.invoice-link:hover{color:#c0392b}.action-buttons{display:flex;gap:8px}.invoice-view-btn,.invoice-download-btn{background:none;border:none;color:#e74c3c;font-size:1.1rem;cursor:pointer;transition:color .2s;padding:6px 8px;border-radius:4px}.invoice-view-btn:hover,.invoice-download-btn:hover{color:#c0392b;background:#fff5f5}.invoice-download-btn{color:#007bff}.invoice-download-btn:hover{color:#0056b3;background:#f0f8ff}.billing-loading,.billing-error{text-align:center;margin:40px 0;font-size:1.1rem;color:#e74c3c}@media (max-width: 900px){.billing-container{padding:16px 4vw 24px}.billing-plans{flex-direction:column;gap:18px}.billing-plan-card{min-width:0;width:100%}.current-plan-details{grid-template-columns:1fr}.plan-detail{flex-direction:column;align-items:flex-start;gap:4px}.billing-history-table{font-size:.9rem}.billing-history-table th,.billing-history-table td{padding:10px 8px}.action-buttons{flex-direction:column;gap:4px}}.jobApproved-container{display:flex;justify-content:space-between;align-items:center;background-color:#faf6f9;border-radius:5px;color:#1f1f1f;margin-top:16px}.approve-title{display:flex;gap:5px;align-items:center;font-weight:600}.approvedjob-index{background-color:#f67400;padding:1rem;border-radius:5px}.jobApproved-container button{background-color:#f67400;border:none;border-radius:5px;padding:7px 20px;color:#fff;margin-right:5px;cursor:pointer}.accepted-approvedjob{background-color:#d65b00;color:#000}.text-small-jobsapprove{font-size:16px;font-weight:700}.text-small-jobsapprove{font-weight:600}.text-small-jobsapprove span{color:#333;font-size:12px;margin-right:4px}@media (max-width: 769px){.jobApproved-container{flex-wrap:wrap;padding:10px;gap:10px}}.modern-pagination{display:flex;flex-direction:column;gap:16px;margin:32px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pagination-info-main{display:flex;justify-content:center;margin-bottom:8px}.results-text-main{font-size:14px;color:#6b7280;font-weight:400}.results-text-main strong{color:#211313;font-weight:600}.pagination-main{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.page-size-wrapper{display:flex;align-items:center;gap:8px}.page-size-label{font-size:14px;font-weight:500;color:#374151}.page-size-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;background-color:#fff;color:#111827;cursor:pointer;transition:all .2s ease;min-width:60px}.page-size-select:hover:not(:disabled){border-color:#9ca3af}.page-size-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.page-size-select:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.pagination-nav{display:flex;align-items:center;gap:4px}.nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.nav-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;color:#374151}.nav-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f9fafb}.nav-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.page-numbers{display:flex;align-items:center;gap:4px;margin:0 8px}.page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e5e7eb;background-color:#fff;color:#374151;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled):not(.active){background-color:#f9fafb;border-color:#d1d5db}.page-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.page-btn.active:hover{background-color:#2563eb;border-color:#2563eb}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.page-dots{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#9ca3af}.jump-form{display:flex;align-items:center;gap:8px}.jump-label{font-size:14px;font-weight:500;color:#374151}.jump-input{width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;text-align:center;background-color:#fff;color:#111827;font-weight:500;transition:all .2s ease}.jump-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.jump-input:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.jump-btn{padding:6px 12px;border:1px solid #3b82f6;background-color:#3b82f6;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.jump-btn:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.jump-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#9ca3af;border-color:#9ca3af}.jump-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.mobile-indicator{display:none;justify-content:center;font-size:14px;color:#6b7280;font-weight:500}.modern-pagination.loading{opacity:.6;pointer-events:none}.modern-pagination.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.modern-pagination{margin:24px 0}.pagination-main{flex-direction:column;gap:16px;padding:16px}.pagination-nav{order:2;justify-content:center}.page-size-wrapper{order:1;justify-content:center}.jump-form{order:3;justify-content:center}.page-numbers{margin:0 4px}.nav-btn,.page-btn{width:32px;height:32px}.mobile-indicator{display:flex}.pagination-info-main{display:none}}@media (max-width: 640px){.pagination-main{padding:12px;gap:12px}.page-numbers .page-btn:not(.active){display:none}.page-numbers .page-btn:not(.active)+.page-btn.active~.page-btn:not(.active){display:none}.page-numbers .page-btn.active,.page-numbers .page-btn.active + .page-btn,.page-numbers .page-btn.active - .page-btn{display:flex}}@media (max-width: 480px){.pagination-main{padding:8px}.jump-form{flex-direction:column;gap:4px}.jump-input{width:80px}}@media (prefers-reduced-motion: reduce){.nav-btn,.page-btn,.jump-btn,.page-size-select,.jump-input{transition:none}.modern-pagination.loading:after{animation:none}}.nav-btn:focus-visible,.page-btn:focus-visible,.jump-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.pagination-main,.nav-btn,.page-btn,.jump-btn{border-width:2px}.page-btn.active{border-width:3px}}.jobs-page{padding:1rem;display:flex;gap:20px;flex-direction:column}@media (min-width: 1022px){.jobs-page{flex-direction:row}}.jobs-actions{display:flex;gap:1rem;align-items:center}.search-container{position:relative;width:300px}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#000}@media (max-width: 400px){.search-icon{display:none}}.search-container input{width:100%;padding:.75rem 1rem .75rem .4rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff}.notification-btn,.sort-btn{padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:background-color .2s}.notification-btn:hover,.sort-btn:hover{background-color:#f3f4f6}.jobs-tabs{display:flex;gap:1rem;overflow-x:auto}.tab-btn{padding:.75rem 1.5rem;margin-bottom:.5rem;border:none;border-radius:.5rem;background-color:#9c88eb;cursor:pointer;font-weight:500;color:#000;white-space:nowrap;transition:all .2s}.tab-btn.active{background-color:#3e3183;color:#fff}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:16px}.job-creator{display:flex;align-items:center;gap:.5rem}.creator-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.creator-name{font-size:.875rem;color:#4b5563}.loading,.error-message{text-align:center;padding:2rem;color:#6b7280;font-size:1.125rem}.error-message{color:#ef4444}@media (max-width: 768px){.jobs-page{padding:2rem 1rem}.search-container{width:100%}.jobs-grid{grid-template-columns:1fr}.jobs-tabs{padding:0rem;align-content:space-between;gap:1rem}.tab-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;white-space:nowrap;transition:all .2s}}.approved-jobs-list{display:flex;flex-direction:column;gap:20px}.no-jobs-messages{color:#1f1f1f;padding:20px 0}.job-header-detail{flex:1}.comm-main-content{padding:1rem}@media (min-width: 769px){.comm-main-content{padding:1rem 2rem}}.line-hr{margin-top:10px;color:#333}.blog-name-write{display:flex;justify-content:space-between;align-items:center}.btn-write-blog{padding:10px 15px;cursor:pointer;display:flex;gap:10px;font-size:14px;align-items:center}.featured-blogs{padding-top:20px}.comm-blogs-grid-container{width:100%;margin-top:2rem}.comm-blogs-grid{display:grid;gap:1.5rem;grid-template-columns:2fr 1fr 1fr;max-width:1400px;margin:0 auto}.comm-blog-card{background:#faf6f9;overflow:hidden;padding:1rem;transition:transform .3s ease}.comm-blog-card:hover{transform:translateY(-4px)}.comm-blog-image{width:100%;position:relative;overflow:hidden}.comm-blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.comm-featured-large .comm-blog-image{height:300px}.comm-featured-small .comm-blog-image{height:200px}.comm-blog-content{flex:1;padding-top:1rem;display:flex;flex-direction:column;justify-content:space-between}.comm-blog-date{color:#333;font-size:.875rem}.comm-blog-title{font-size:20px;font-weight:600;margin:.5rem 0;color:#1f1f1f}.comm-blog-subtitle{font-size:1rem;color:#333;margin-bottom:.5rem}.comm-blog-description{color:#888;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.comm-blog-author{display:flex;align-items:center;gap:.75rem}.comm-author-name{color:#333;font-size:14px}.comm-blog-link{margin-left:auto;color:#4f46e5;text-decoration:none;font-size:.875rem}@media (max-width: 1024px){.comm-blogs-grid{grid-template-columns:1fr 1fr}.comm-featured-large{grid-column:1 / -1}}@media (max-width: 640px){.comm-blogs-grid{grid-template-columns:1fr}.comm-featured-large .comm-blog-image,.comm-featured-small .comm-blog-image{height:200px}}.comm-top-stories{width:100%;padding:2rem 0}.comm-stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto;margin-top:2rem}.comm-story-card{background:#faf6f9;overflow:hidden;padding:10px;transition:transform .3s ease}.comm-story-card:hover{transform:translateY(-4px)}.comm-story-image{width:100%;height:200px;overflow:hidden}.comm-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.comm-story-content{padding-top:1rem}.comm-story-date{color:#333;font-size:.875rem}.comm-story-title{font-size:20px;font-weight:600;color:#1f1f1f;margin:.5rem 0}.comm-story-subtitle{font-size:1rem;color:#333;margin-bottom:.5rem}.comm-story-description{color:#888;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.comm-story-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.comm-story-author{display:flex;align-items:center;gap:.75rem}.comm-author-avatar{width:32px;height:32px;border-radius:50%}.comm-story-link{color:#4f46e5;text-decoration:none;font-size:.875rem;transition:color .3s ease}.comm-story-link:hover{color:#6366f1}@media (max-width: 1024px){.comm-stories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.comm-stories-grid{grid-template-columns:1fr}.comm-story-card{max-width:100%}.comm-blog-title,.comm-story-title{font-size:18px}}.comm-suggested{padding-bottom:1rem;border-radius:12px}.comm-suggested-title{font-size:1.5rem;color:#1f1f1f;margin-bottom:1.5rem;font-weight:600}.comm-suggested-list{display:flex;flex-direction:column;gap:1rem}.comm-suggested-card{background:#faf6f9;border-radius:8px;padding:1.25rem;transition:transform .2s ease;cursor:pointer}.comm-suggested-card:hover{transform:translate(4px)}.comm-suggested-card-title h3,.comm-suggested-card-title{font-size:20px;color:#1f1f1f;text-decoration:none;margin-bottom:.5rem;font-weight:500;transition:all .3s}.comm-suggested-card-title:hover{text-decoration:underline}.comm-suggested-card-desc{color:#888;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.comm-suggested-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.comm-suggested-author{color:#666;font-size:.875rem}.comm-suggested-stats{display:flex;align-items:center;gap:1rem;color:#666;font-size:.875rem}.comm-suggested-time,.comm-suggested-views,.comm-suggested-likes,.comm-suggested-comments{display:flex;align-items:center;gap:.25rem}@media (max-width: 768px){.comm-suggested-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.comm-suggested-stats{width:100%;justify-content:space-between}.comm-suggested-card-title h3{font-size:18px}}@media (max-width: 480px){.comm-suggested-stats{flex-wrap:wrap;gap:.5rem}.comm-suggested-time,.comm-suggested-views,.comm-suggested-likes,.comm-suggested-comments{font-size:.75rem}}.comm-subnav{background-color:#faf6f9;padding:.5rem 0rem;position:sticky;top:0;z-index:99}.comm-regular-menu{display:flex;gap:20px;justify-content:center;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.comm-regular-menu::-webkit-scrollbar{display:none}.comm-subnav-item{color:#000;text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s;cursor:pointer}.comm-subnav-item:hover{background-color:#ffffff1a}.comm-subnav-item.comm-active{background-color:#f67400;color:#fff}.comm-subnav-item i{font-size:1.1rem}@media screen and (max-width: 768px){.comm-regular-menu{overflow-x:auto;justify-content:flex-start}.comm-subnav-item{font-size:14px;padding:.2rem .5rem}.comm-subnav{padding:.5rem .2rem}}.blog-writer-container{max-width:1200px;margin:40px auto;padding:40px;background:#faf6f9;border-radius:16px;box-shadow:0 4px 6px #0000000d}.blog-writer-form{display:flex;flex-direction:column;gap:24px}.blog-writer-header{text-align:center;margin-bottom:32px}.blog-writer-header h1{font-size:2.5rem;color:#1a73e8;margin-bottom:8px}.blog-writer-header p{color:#5f6368;font-size:1.1rem}.blog-writer-title-input{font-size:2rem;border:none;outline:none;font-weight:700;width:100%;padding:16px 10px;border-bottom:2px solid transparent;transition:border-color .3s ease;border-radius:5px}.blog-writer-title-input:focus{border-bottom-color:#1a73e8}.blog-writer-description-input{font-size:1rem;border:none;outline:none;width:100%;border-radius:5px;padding:12px 10px;color:#5f6368;border-bottom:2px solid transparent;transition:border-color .3s ease}.blog-writer-description-input:focus{border-bottom-color:#1a73e8}.blog-writer-content-section{border:1px solid #e8eaed;border-radius:12px;padding:24px;margin:16px 0;position:relative;transition:box-shadow .3s ease}.blog-writer-content-section:hover{box-shadow:0 2px 8px #00000014}.blog-writer-content-text{width:100%;min-height:150px;border:none;outline:none;resize:vertical;font-size:1.1rem;line-height:1.8;margin:12px 0;padding:8px;border-radius:8px;transition:background-color .3s ease}.blog-writer-content-text:focus{background-color:#fff;box-shadow:inset 0 0 0 2px #1a73e8}.blog-writer-headline-input{width:100%;padding:10px;border:2px solid #ccc;border-radius:5px;font-size:1.2rem;font-weight:700;text-transform:capitalize;transition:border-color .3s}.blog-writer-headline-input:focus{border-color:#007bff;outline:none}.blog-writer-image-input{margin:12px 0}.blog-writer-image-input-label{display:inline-block;padding:8px 16px;background-color:#f8f9fa;border-radius:6px;cursor:pointer;color:#1a73e8;font-size:.9rem;transition:background-color .3s ease}.blog-writer-image-input-label:hover{background-color:#e8f0fe}.blog-writer-image-input-label-imagebox{display:flex;gap:5px;align-items:center}.blog-writer-image-preview{max-width:100%;height:300px;margin:16px 0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.blog-writer-add-content-btn{display:flex;align-items:center;gap:8px;background:none;border:2px dashed #1a73e8;color:#1a73e8;cursor:pointer;font-size:1rem;padding:12px 24px;border-radius:8px;margin:24px auto;transition:all .3s ease}.blog-writer-add-content-btn:hover{background:#e8f0fe;border-style:solid}.blog-writer-delete-btn{position:absolute;bottom:10px;right:10px;background:transparent;color:#fff;border:none;border-radius:6px;padding:2px;cursor:pointer;font-size:.9rem;opacity:0;transition:all .3s ease}.blog-writer-content-section:hover .blog-writer-delete-btn{opacity:1}.blog-writer-tags-container{background:#fff;border-radius:12px;padding:24px;margin-top:32px;position:relative}.blog-writer-tags-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.blog-writer-tags-title{font-size:1.1rem;color:#1a73e8;font-weight:500}.blog-writer-tags-limit{color:#5f6368;font-size:.9rem;background:#fff;padding:4px 12px;border-radius:12px;box-shadow:0 1px 2px #0000000d}.blog-writer-tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.blog-writer-tag-input{width:100%;padding:8px 16px;border:2px solid #e8eaed;border-radius:8px;font-size:.95rem;background:#fff;transition:all .3s ease}.blog-writer-tag-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a;outline:none}.blog-writer-tag-input::placeholder{color:#9aa0a6}.blog-writer-add-tag-btn{background:#e8f0fe;color:#1a73e8;border:none;padding:8px 16px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-top:12px}.blog-writer-add-tag-btn:hover{background:#d2e3fc}.blog-writer-add-tag-btn:disabled{opacity:.6;cursor:not-allowed}.blog-writer-publish-btn{background:#1a73e8;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;align-self:center;transition:all .3s ease}.blog-writer-publish-btn:hover{background:#1557b0;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.blog-writer-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000}.blog-writer-preview-content{background:#fff;padding:40px;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 16px #00000026}.blog-writer-close-preview{float:right;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#5f6368;transition:color .3s ease}.blog-writer-close-preview:hover{color:#1a73e8}.blog-writer-error-message{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;padding:12px 16px;margin:16px 0;font-size:.9rem}@media (max-width: 769px){.blog-writer-container{padding:20px;margin:10px}}.comm-main-container{margin:16px;display:flex;flex-direction:column;gap:30px}@media (min-width: 769px){.comm-main-container{margin:32px;gap:50px}}.connect-share-msg{position:relative;background:#000;height:313px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;background-image:url(/assets/communityGroup-e-cNMcjp.png);background-position:center;background-size:cover;background-repeat:no-repeat}.connect-share-msg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080}.connect-share-msg h1,.connect-share-msg p{position:relative;z-index:1;color:#fff}.connect-share-msg h1{font-size:42px;font-weight:600;font-family:Poppins}.connect-share-msg p{color:#fff;font-size:24px}.comm-blogss{background-color:#faf6f9;border-radius:10px;padding:1rem}.comm-blog-dashboard{display:flex;flex-direction:column;gap:10px}.comm-img-dashboard{display:flex;justify-content:center;align-items:center}.comm-blog-dates{font-size:12px;color:#333}.comm-blog-titles{font-size:24px;color:#1f1f1f}.comm-blog-descs{font-size:16px;color:#333}.comm-img-dashboard img{width:100%;border-radius:5px}.comm-blog-dashboard2{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.comm-blog-dashboard2 img{width:30px;height:30px;object-fit:cover;border-radius:50%}.picture-creatorname{display:flex;align-items:center;gap:10px}.content-zero-para{line-height:1.5;margin-top:20px;font-size:16px}.link-to-blog{color:#333;text-decoration:none}@media (min-width: 769px){.comm-blog-dashboard{flex-direction:row-reverse}.comm-blogss{padding:1.5rem}.comm-blog-dashboard1{display:flex;flex-direction:column;gap:10px;justify-content:start;align-items:self-start;padding:0 20px 20px 0;flex:1.2}.comm-img-dashboard{flex:1.5}.comm-img-dashboard img{width:100%;border-radius:5px}}.comm-section-title{font-size:24px;font-weight:600;margin-bottom:1rem;color:#1f1f1f}.comm-trending-forums-wrapper{width:100%;overflow:hidden;position:relative}.comm-trending-forums{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.comm-forum-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease;cursor:pointer}.comm-forum-card:hover{transform:translateY(-4px)}.comm-forum-image{width:100%;aspect-ratio:16/9;overflow:hidden}.comm-forum-image img{width:100%;height:100%;object-fit:cover}.comm-forum-title{padding:1rem;font-size:1rem;font-weight:500;color:#333}@media screen and (max-width: 1024px){.comm-trending-forums{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.comm-trending-forums-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.connect-share-msg h1{font-size:36px}.connect-share-msg p,.comm-section-title{font-size:20px}.comm-trending-forums{grid-template-columns:repeat(4,280px);gap:1rem;padding-bottom:.5rem;overflow-x:auto}.comm-trending-forums-wrapper::-webkit-scrollbar{display:none}.comm-trending-forums-wrapper{-ms-overflow-style:none;scrollbar-width:none}}@media screen and (max-width: 480px){.comm-trending-forums{grid-template-columns:repeat(4,240px)}}.comm-top-picks-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.comm-top-picks{display:flex;gap:4rem;width:100%}.comm-pick-card{position:relative;width:300px;height:400px;border-radius:12px;overflow:hidden;cursor:pointer;flex-shrink:0;transition:width .3s ease}.comm-pick-image{width:100%;height:100%}.comm-pick-image img{width:100%;height:100%;object-fit:cover}.comm-pick-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,#000c,#0000)}.comm-pick-title{color:#fff;font-size:1.5rem;font-weight:600}.comm-pick-card:hover{width:400px}@media screen and (max-width: 1024px){.comm-pick-card{width:250px;height:350px}.comm-pick-card:hover{width:330px}}@media screen and (max-width: 768px){.comm-top-picks-wrapper{margin:0 -1rem;padding:0 1rem}.comm-top-picks{gap:2rem}.comm-pick-card{width:200px;height:300px}.comm-pick-card:hover{width:260px}.comm-pick-title{font-size:1.2rem}}.comm-top-picks-wrapper::-webkit-scrollbar{display:none}.comm-top-picks-wrapper{-ms-overflow-style:none;scrollbar-width:none}.comm-top-picks-wrapper{scroll-behavior:smooth}.comm-pick-card{box-shadow:0 4px 12px #0000001a}.comm-latest-feed{display:flex;flex-direction:column;gap:1rem;width:100%}.comm-feed-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease;cursor:pointer}.comm-feed-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.comm-feed-content{display:flex;flex-direction:column;gap:.5rem}.comm-feed-title{font-size:1.25rem;font-weight:600;color:#333;margin:0}.comm-feed-description{color:#666;margin:0;font-size:.95rem}.comm-feed-publisher{color:#888;font-size:.9rem}.comm-feed-stats{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #eee;flex-wrap:wrap;gap:.5rem}.comm-feed-time,.comm-feed-metrics{display:flex;gap:1rem;color:#666;font-size:.9rem}.comm-feed-metrics span{display:flex;align-items:center;gap:.3rem}@media screen and (max-width: 768px){.comm-feed-card{padding:1rem}.comm-feed-stats{flex-direction:column;align-items:flex-start;gap:.75rem}.comm-blog-titles{font-size:20px}.comm-feed-time{flex-direction:column;gap:.3rem}.comm-feed-metrics{width:100%;justify-content:space-between}}@media screen and (max-width: 480px){.comm-feed-title{font-size:1.1rem}.comm-feed-description{font-size:.9rem}.comm-feed-publisher,.comm-feed-time,.comm-feed-metrics{font-size:.85rem}}.comm-feed-card{transition:all .3s ease}.comm-feed-metrics span:hover{color:#333}.blog-detail-container{max-width:1400px;margin:0 auto;padding:20px}.blog-detail-banner{padding:20px 0;border-bottom:2px solid #333;margin-bottom:40px}.blog-detail-banner h1{font-size:36px;margin-bottom:16px}.blog-detail-description{font-size:1rem;margin-bottom:16px}.blog-detail-meta{display:flex;gap:8px;color:#666;margin-bottom:16px}.blog-detail-meta span{font-size:14px}.blog-detail-tags{display:flex;gap:8px;flex-wrap:wrap}.blog-detail-tag{background:#f67400;padding:4px 12px;border-radius:16px;font-size:.9em;color:#fff}.tags-detsilstats-blog{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.blog-detail-content-wrapper{display:grid;grid-template-columns:300px 1fr;gap:40px;position:relative}.blog-detail-sidebar{position:sticky;top:60px;height:fit-content}.blog-detail-profile-card{border-radius:8px;padding:24px}.blog-detail-profile-image{width:150px;height:150px;border-top-right-radius:50%;border-bottom-right-radius:50%;margin-bottom:16px}.blog-detail-profile-card h3{margin:0}.blog-detail-creator-type{margin-bottom:16px;font-size:.9em}.blog-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center;color:#666}.blog-detail-stat{display:flex;align-items:center;gap:10px}.blog-detail-stat-value{font-size:1rem;font-weight:700}.blog-detail-stat-label{font-size:.8em;color:#666}.blog-detail-content{max-width:800px}.blog-detail-content-section{margin-bottom:40px}.blog-detail-section-headline{font-size:28px;margin-bottom:24px}.blog-detail-section-image{width:100%;border-radius:8px;margin-bottom:24px}.blog-detail-section-text p{margin-bottom:16px;line-height:1.6;text-align:justify}.blog-detail-comments-section{margin-top:60px;padding-top:40px;border-top:1px solid #333}.blog-detail-comments-section h2{margin-bottom:20px;font-size:20px}.blog-detail-comment-form{margin-bottom:40px}.blog-detail-comment-input{width:100%;min-height:100px;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-family:inherit;resize:vertical}.blog-detail-comment-submit{background:#06c;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.blog-detail-comment-submit:hover{background:#0052a3}.blog-detail-comments-list{display:flex;flex-direction:column;gap:24px}.blog-detail-comment{padding:20px;background:#f8f8f8;border-radius:8px}.blog-detail-comment-header{display:flex;justify-content:space-between;align-items:self-start}.blog-img-name-comments{display:flex;align-items:center;margin-bottom:12px}.likes-blog-para{display:flex;justify-content:space-between;align-items:center}.like-dislike-blog{display:flex;gap:5px;cursor:pointer}.blog-detail-comment-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px}.blog-detail-comment-meta{display:flex;flex-direction:column}.blog-detail-comment-meta h4{margin:0;color:#333}.blog-detail-comment-meta span{font-size:.8em;color:#666}.blog-detail-comment p{margin:0;color:#333;line-height:1.5}@media (max-width: 768px){.blog-detail-content-wrapper{grid-template-columns:1fr}.blog-detail-sidebar{position:relative;top:0}.blog-detail-profile-card{padding:0}.blog-detail-section-headline{font-size:24px}.blog-detail-stat{font-size:14px}.blog-detail-comments-section h2{font-size:18px;margin-bottom:20px}.blog-detail-banner{padding:20px 0}.blog-detail-banner h1{font-size:28px}}.comment-actions-container{position:relative}.comment-actions-dropdown{position:absolute;right:0;top:100%;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;width:120px;z-index:10}.comment-action-item{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#000;transition:background-color .2s}.comment-action-item:hover{background-color:#f5f5f5}.edit-comment-container{width:100%;margin-bottom:10px}.edit-comment-textarea{width:100%;min-height:80px;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:8px;resize:vertical}.edit-comment-actions{display:flex;gap:10px;justify-content:flex-end}.edit-comment-save,.edit-comment-cancel{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.edit-comment-save{background-color:#4f46e5;color:#fff}.edit-comment-save:hover{background-color:#4338ca}.edit-comment-cancel{background-color:#f3f4f6;color:#4b5563}.edit-comment-cancel:hover{background-color:#e5e7eb}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.report-modal{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}.report-modal h3{margin-top:0;margin-bottom:16px;font-size:1.25rem;color:#111827}.report-form-group{margin-bottom:16px}.report-form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.report-select,.report-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.report-textarea{min-height:100px;resize:vertical}.report-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.report-cancel-btn,.report-submit-btn{padding:8px 16px;border:none;border-radius:4px;font-weight:500;cursor:pointer}.report-cancel-btn{background-color:#f3f4f6;color:#4b5563}.report-cancel-btn:hover{background-color:#e5e7eb}.report-submit-btn{background-color:#ef4444;color:#fff}.report-submit-btn:hover{background-color:#dc2626}.xero-forum-list{max-width:1200px;margin:0 auto;padding:20px;position:relative;min-height:100vh}.xero-forum-category{margin-bottom:40px}.xero-category-title{font-size:28px;margin-bottom:20px;color:#1f1f1f;border-bottom:2px solid #333;padding-bottom:10px}.xero-forum-items{display:flex;flex-direction:column;gap:20px}.xero-forum-item{background:#faf6f9;border-radius:10px;padding:20px;text-decoration:none;color:#1f1f1f;transition:transform .2s,box-shadow .3s;box-shadow:0 2px 6px #0000001a}.xero-forum-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.xero-forum-content h2{margin:0;font-size:20px}.xero-forum-subtitle{color:#333;margin:5px 0 15px;font-size:16px}.xero-forum-meta{margin-top:10px;display:flex;justify-content:space-between;align-items:center;color:#888;font-size:14px}.xero-forum-stats{display:flex;gap:20px}.xero-forum-stats span{display:flex;align-items:center;gap:5px}.xero-create-forum-btn{position:fixed;bottom:30px;left:10px;width:60px;height:60px;border-radius:50%;background:#646cff;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px #0003;transition:transform .2s;z-index:10}.xero-create-forum-btn:hover{transform:scale(1.1)}.xero-load-more-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#f67400;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;cursor:pointer;margin:20px auto 40px;transition:background-color .2s}.xero-load-more-btn:hover{background:#d65b00}.xero-load-more-btn:disabled{background:#333;cursor:not-allowed;opacity:.7}@media (max-width: 768px){.xero-forum-meta{flex-direction:column;align-items:flex-start;gap:10px}.xero-forum-stats{flex-wrap:wrap;gap:15px}.xero-category-title{font-size:24px}.xero-forum-content h2{margin:0;font-size:18px}}.comm-create-forum-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.comm-create-forum-modal{background-color:#fff;border-radius:8px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.comm-create-forum-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.comm-create-forum-header h2{margin:0;font-size:1.5rem;color:#333}.comm-create-forum-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:5px}.comm-create-forum-close-btn:hover{color:#000}.comm-create-forum-form{padding:20px}.comm-create-forum-field{margin-bottom:20px;color:#333}.comm-create-forum-field label{display:block;margin-bottom:8px;font-weight:500;color:#333}.comm-create-forum-field input,.comm-create-forum-field textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.comm-create-forum-field input:focus,.comm-create-forum-field textarea:focus{border-color:#4a90e2;outline:none}.comm-create-forum-field small{display:block;margin-top:5px;color:#666;font-size:.8rem}.comm-create-forum-image-upload{margin-bottom:15px}.comm-create-forum-upload-btn{display:flex;align-items:center;gap:8px;background-color:#f5f5f5;border:1px dashed #ccc;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:.9rem;color:#555;transition:all .2s}.comm-create-forum-upload-btn:hover{background-color:#eee;border-color:#aaa}.comm-create-forum-image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.comm-create-forum-image-preview{border:1px solid #eee;border-radius:4px;overflow:hidden}.comm-create-forum-image-preview img{width:100%;height:100px;object-fit:cover;display:block}.comm-create-forum-image-info{padding:8px;display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;font-size:.8rem}.comm-create-forum-image-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.comm-create-forum-remove-image{background:none;border:none;color:#ff4d4f;cursor:pointer;padding:3px;display:flex;align-items:center}.comm-create-forum-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.comm-create-forum-cancel-btn,.comm-create-forum-submit-btn{padding:10px 20px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.comm-create-forum-cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.comm-create-forum-cancel-btn:hover{background-color:#eee}.comm-create-forum-submit-btn{background-color:#4a90e2;border:1px solid #4a90e2;color:#fff}.comm-create-forum-submit-btn:hover{background-color:#3a80d2}.comm-create-forum-submit-btn:disabled,.comm-create-forum-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.comm-create-forum-error{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f;padding:10px 15px;border-radius:4px;margin:15px 20px 0}.comm-create-forum-success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a;padding:10px 15px;border-radius:4px;margin:15px 20px 0}.comm-create-forum-tag-dropdown-container{position:relative}.comm-create-forum-tag-selector{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .2s}.comm-create-forum-tag-selector:hover{border-color:#aaa}.comm-create-forum-tag-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#222;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;max-height:300px;overflow-y:auto;margin-top:5px;padding:10px}.comm-create-forum-tag-option{display:flex;align-items:center;padding:10px;cursor:pointer;color:#fff;transition:background-color .2s}.comm-create-forum-tag-option:hover,.comm-create-forum-tag-option.selected{background-color:#333}.comm-create-forum-tag-radio{width:20px;height:20px;border-radius:50%;border:2px solid white;margin-right:10px;display:flex;align-items:center;justify-content:center}.comm-create-forum-tag-radio-inner{width:10px;height:10px;border-radius:50%;background-color:#fff}.comm-forum-detail-container{margin:32px}.comm-forum-detail-layout{display:flex;gap:2rem}.comm-forum-sidebar{width:200px;position:sticky;top:3.5rem;align-self:flex-start}.comm-forum-creator-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block;margin-bottom:10px;box-shadow:0 2px 6px #00000026}.comm-forum-creator-name{font-size:1.2rem}.comm-forum-creator-type{margin-bottom:1rem;color:#666;font-size:.9rem}.comm-forum-creator-stats{border-top:1px solid #333;width:200px;padding-top:1rem;margin-top:1rem;font-size:.9rem;color:#666}.comm-forum-created-date,.comm-forum-last-active{margin-bottom:.5rem}.comm-forum-content{flex:1;min-width:0}.comm-forum-header{margin-bottom:2rem;border-bottom:2px solid #333;padding-bottom:1rem}.comm-forums-title{font-size:28px;font-weight:700;margin-bottom:.5rem}.comm-forum-subtitle{font-size:16px;color:#666;margin-bottom:1rem;font-weight:400;text-align:justify}.comm-forum-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}.comm-forum-stats{display:flex;gap:1rem;color:#666;font-size:.9rem}.comm-forum-views,.comm-forum-comments,.comm-forum-like-button{display:flex;align-items:center;gap:.35rem}.comm-forum-like-button{background:none;border:none;cursor:pointer;color:#666;padding:0;font-size:.9rem;display:flex;align-items:center}.comm-forum-like-button.liked{color:#e74c3c}.comm-forum-tags{display:flex;flex-wrap:wrap;gap:.5rem}.comm-forum-tag{background-color:#f67400;color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.8rem}.comm-forum-body{margin-bottom:2rem}.comm-forum-description{line-height:1.6;font-size:14px;margin-bottom:1.5rem;text-align:justify}.comm-forum-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.comm-forum-image{width:100%;border-radius:8px;object-fit:cover;aspect-ratio:16/9}.comm-forum-links{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.comm-forum-links h3{margin-bottom:.75rem;font-size:1.1rem;color:#333}.comm-forum-links ul{list-style-type:none;padding-left:0}.comm-forum-links li{margin-bottom:.5rem}.comm-forum-links a{color:#007bff;text-decoration:none;word-break:break-all}.comm-forum-links a:hover{text-decoration:underline}.comm-forum-comments-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #333}.comm-forum-comments-heading{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.3rem}.comm-forum-comment-form{margin-bottom:4rem}.comm-forum-comment-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #ced4da;border-radius:8px;resize:vertical;margin-bottom:1rem;font-family:inherit;font-size:.95rem}.comm-forum-submit-comment{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:.5rem 1.25rem;font-size:.95rem;cursor:pointer;float:right}.comm-forum-submit-comment:hover{background-color:#0069d9}.comm-forum-comment{margin-bottom:1rem;position:relative;width:100%}.comm-forum-comment-wrapper{display:flex;gap:.75rem;background-color:#fff;border-radius:8px;padding:.75rem;box-shadow:0 1px 3px #0000001a;width:100%}.comm-forum-level-0{margin-bottom:1.25rem}.comm-forum-comment-avatar{flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:40px}.comm-forum-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-bottom:.25rem;border:1px solid #f0f2f5}.comm-forum-comment-author{font-size:.7rem;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.comm-forum-comment-content-container{flex:1;min-width:0}.comm-forum-comment-content{padding:.75rem;border-radius:8px;margin-bottom:.5rem;line-height:1.4;background-color:#f8f9fa;word-break:break-word}.comm-forum-comment-meta{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem;font-size:.75rem;color:#6c757d;flex-wrap:wrap}.comm-forum-comment-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.comm-forum-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.25rem}.comm-forum-reply-button,.comm-forum-collapse-button,.comm-forum-edit-button,.comm-forum-delete-button,.comm-forum-report-button{background:none;border:none;color:#6c757d;padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.75rem;border-radius:4px}.comm-forum-reply-button:hover,.comm-forum-collapse-button:hover{background-color:#f0f2f5;color:#007bff}.comm-forum-edit-button:hover{background-color:#f0f2f5;color:#28a745}.comm-forum-delete-button:hover{background-color:#f0f2f5;color:#dc3545}.comm-forum-report-button:hover{background-color:#f0f2f5;color:#d9534f}.comm-forum-collapse-button{background-color:#f0f2f5;border-radius:50px;padding:.25rem .75rem;font-weight:500;margin-top:.5rem;margin-bottom:.5rem}.comm-forum-comment-replies{position:relative;margin-top:.5rem;margin-left:1.5rem;border-left:1px solid #e0e0e0;padding-left:.5rem}.comm-forum-comment-replies:before{display:none}.comm-forum-level-1 .comm-forum-comment-wrapper{background-color:#fcfcfc}.comm-forum-level-2 .comm-forum-comment-wrapper{background-color:#f8f9fa}.comm-forum-level-3 .comm-forum-comment-wrapper,.comm-forum-level-4 .comm-forum-comment-wrapper,.comm-forum-level-5 .comm-forum-comment-wrapper{background-color:#f0f2f5}.comm-forum-like-button{background:none;border:none;color:#6c757d;padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.75rem;border-radius:4px}.comm-forum-like-button:hover{background-color:#f0f2f5;color:#007bff}.comm-forum-like-button.liked,.comm-forum-like-button .liked-icon{color:#007bff}@media (max-width: 600px){.comm-forum-detail-container{margin:12px}.comm-forum-comment-wrapper{padding:.65rem}.comm-forum-comment-avatar{width:32px}.comm-forum-avatar-img{width:28px;height:28px}.comm-forum-comment-author{font-size:.65rem}.comm-forum-comment-content{padding:.65rem}.comm-forum-comment-replies{margin-left:.75rem;padding-left:.5rem}.comm-forum-actions{gap:.5rem}.comm-forum-reply-button,.comm-forum-collapse-button,.comm-forum-edit-button,.comm-forum-delete-button,.comm-forum-report-button,.comm-forum-like-button{font-size:.7rem;padding:.2rem .4rem}.comm-forum-comment-meta{flex-direction:column;align-items:flex-start}.comm-forum-comment-info{margin-bottom:.5rem}}.comm-forum-reply-form{margin-top:.75rem;padding:.75rem;background-color:#f8f9fa;border-radius:8px}.comm-forum-reply-textarea{width:100%;min-height:60px;padding:.65rem;border:1px solid #ced4da;border-radius:8px;resize:vertical;margin-bottom:.75rem;font-family:inherit;font-size:.9rem}.comm-forum-reply-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.comm-forum-cancel-reply{background-color:#f8f9fa;color:#6c757d;border:1px solid #ced4da;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer}.comm-forum-submit-reply{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer}@media (max-width: 400px){.comm-forum-comment-replies{margin-left:.5rem;padding-left:.35rem}.comm-forum-actions{gap:.35rem}}.comm-forum-loading-container,.comm-forum-error-container{padding:3rem;text-align:center;color:#6c757d}@media (max-width: 900px){.comm-forum-detail-layout{flex-direction:column}.comm-forum-sidebar{width:100%;position:static;margin-bottom:2rem}.comm-forum-creator-profile{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;text-align:left}.comm-forum-creator-avatar{margin:0;width:60px;height:60px}.comm-forum-creator-name,.comm-forum-creator-type{text-align:left;margin:0;transform:none;position:static}.comm-forum-creator-stats{width:100%;margin-top:.5rem;padding-top:.5rem}}@media (max-width: 600px){.comm-forum-meta{flex-direction:column;align-items:flex-start}.comm-forum-comment-avatar{width:40px}.comm-forum-detail-container{margin:16px}.comm-forum-avatar-img{width:30px;height:30px}}.comm-forum-comment-replies{margin-top:10px;border-left:2px solid #e0e0e0;padding-left:10px}.comm-forum-level-0{margin-bottom:20px}.comm-forum-level-1,.comm-forum-level-2,.comm-forum-level-3,.comm-forum-level-4,.comm-forum-level-5{margin-top:10px;margin-bottom:10px}.comm-forum-level-1 .comm-forum-comment-wrapper,.comm-forum-level-3 .comm-forum-comment-wrapper,.comm-forum-level-5 .comm-forum-comment-wrapper{background-color:#f8f9fa}.comm-forum-level-2 .comm-forum-comment-wrapper,.comm-forum-level-4 .comm-forum-comment-wrapper{background-color:#f0f2f5}.comm-forum-edit-button,.comm-forum-delete-button{background:none;border:none;color:#6c757d;padding:0;cursor:pointer;display:flex;align-items:center;gap:.35rem;font-size:.8rem}.comm-forum-edit-button:hover{color:#28a745}.comm-forum-delete-button:hover{color:#dc3545}.comm-forum-edit-form{margin-top:.5rem;margin-bottom:1rem}.comm-forum-edit-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #ced4da;border-radius:8px;resize:vertical;margin-bottom:.75rem;font-family:inherit;font-size:.95rem;background-color:#fff}.comm-forum-edit-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.comm-forum-cancel-edit{background-color:#f8f9fa;color:#6c757d;border:1px solid #ced4da;border-radius:4px;padding:.35rem .75rem;font-size:.85rem;cursor:pointer}.comm-forum-submit-edit{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.85rem;cursor:pointer}.comm-forum-submit-edit:hover{background-color:#218838}.comm-forum-cancel-edit:hover{background-color:#e2e6ea}.comm-forum-report-button{background:none;border:none;color:#777;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px}.comm-forum-report-button:hover{background-color:#f0f0f0;color:#d9534f}.comm-forum-report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.comm-forum-report-modal{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 4px 12px #00000026}.comm-forum-report-modal h3{margin-top:0;color:#d9534f;border-bottom:1px solid #eee;padding-bottom:10px}.comm-forum-report-form{display:flex;flex-direction:column;gap:15px}.comm-forum-report-field{display:flex;flex-direction:column;gap:5px}.comm-forum-report-field label{font-weight:600;font-size:.9rem;color:#333}.comm-forum-report-select{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.comm-forum-report-textarea{padding:10px;border:1px solid #ddd;border-radius:4px;min-height:100px;font-family:inherit;font-size:.95rem;resize:vertical}.comm-forum-report-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.comm-forum-report-cancel{padding:8px 15px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer}.comm-forum-report-submit{padding:8px 15px;background-color:#d9534f;color:#fff;border:none;border-radius:4px;cursor:pointer}.comm-forum-report-submit:hover{background-color:#c9302c}:root{--primary-color: #2a4365;--secondary-color: #4a5568;--accent-color: #3182ce;--background-color: #f7fafc;--sidebar-bg: #f8f9fa;--sidebar-active: #e2e8f0;--border-color: #e2e8f0;--text-color: #2d3748;--sidebar-width: 280px;--sidebar-mobile-width: 80%}.terms-page-container{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);position:relative;min-height:calc(100vh - 80px);background-color:var(--background-color)}.terms-sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);height:100vh;position:sticky;top:0;overflow-y:auto;padding:1.5rem 0;border-right:1px solid var(--border-color);box-shadow:2px 0 5px #0000000d;transition:transform .3s ease;align-self:flex-start}.sidebar-header{padding:0 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:1.25rem;color:var(--primary-color);margin:0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{padding:.75rem 1.5rem;cursor:pointer;transition:background-color .2s,color .2s;border-left:3px solid transparent}.sidebar-nav li:hover{background-color:#e2e8f080}.sidebar-nav li.active{background-color:var(--sidebar-active);border-left-color:var(--accent-color);color:var(--primary-color);font-weight:600}.terms-main-content{flex:1;padding:2rem;max-width:calc(100% - var(--sidebar-width))}.terms-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.terms-header h1{color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.terms-section{margin-bottom:2.5rem;padding-bottom:1.5rem;scroll-margin-top:2rem}.terms-section h2{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.section-content{line-height:1.7;white-space:pre-wrap;word-wrap:break-word;background-color:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color)}.terms-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center;color:var(--secondary-color)}.mobile-menu-toggle{position:sticky;top:5px;left:2px;z-index:1000;background-color:var(--primary-color);color:#fff;border-radius:5px;width:40px;height:40px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003}.hamburger{width:20px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;width:100%;background-color:#fff;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1024px){.terms-main-content{max-width:100%;padding:1.5rem}}@media (max-width: 768px){.terms-page-container{flex-direction:column}.terms-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-mobile-width);z-index:999;transform:translate(-100%);box-shadow:0 4px 12px #0000001a}.terms-sidebar.open{transform:translate(0)}.terms-main-content{max-width:100%}.mobile-menu-toggle{display:flex}.terms-header h1{font-size:1.5rem}.terms-section h2{font-size:1.25rem}}@media (max-width: 480px){.section-content{padding:1rem;font-size:.95rem}.sidebar-nav li{padding:.625rem 1rem}.terms-sidebar{width:85%}}.xeroscape-terms-scrollable-container{font-family:Arial,sans-serif;max-width:900px;margin:0 auto;padding:20px;line-height:1.6}.xeroscape-terms-scrollable-header{text-align:center;border-bottom:2px solid #e0e0e0;padding-bottom:20px;margin-bottom:30px}.xeroscape-terms-scrollable-header h1{color:#333;margin-bottom:10px;font-size:2em}.xeroscape-terms-scrollable-header h2{color:#666;font-weight:400;margin-bottom:15px}.xeroscape-terms-scrollable-content{background-color:#f9f9f9;padding:20px;border-radius:8px}.xeroscape-terms-scrollable-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.xeroscape-terms-scrollable-section:last-child{border-bottom:none}.xeroscape-terms-scrollable-section h3{color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd}.xeroscape-terms-scrollable-section pre{white-space:pre-wrap;word-wrap:break-word;font-family:Arial,sans-serif;background-color:#fff;padding:15px;border-radius:5px;line-height:1.6;font-size:.95em}.xeroscape-terms-scrollable-footer{text-align:center;margin-top:30px;padding:20px;background-color:#f4f4f4;border-top:1px solid #e0e0e0;color:#666}@media (max-width: 768px){.xeroscape-terms-scrollable-container{width:95%;padding:10px}.xeroscape-terms-scrollable-section pre{font-size:.9em;padding:10px}}.modern-job-detail-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px 0}.modern-job-detail-container{max-width:1400px;margin:0 auto;padding:0 24px}.modern-job-detail-top-bar{margin-bottom:32px}.modern-job-detail-back-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.modern-job-detail-back-btn:hover{border-color:#4f46e5;color:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}.modern-job-detail-loading{background:#fff;border-radius:24px;padding:60px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;justify-content:center;min-height:400px}.modern-job-detail-content{display:flex;flex-direction:column;gap:32px}.modern-job-detail-hero{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:24px;padding:40px;color:#fff;box-shadow:0 8px 32px #4f46e54d;position:relative;overflow:hidden}.modern-job-detail-hero:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(50%,-50%)}.modern-job-detail-hero-content{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;position:relative;z-index:1}.modern-job-detail-hero-left{display:flex;flex-direction:column;gap:20px}.modern-job-detail-title{font-size:36px;font-weight:700;margin:0;line-height:1.2;color:#fff}.modern-job-detail-title-input{font-size:36px;font-weight:700;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.modern-job-detail-title-input::placeholder{color:#fff9}.modern-job-detail-title-input:focus{outline:none;border-color:#ffffff80;background:#ffffff26}.modern-job-detail-meta-row{display:flex;gap:24px;flex-wrap:wrap}.modern-job-detail-meta-item{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px;font-weight:500}.modern-job-detail-status-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.modern-job-status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modern-job-status-orange{background:#fb923ce6;color:#fff}.modern-job-status-green{background:#22c55ee6;color:#fff}.modern-job-status-blue{background:#3b82f6e6;color:#fff}.modern-job-status-purple{background:#9333eae6;color:#fff}.modern-job-detail-bid-count{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px;font-weight:500}.modern-job-detail-hero-right{display:flex;flex-direction:column;gap:20px;align-items:flex-end}.modern-job-detail-budget-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;text-align:center;min-width:280px}.modern-job-detail-budget-label{font-size:14px;color:#fffc;margin-bottom:8px;font-weight:500}.modern-job-detail-budget-amount{font-size:24px;font-weight:700;color:#fff}.modern-job-detail-budget-edit-row{display:flex;align-items:center;gap:12px}.modern-job-detail-budget-input-group{display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;flex:1}.modern-job-detail-currency{color:#fffc;font-weight:500;margin-right:4px}.modern-job-detail-budget-input{background:transparent;border:none;outline:none;color:#fff;font-weight:600;font-size:16px;width:100%}.modern-job-detail-budget-input::placeholder{color:#ffffff80}.modern-job-detail-budget-separator{color:#fffc;font-weight:500}.modern-job-detail-actions{display:flex;gap:12px}.modern-job-detail-edit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffffe6;color:#4f46e5;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.modern-job-detail-edit-btn:hover:not(.disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.modern-job-detail-edit-btn.disabled{opacity:.5;cursor:not-allowed}.modern-job-detail-edit-actions{display:flex;gap:12px}.modern-job-detail-cancel-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.modern-job-detail-cancel-btn:hover{background:#fff3}.modern-job-detail-save-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#22c55ee6;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.modern-job-detail-save-btn:hover{background:#22c55e;transform:translateY(-1px)}.modern-job-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}.modern-job-detail-left-column{display:flex;flex-direction:column;gap:24px}.modern-job-detail-section{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9}.modern-job-detail-section-header{display:flex;align-items:center;gap:12px;padding:24px 32px 20px;border-bottom:1px solid #f1f5f9;background:#fafbfc}.modern-job-detail-section-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}.modern-job-detail-section-content{padding:32px}.modern-job-detail-description-text{font-size:16px;line-height:1.7;color:#475569;white-space:pre-wrap}.modern-job-detail-description-textarea{width:100%;min-height:200px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;line-height:1.6;color:#475569;background:#f8fafc;resize:vertical;transition:all .2s ease}.modern-job-detail-description-textarea:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.modern-job-detail-devices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.modern-job-detail-device-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:16px;text-align:center;transition:all .2s ease}.modern-job-detail-device-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.modern-job-detail-device-name{font-weight:600;color:#0369a1}.modern-job-detail-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.modern-job-detail-document-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease;position:relative}.modern-job-detail-document-card:hover{border-color:#4f46e5;background:#fff;transform:translateY(-1px)}.modern-job-detail-document-card.new{border-color:#22c55e;background:#f0fdf4}.modern-job-detail-document-icon{flex-shrink:0;width:48px;height:48px;background:#e0e7ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4338ca}.modern-job-detail-document-card.new .modern-job-detail-document-icon{background:#dcfce7;color:#16a34a}.modern-job-detail-document-info{flex:1;min-width:0}.modern-job-detail-document-name{font-weight:600;color:#1e293b;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-job-detail-document-type{font-size:14px;color:#64748b}.modern-job-detail-document-delete{flex-shrink:0;width:32px;height:32px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#dc2626;cursor:pointer;transition:all .2s ease}.modern-job-detail-document-delete:hover{background:#fee2e2;border-color:#fca5a5}.modern-job-detail-upload-card{border:2px dashed #cbd5e1;border-radius:12px;transition:all .2s ease}.modern-job-detail-upload-card:hover{border-color:#4f46e5;background:#f8fafc}.modern-job-detail-upload-label{display:flex;align-items:center;gap:16px;padding:24px;cursor:pointer;color:#64748b}.modern-job-detail-upload-icon{width:48px;height:48px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b}.modern-job-detail-upload-text{flex:1}.modern-job-detail-upload-text>div:first-child{font-weight:600;color:#374151;margin-bottom:4px}.modern-job-detail-upload-subtitle{font-size:14px;color:#9ca3af}.modern-job-detail-file-input{display:none}.modern-job-detail-creator-card{display:flex;flex-direction:column;gap:20px}.modern-job-detail-creator-avatar-section{display:flex;align-items:center;gap:16px}.modern-job-detail-creator-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0}.modern-job-detail-creator-info{flex:1}.modern-job-detail-creator-name{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.modern-job-detail-creator-username{font-size:14px;color:#64748b;margin:0}.modern-job-detail-creator-details{display:flex;flex-direction:column;gap:12px}.modern-job-detail-creator-detail{display:flex;align-items:center;gap:12px;color:#64748b}.modern-job-detail-creator-label{font-weight:500;min-width:80px}.modern-job-detail-creator-value{color:#374151;font-weight:500}.modern-job-detail-no-creator{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;color:#64748b}.modern-job-detail-no-creator-text h3{font-size:18px;font-weight:600;color:#374151;margin:16px 0 8px}.modern-job-detail-no-creator-text p{margin:0;color:#64748b}.modern-job-detail-contract-download-btn{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.modern-job-detail-contract-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e4d}.modern-job-detail-right-column{display:flex;flex-direction:column;gap:24px}.modern-job-detail-info-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9}.modern-job-detail-card-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.modern-job-detail-info-grid{display:flex;flex-direction:column;gap:20px}.modern-job-detail-info-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;transition:all .2s ease}.modern-job-detail-info-item:hover{background:#f1f5f9}.modern-job-detail-info-content{flex:1;display:flex;flex-direction:column;gap:8px}.modern-job-detail-info-label{font-size:14px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.modern-job-detail-info-value{font-size:16px;font-weight:600;color:#1e293b}.modern-job-detail-select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modern-job-detail-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.modern-job-detail-duration-edit{display:flex;gap:8px;align-items:center}.modern-job-detail-duration-input{width:80px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;text-align:center}.modern-job-detail-duration-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.modern-job-detail-checkbox-wrapper{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.modern-job-detail-checkbox{opacity:0;position:absolute;width:0;height:0}.modern-job-detail-checkbox-checkmark{width:24px;height:24px;background:#fff;border:2px solid #d1d5db;border-radius:6px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.modern-job-detail-checkbox-wrapper:hover .modern-job-detail-checkbox-checkmark{border-color:#4f46e5;box-shadow:0 2px 8px #4f46e526}.modern-job-detail-checkbox:checked+.modern-job-detail-checkbox-checkmark{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d;transform:scale(1.05)}.modern-job-detail-checkbox:checked+.modern-job-detail-checkbox-checkmark:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:10px;border:solid #ffffff;border-width:0 3px 3px 0;transform:rotate(45deg);animation:modern-job-detail-checkmark-appear .2s ease-out}.modern-job-detail-checkbox:focus+.modern-job-detail-checkbox-checkmark{outline:3px solid rgba(79,70,229,.3);outline-offset:2px}@keyframes modern-job-detail-checkmark-appear{0%{opacity:0;transform:rotate(45deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}.modern-job-detail-skills-grid{display:flex;flex-wrap:wrap;gap:12px}.modern-job-detail-skill-tag{padding:8px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d;border:1px solid #bbf7d0;border-radius:20px;font-size:14px;font-weight:500;transition:all .2s ease}.modern-job-detail-skill-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #22c55e33}.modern-job-detail-stats-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;padding:32px;border:1px solid #e2e8f0}.modern-job-detail-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.modern-job-detail-stat-item{text-align:center;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.modern-job-detail-stat-number{font-size:24px;font-weight:700;color:#4f46e5;margin-bottom:4px}.modern-job-detail-stat-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.modern-job-detail-no-applications{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;color:#92400e;font-weight:500}.modern-job-detail-protection-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;box-shadow:0 2px 8px #22c55e1a;transition:all .2s ease}.modern-job-detail-protection-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e26}.modern-job-detail-protection-icon{flex-shrink:0;width:32px;height:32px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #22c55e4d}.modern-job-detail-protection-content{display:flex;align-items:center;gap:8px;text-align:center}.modern-job-detail-protection-content h4{font-size:14px;font-weight:600;color:#15803d;margin:0}.modern-job-detail-protection-content p{font-size:14px;color:#16a34a;margin:0;line-height:1.4}.modern-job-detail-protection-content:before{content:"•";color:#22c55e;font-weight:700;margin:0 4px}@media (max-width: 1200px){.modern-job-detail-grid,.modern-job-detail-hero-content{grid-template-columns:1fr;gap:24px}.modern-job-detail-hero-right{align-items:stretch}.modern-job-detail-budget-card{min-width:auto}}@media (max-width: 968px){.modern-job-detail-container{padding:0 16px}.modern-job-detail-hero{padding:32px 24px}.modern-job-detail-title,.modern-job-detail-title-input{font-size:28px}.modern-job-detail-section-header{padding:20px 24px 16px}.modern-job-detail-section-content,.modern-job-detail-info-card{padding:24px}.modern-job-detail-meta-row{flex-direction:column;gap:12px}.modern-job-detail-status-row{flex-direction:column;align-items:flex-start;gap:12px}.modern-job-detail-devices-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modern-job-detail-documents-grid{grid-template-columns:1fr}.modern-job-detail-stats-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.modern-job-detail-wrapper{padding:12px 0}.modern-job-detail-hero{padding:24px 20px}.modern-job-detail-title{font-size:24px}.modern-job-detail-title-input{font-size:24px;padding:12px}.modern-job-detail-section-header{padding:16px 20px 12px}.modern-job-detail-section-content,.modern-job-detail-info-card{padding:20px}.modern-job-detail-budget-edit-row{flex-direction:column;gap:12px}.modern-job-detail-budget-separator{display:none}.modern-job-detail-actions,.modern-job-detail-edit-actions{flex-direction:column}.modern-job-detail-creator-avatar-section{flex-direction:column;text-align:center;gap:12px}.modern-job-detail-creator-details{gap:8px}.modern-job-detail-creator-detail{flex-direction:column;align-items:flex-start;gap:4px}.modern-job-detail-duration-edit{flex-direction:column;gap:12px}.modern-job-detail-duration-input{width:100%}.modern-job-detail-document-card,.modern-job-detail-upload-label{flex-direction:column;text-align:center;gap:12px}}@media (max-width: 480px){.modern-job-detail-container{padding:0 12px}.modern-job-detail-hero{padding:20px 16px}.modern-job-detail-title{font-size:20px}.modern-job-detail-title-input{font-size:20px;padding:10px}.modern-job-detail-section-header{padding:12px 16px 10px;flex-direction:column;align-items:flex-start;gap:8px}.modern-job-detail-section-content,.modern-job-detail-info-card,.modern-job-detail-budget-card{padding:16px}.modern-job-detail-devices-grid{grid-template-columns:1fr}.modern-job-detail-info-item{flex-direction:column;gap:8px;padding:12px}.modern-job-detail-protection-content{flex-direction:column;text-align:center;gap:4px}.modern-job-detail-protection-content:before{display:none}.modern-job-detail-protection-card{padding:12px 16px;margin-top:20px}}@media print{.modern-job-detail-wrapper{background:#fff}.modern-job-detail-back-btn,.modern-job-detail-actions,.modern-job-detail-edit-actions{display:none}.modern-job-detail-hero{background:#f8fafc;color:#1e293b;box-shadow:none}.modern-job-detail-section,.modern-job-detail-info-card{box-shadow:none;border:1px solid #e2e8f0;break-inside:avoid}.modern-job-detail-grid{grid-template-columns:1fr}}.modern-job-detail-edit-btn:focus,.modern-job-detail-save-btn:focus,.modern-job-detail-cancel-btn:focus,.modern-job-detail-back-btn:focus,.modern-job-detail-description-textarea:focus,.modern-job-detail-select:focus,.modern-job-detail-duration-input:focus,.modern-job-detail-budget-input:focus{outline:3px solid rgba(79,70,229,.3);outline-offset:2px}@media (prefers-contrast: high){.modern-job-detail-section,.modern-job-detail-info-card,.modern-job-detail-document-card,.modern-job-detail-device-card,.modern-job-detail-edit-btn,.modern-job-detail-save-btn,.modern-job-detail-cancel-btn,.modern-job-detail-back-btn{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.modern-job-detail-document-card:hover,.modern-job-detail-device-card:hover,.modern-job-detail-skill-tag:hover,.modern-job-detail-edit-btn:hover,.modern-job-detail-save-btn:hover{transform:none}}.modern-job-detail-description-textarea::-webkit-scrollbar{width:6px}.modern-job-detail-description-textarea::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modern-job-detail-description-textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modern-job-detail-description-textarea::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes modern-job-detail-pulse{0%,to{opacity:1}50%{opacity:.5}}.modern-job-detail-loading *{animation:modern-job-detail-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes modern-job-detail-success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modern-job-detail-save-btn.success{animation:modern-job-detail-success .3s ease-out}.modern-job-detail-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-job-detail-text-break{word-break:break-word;overflow-wrap:break-word}.modern-job-detail-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.xsc-cookies-container{--xsc-primary-color: #2a4365;--xsc-secondary-color: #4a5568;--xsc-accent-color: #3182ce;--xsc-background-color: #f7fafc;--xsc-sidebar-bg: #f8f9fa;--xsc-sidebar-active: #e2e8f0;--xsc-border-color: #e2e8f0;--xsc-text-color: #2d3748;--xsc-sidebar-width: 280px;--xsc-sidebar-mobile-width: 80%;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--xsc-text-color);position:relative;min-height:calc(100vh - 80px);background-color:var(--xsc-background-color)}.xsc-cookies-sidebar{width:var(--xsc-sidebar-width);background-color:var(--xsc-sidebar-bg);height:100vh;position:sticky;top:0;overflow-y:auto;padding:1.5rem 0;border-right:1px solid var(--xsc-border-color);box-shadow:2px 0 5px #0000000d;transition:transform .3s ease;align-self:flex-start}.xsc-cookies-sidebar-header{padding:0 1.5rem 1rem;border-bottom:1px solid var(--xsc-border-color)}.xsc-cookies-sidebar-header h2{font-size:1.25rem;color:var(--xsc-primary-color);margin:0}.xsc-cookies-sidebar-nav ul{list-style:none;padding:0;margin:0}.xsc-cookies-sidebar-nav li{padding:.75rem 1.5rem;cursor:pointer;transition:background-color .2s,color .2s;border-left:3px solid transparent}.xsc-cookies-sidebar-nav li:hover{background-color:#e2e8f080}.xsc-cookies-sidebar-nav li.active{background-color:var(--xsc-sidebar-active);border-left-color:var(--xsc-accent-color);color:var(--xsc-primary-color);font-weight:600}.xsc-cookies-main-content{flex:1;padding:2rem;max-width:calc(100% - var(--xsc-sidebar-width))}.xsc-cookies-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--xsc-border-color)}.xsc-cookies-header h1{color:var(--xsc-primary-color);font-size:2rem;margin-bottom:1rem}.xsc-cookies-section{margin-bottom:2.5rem;padding-bottom:1.5rem;scroll-margin-top:2rem}.xsc-cookies-section h2{color:var(--xsc-primary-color);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--xsc-border-color)}.xsc-cookies-section-content{line-height:1.7;white-space:pre-wrap;word-wrap:break-word;background-color:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--xsc-border-color)}.xsc-cookies-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--xsc-border-color);text-align:center;color:var(--xsc-secondary-color)}.xsc-cookies-mobile-toggle{position:sticky;top:5px;left:2px;z-index:1000;background-color:var(--xsc-primary-color);color:#fff;border-radius:5px;width:40px;height:40px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003}.xsc-cookies-hamburger{width:20px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.xsc-cookies-hamburger span{display:block;height:2px;width:100%;background-color:#fff;transition:all .3s ease}.xsc-cookies-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.xsc-cookies-hamburger.active span:nth-child(2){opacity:0}.xsc-cookies-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1024px){.xsc-cookies-main-content{max-width:100%;padding:1.5rem}}@media (max-width: 768px){.xsc-cookies-container{flex-direction:column}.xsc-cookies-sidebar{position:fixed;top:0;left:0;width:var(--xsc-sidebar-mobile-width);z-index:999;transform:translate(-100%);box-shadow:0 4px 12px #0000001a}.xsc-cookies-sidebar.open{transform:translate(0)}.xsc-cookies-main-content{max-width:100%}.xsc-cookies-mobile-toggle{display:flex}.xsc-cookies-header h1{font-size:1.5rem}.xsc-cookies-section h2{font-size:1.25rem}}@media (max-width: 480px){.xsc-cookies-section-content{padding:1rem;font-size:.95rem}.xsc-cookies-sidebar-nav li{padding:.625rem 1rem}.xsc-cookies-sidebar{width:85%}}.xsc-datapolicy-container{--xsc-dp-primary-color: #2a4365;--xsc-dp-secondary-color: #4a5568;--xsc-dp-accent-color: #3182ce;--xsc-dp-background-color: #f7fafc;--xsc-dp-sidebar-bg: #f8f9fa;--xsc-dp-sidebar-active: #e2e8f0;--xsc-dp-border-color: #e2e8f0;--xsc-dp-text-color: #2d3748;--xsc-dp-sidebar-width: 280px;--xsc-dp-sidebar-mobile-width: 80%;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--xsc-dp-text-color);position:relative;min-height:calc(100vh - 80px);background-color:var(--xsc-dp-background-color)}.xsc-datapolicy-sidebar{width:var(--xsc-dp-sidebar-width);background-color:var(--xsc-dp-sidebar-bg);height:100vh;position:sticky;top:0;overflow-y:auto;padding:1.5rem 0;border-right:1px solid var(--xsc-dp-border-color);box-shadow:2px 0 5px #0000000d;transition:transform .3s ease;align-self:flex-start}.xsc-datapolicy-sidebar-header{padding:0 1.5rem 1rem;border-bottom:1px solid var(--xsc-dp-border-color)}.xsc-datapolicy-sidebar-header h2{font-size:1.25rem;color:var(--xsc-dp-primary-color);margin:0}.xsc-datapolicy-sidebar-nav ul{list-style:none;padding:0;margin:0}.xsc-datapolicy-sidebar-nav li{padding:.75rem 1.5rem;cursor:pointer;transition:background-color .2s,color .2s;border-left:3px solid transparent}.xsc-datapolicy-sidebar-nav li:hover{background-color:#e2e8f080}.xsc-datapolicy-sidebar-nav li.active{background-color:var(--xsc-dp-sidebar-active);border-left-color:var(--xsc-dp-accent-color);color:var(--xsc-dp-primary-color);font-weight:600}.xsc-datapolicy-main-content{flex:1;padding:2rem;max-width:calc(100% - var(--xsc-dp-sidebar-width))}.xsc-datapolicy-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--xsc-dp-border-color)}.xsc-datapolicy-header h1{color:var(--xsc-dp-primary-color);font-size:2rem;margin-bottom:1rem}.xsc-datapolicy-section{margin-bottom:2.5rem;padding-bottom:1.5rem;scroll-margin-top:2rem}.xsc-datapolicy-section h2{color:var(--xsc-dp-primary-color);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--xsc-dp-border-color)}.xsc-datapolicy-section-content{line-height:1.7;white-space:pre-wrap;word-wrap:break-word;background-color:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--xsc-dp-border-color)}.xsc-datapolicy-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--xsc-dp-border-color);text-align:center;color:var(--xsc-dp-secondary-color)}.xsc-datapolicy-mobile-toggle{position:sticky;top:5px;left:2px;z-index:1000;background-color:var(--xsc-dp-primary-color);color:#fff;border-radius:5px;width:40px;height:40px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003}.xsc-datapolicy-hamburger{width:20px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.xsc-datapolicy-hamburger span{display:block;height:2px;width:100%;background-color:#fff;transition:all .3s ease}.xsc-datapolicy-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.xsc-datapolicy-hamburger.active span:nth-child(2){opacity:0}.xsc-datapolicy-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1024px){.xsc-datapolicy-main-content{max-width:100%;padding:1.5rem}}@media (max-width: 768px){.xsc-datapolicy-container{flex-direction:column}.xsc-datapolicy-sidebar{position:fixed;top:0;left:0;width:var(--xsc-dp-sidebar-mobile-width);z-index:999;transform:translate(-100%);box-shadow:0 4px 12px #0000001a}.xsc-datapolicy-sidebar.open{transform:translate(0)}.xsc-datapolicy-main-content{max-width:100%}.xsc-datapolicy-mobile-toggle{display:flex}.xsc-datapolicy-header h1{font-size:1.5rem}.xsc-datapolicy-section h2{font-size:1.25rem}}@media (max-width: 480px){.xsc-datapolicy-section-content{padding:1rem;font-size:.95rem}.xsc-datapolicy-sidebar-nav li{padding:.625rem 1rem}.xsc-datapolicy-sidebar{width:85%}}.lp_container{max-width:100%;margin:0 auto;padding:0;color:#222}.lp_hero_section{display:flex;flex-direction:column;padding:20px;position:relative;overflow:hidden;margin-bottom:20px}.lp_hero_content{flex:1;padding:20px 0;z-index:2}.lp_hero_title{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:30px}.lp_hero_buttons{display:flex;gap:15px;margin-bottom:30px}.lp_button{padding:12px 24px;border-radius:50px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px}.lp_courses_button,.lp_tutorials_button{background-color:#ff6b00;color:#fff}.lp_slider_dots{display:flex;gap:8px;margin-top:20px}.lp_dot{width:12px;height:12px;border-radius:50%;background-color:#ddd;cursor:pointer}.lp_dot.lp_active{background-color:#ff6b00}.lp_hero_image{position:relative;width:100%;margin-top:20px}.lp_image_container{position:relative;width:100%;height:300px;border-radius:12px}.lp_desktop_img{width:100%;height:100%;object-fit:cover;border-radius:12px}.lp_3d_object{position:absolute;bottom:20px;right:20px;width:80px;height:100px;background-color:#ff6b00;border-radius:10px;opacity:.9}.lp_animation_text{position:absolute;bottom:10px;left:20px;font-size:20px;font-weight:700;color:#000;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.lp_filters_section{padding:10px 20px;display:flex;flex-direction:column;gap:20px;position:relative}.lp_search_bar{display:flex;align-items:center;background:#fff;border-radius:50px;padding:8px 16px;box-shadow:0 2px 8px #0000001a}.lp_search_icon{margin-right:10px}.lp_search_input{border:none;outline:none;flex:1;font-size:14px}.lp_category_container{display:flex;justify-content:space-between;gap:15px}.lp_dropdown{align-items:center;justify-content:space-between;background:#fff;border-radius:6px;padding:8px 16px;box-shadow:0 2px 8px #0000001a;font-weight:600}.lp_dropdown_icon{font-size:12px}.lp_category_tabs{display:flex;overflow-x:auto;gap:10px;padding:5px 0;scrollbar-width:none}.lp_category_tabs::-webkit-scrollbar{display:none}.lp_tab{padding:8px 16px;background:#fff;border:none;border-radius:20px;font-size:14px;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:all .3s ease}.lp_tab_active{background:#ff6b00;color:#fff}.lp_tab_more{background:#f0f0f0;font-weight:700;font-size:18px;padding:5px 12px}.lp_software_icons{display:flex;justify-content:center;gap:20px;padding:10px 0;overflow-x:auto;scrollbar-width:none}.lp_software_icons::-webkit-scrollbar{display:none}.lp_software_icon{display:flex;flex-direction:column;align-items:center;gap:5px}.lp_icon_circle{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000001a}.lp_icon_text{font-size:18px}.lp_icon_label{font-size:12px;text-align:center}.lp_tutorial_buttons{position:absolute;right:20px;top:100%;display:flex;gap:10px}.lp_round_button{width:40px;height:40px;border-radius:50%;border:none;background:#ff6b00;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003}.lp_tutorial_btn{width:auto;border-radius:20px;padding:0 15px;display:flex;gap:5px}.lp_courses_grid{display:grid;grid-template-columns:1fr;gap:20px;padding:20px;margin-top:20px}.lp_course_card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.lp_card_header{display:flex;justify-content:space-between;align-items:center;padding:12px}.lp_creator_info{display:flex;align-items:center;gap:10px}.lp_creator_icon{width:30px;height:30px;border-radius:50%;background-color:#f2f2f2}.lp_video_info{display:flex;flex-direction:column}.lp_video_title{font-size:14px;margin:0;font-weight:600}.lp_time_ago{font-size:12px;color:#777;margin:0}.lp_card_actions{position:relative;display:flex;gap:25px}.lp_card_action{background:none;border:none;cursor:pointer;font-size:16px}.lp_card_thumbnail{position:relative;width:100%;height:250px}.lp_thumbnail_img{position:absolute;width:100%;height:100%;object-fit:cover}.lp_duration{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:3px 8px;border-radius:4px;font-size:12px}.lp_card_footer{display:flex;justify-content:space-between;align-items:center;padding:12px}.lp_ratings{display:flex;gap:8px}.lp_rating{display:flex;align-items:center;gap:4px;font-size:12px}.lp_rating_text{color:#555}.lp_level_indicator{display:flex;align-items:center;gap:5px}.lp_level_text{font-size:11px;font-weight:600}.lp_level_bars{display:flex;gap:2px}.lp_level_bars span{display:block;width:5px;height:12px;background-color:#ddd}.lp_beginner .lp_level_text{color:#4caf50}.lp_beginner .lp_level_bars span:nth-child(-n+3){background-color:#4caf50}.lp_intermediate .lp_level_text{color:#ff9800}.lp_intermediate .lp_level_bars span:nth-child(-n+4){background-color:#ff9800}.lp_advanced .lp_level_text{color:#f44336}.lp_advanced .lp_level_bars span{background-color:#f44336}@media (min-width: 640px){.lp_hero_section{flex-direction:row;align-items:center;padding:40px;gap:40px}.lp_hero_content{flex:1;padding:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:space-between}.lp_hero_image{flex:1;margin-top:0}.lp_hero_title{font-size:32px}.lp_image_container{height:400px}.lp_courses_grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.lp_container{margin:0 auto}.lp_hero_title{font-size:40px}.lp_category_container{flex-direction:row;align-items:center}.lp_dropdown{width:200px}.lp_courses_grid{grid-template-columns:repeat(3,1fr)}.lp_image_container{height:450px}.lp_3d_object{width:120px;height:150px}.lp_animation_text{font-size:28px}}.lp_dropdown{position:relative;background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;min-width:150px}.lp_dropdown_header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600}.lp_dropdown_text{font-size:14px}.lp_dropdown_icon{font-size:12px;margin-left:5px}.lp_dropdown_menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 6px 6px;box-shadow:0 4px 8px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.lp_dropdown_item{padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.lp_dropdown_item:hover{background-color:#f5f5f5}.lp_category-group{display:flex;align-items:center;justify-content:space-between;gap:30px}.lp_category_filter_btn{display:flex;gap:10px}.lp_filter_icon_btn{width:40px;height:40px;border-radius:50%;border:none;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.lp_filter_icon_btn:hover{background-color:#dedeff}.lp_filter_icon{font-size:18px;color:#555}.lp_loading,.lp_error,.lp_no_results{text-align:center;padding:40px;font-size:16px;color:#555}.lp_error{color:#f44336}.lp_active_category .lp_icon_circle{background-color:#ff6b00;color:#fff}.lp_active_category .lp_icon_text{color:#fff}.lp_active_category .lp_icon_label{color:#ff6b00;font-weight:600}.lp_software_icon{cursor:pointer;transition:all .2s ease}.lp_software_icon:hover .lp_icon_circle{transform:scale(1.1);box-shadow:0 4px 10px #00000026}.lp_icon_image{width:50px;height:50px;object-fit:contain}.lp_active_category .lp_icon_image{border:3px solid #ff6b00;border-radius:50%;padding:2px}.lp_icon_image{width:50px;height:50px;object-fit:contain;transition:all .2s ease}.no-of-videos-learn{position:absolute;top:-5px;left:20px;font-size:12px;font-weight:600}.purchase-history{max-width:1200px;margin:0 auto;padding:1rem}.header{background:linear-gradient(135deg,#2d3748,#1a202c);color:#faf6f9;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 25px #0000001a;position:relative;overflow:hidden;margin-top:50px}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.header-title h1{font-size:2.25rem;font-weight:800;margin:0;letter-spacing:-.5px;position:relative}.header-title p{margin-top:1.25rem;font-size:1.125rem;opacity:.9;font-weight:300}.header-stats{display:flex;gap:1.5rem}.stat-box{background:#ffffff1a;padding:1.25rem;border-radius:12px;min-width:160px;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .2s,box-shadow .2s}.stat-box:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0000001a}.stat-label{color:#fffc;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{color:#fff;font-size:1.875rem;font-weight:700;margin:0}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;position:relative;z-index:5}.filter-group{flex:1;min-width:180px;background:#fff;padding:1rem;border-radius:10px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.filter-group:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.filter-group label{display:block;font-size:.8rem;font-weight:600;color:#4b5563;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.filter-group select{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;outline:none;background:#f9fafb;color:#1f2937;font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;transition:all .2s}.filter-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.filter-group select:hover{border-color:#d1d5db}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#faf6f9;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:all .2s}.order-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;margin-bottom:1rem}.order-title{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.order-title h3{font-size:16px;color:#1f1f1f;margin:0}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:14px;font-weight:500}.status-badge.completed{background-color:#13aa13;color:#fff}.status-badge.pending{background-color:#e43434;color:#fff}.order-date{color:#333;font-size:14px;margin:0}.order-amount{font-size:24px;font-weight:600;color:#1f1f1f;margin:.5rem 0}.order-items{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.item-card{background:#efebee;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;border:1px solid black}.item-card-container{display:flex;gap:20px;align-items:center}.item-card-img{height:100px;width:100px;object-fit:fill;border-radius:5px}.item-info h4{font-size:16px;font-weight:600;color:#1f1f1f;margin:0 0 .25rem}.item-price{color:#333;font-size:14px;margin:0}.download-progress{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.progress-bar{height:.5rem;width:300px;background:#989595;border-radius:9999px;overflow:hidden}@media (max-width: 769px){.item-card-container{flex-direction:column}.progress-bar{width:100px}}.progress-fill{height:100%;background:#4f46e5;border-radius:9999px;transition:width .3s ease}.downloads-left{font-size:.75rem;color:#333;white-space:nowrap}.download-button{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:all .2s;border:none;cursor:pointer;background:#4f46e5;color:#fff;gap:.5rem}.download-button:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.download-button:disabled{opacity:.7;cursor:not-allowed}.download-button.loading{background:#6b7280}.download-button.success{background:#10b981}.download-button.error{background:#ef4444}.button-icon{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;fill:none}.downloads-exhausted{padding:.5rem 1rem;background:#fee2e2;color:#dc2626;border-radius:8px;font-size:.875rem;font-weight:500;display:block}.loading-state{text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.error-icon{width:3rem;height:3rem;stroke:#dc2626;margin-bottom:1rem}.retry-button{margin-top:1rem;color:#4f46e5;font-weight:500;background:none;border:none;cursor:pointer}.retry-button:hover{text-decoration:underline}@media (max-width: 768px){.header-content{flex-direction:column;gap:1.5rem}.header-stats{width:100%;justify-content:space-between}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;-ms-overflow-style:none;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-group{min-width:200px;width:auto;flex:0 0 auto}.item-card{flex-direction:column;align-items:stretch;gap:1rem}.download-button{width:100%;justify-content:center}}@media (max-width: 480px){.header{padding:1.25rem;border-radius:12px}.header-title h1{font-size:1.75rem}.header-title p{font-size:1rem}.header-stats{flex-direction:column;gap:1rem}.stat-box{width:100%;padding:.875rem;display:flex;justify-content:space-between;align-items:center}.stat-label{margin-bottom:0}.stat-value{font-size:1.5rem}.filters{margin:-.5rem -.5rem 1.5rem;padding:.5rem;gap:.75rem}.filter-group{min-width:160px;padding:.75rem}.filter-group label{font-size:.7rem}.filter-group select{padding:.6rem .75rem;font-size:.85rem}}.no-orders{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#6b7280;font-size:1.125rem}.review-purchase-section{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.star-rating-purchase{display:flex;gap:5px}.star-rating-both{display:flex;gap:10px;align-items:center}.star-purchase{color:#4a3e3e;font-size:1.5rem;cursor:pointer}.star-purchase.filled{color:gold}.btn-add-review{padding:5px 10px;background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer}.review-textarea-btn{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#00000080;z-index:100000}.review-text-area-container{background-color:#faf6f9;border-radius:10px;box-shadow:0 4px 20px #0000001a;width:400px;padding:.5rem}.review-input{width:100%;min-height:100px;margin-bottom:1rem;padding:.5rem;border:1px solid #333;border-radius:4px;resize:vertical;background-color:#f3f3ff}.submit-review-btn{width:100%;padding:.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-review-btn:hover{background-color:#0056b3}.close-review-purchase{cursor:pointer;display:flex;justify-content:flex-end}.fading-loader-purchase{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:20px}.purchase-history__back-button{position:absolute;top:100px;left:10px;background:#fff;border:none;color:#4338ca;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;z-index:10}.purchase-history__back-button:hover{transform:translate(-3px);box-shadow:0 4px 12px #00000026}@media (max-width: 991px){.header{padding:1.75rem}.stat-box{padding:1rem;min-width:140px}}@media (max-width: 768px){.header{padding:1.5rem}.header-content{flex-direction:column;gap:2rem;align-items:flex-start}.header-title h1{font-size:2rem}.header-title p{margin-top:1rem}.header-stats{width:100%;justify-content:space-between}.stat-box{flex:1;min-width:0}}@media (max-width: 480px){.header{padding:1.25rem;border-radius:12px}.header-title h1{font-size:1.75rem}.header-title p{font-size:1rem}.header-stats{flex-direction:column;gap:1rem}.stat-box{width:100%;padding:.875rem;display:flex;justify-content:space-between;align-items:center}.stat-label{margin-bottom:0}.stat-value{font-size:1.5rem}}.pagination{display:flex;flex-direction:column;gap:16px;margin-top:32px;padding:24px 0;border-top:1px solid #e5e7eb}.pagination-info{display:flex;justify-content:center;align-items:center;color:#6b7280;font-size:14px;text-align:center}.pagination-info strong{color:#374151;font-weight:600}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb;color:#9ca3af}.pagination-btn:active:not(:disabled){background:#f3f4f6;transform:translateY(1px)}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.pagination-page:hover:not(:disabled):not(.ellipsis){background:#f9fafb;border-color:#9ca3af;color:#111827}.pagination-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.pagination-page.active:hover{background:#2563eb;border-color:#2563eb}.pagination-page.ellipsis{background:transparent;border:none;cursor:default;color:#9ca3af;font-weight:400}.pagination-page.ellipsis:hover{background:transparent;border:none;color:#9ca3af}.pagination-page:disabled{opacity:.5;cursor:not-allowed;background:transparent;border:none}.pagination-page:active:not(:disabled):not(.ellipsis){background:#f3f4f6;transform:translateY(1px)}.pagination-page.active:active{background:#1d4ed8;transform:translateY(1px)}@media (max-width: 768px){.pagination{gap:12px;margin-top:24px;padding:16px 0}.pagination-info{font-size:13px}.pagination-controls{gap:8px}.pagination-btn{padding:6px 12px;font-size:13px;min-height:36px}.pagination-btn span{display:none}.pagination-pages{gap:2px}.pagination-page{min-width:36px;height:36px;padding:0 6px;font-size:13px}}@media (max-width: 480px){.pagination{margin-top:16px;padding:12px 0}.pagination-controls{flex-direction:column;gap:12px}.pagination-info{order:2}.pagination-pages{order:1;flex-wrap:wrap;justify-content:center}.pagination-btn{order:3;width:100%;max-width:200px;justify-content:center}.pagination-btn span{display:inline}.pagination-prev{order:3}.pagination-next{order:4}}@media (prefers-color-scheme: dark){.pagination{border-top-color:#374151}.pagination-info{color:#9ca3af}.pagination-info strong{color:#d1d5db}.pagination-btn{background:#1f2937;border-color:#374151;color:#d1d5db}.pagination-btn:hover:not(:disabled){background:#374151;border-color:#4b5563;color:#f9fafb}.pagination-btn:disabled{background:#111827;color:#6b7280}.pagination-page{background:#1f2937;border-color:#374151;color:#d1d5db}.pagination-page:hover:not(:disabled):not(.ellipsis){background:#374151;border-color:#4b5563;color:#f9fafb}.pagination-page.ellipsis{background:transparent;border:none;color:#6b7280}}.pagination-btn:focus-visible,.pagination-page:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.pagination.loading{opacity:.6;pointer-events:none}.pagination.loading .pagination-btn,.pagination.loading .pagination-page{cursor:wait}.order-actions{display:flex;align-items:center;gap:12px;margin-left:20px}.complaint-button{display:flex;align-items:center;gap:8px;color:red;border:none;border-radius:50%;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f973164d}.complaint-button:active{transform:translateY(0);box-shadow:0 2px 4px #f973164d}.order-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#fafbfc,#f8fafc)}.order-info{flex:1}@media (max-width: 768px){.order-header{flex-direction:column;gap:16px}.order-actions{margin-left:0;align-self:flex-start}.complaint-button{font-size:13px;padding:8px 14px}}@media (max-width: 480px){.complaint-button{font-size:12px;padding:6px 12px;gap:6px}}.format-selector-container{position:absolute;top:auto;bottom:100%;left:0;right:0;pointer-events:none;margin-bottom:8px;z-index:50}.format-selector-container.active{pointer-events:auto}.format-selector{position:absolute;right:0;bottom:0;background:#fff;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a;min-width:250px;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:auto}.format-selector.active{opacity:1;transform:translateY(0)}.format-selector-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#5100fe;border-bottom:1px solid #e5e7eb}.format-selector-header span{font-weight:500;color:#fff}.close-icon{cursor:pointer;color:#000}.format-list{padding:8px}.format-item{width:100%;text-align:left;padding:12px;border-radius:8px;transition:background-color .2s ease;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start}.format-item:hover{background-color:#f3f4f6}.format-info{display:flex;flex-direction:column}.format-name{font-weight:500;color:#374151;font-size:.875rem}.format-description{color:#6b7280;font-size:.75rem;margin-top:4px}.format-size{color:#6b7280;font-size:.75rem;white-space:nowrap;margin-left:16px}.review-purchase-section{position:relative}.xtech-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a3b,#2d217c);padding:20px}.xtech-content{text-align:center;color:#fff;max-width:600px;padding:40px;background:#ffffff0d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.xtech-icon{margin-bottom:24px;animation:pulse 2s infinite}.xtech-title{font-size:3.5rem;font-weight:700;margin-bottom:16px;background:linear-gradient(45deg,#6c63ff,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.xtech-subtitle{font-size:1.5rem;color:#6c63ff;margin-bottom:24px;font-weight:500}.xtech-description{font-size:1.1rem;line-height:1.6;color:#fffc}.xtech-description p{margin:8px 0}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.xtech-title{font-size:2.5rem}.xtech-subtitle{font-size:1.2rem}.xtech-description{font-size:1rem}.xtech-content{padding:30px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:#333}h1,h2,h3,h4,h5,h6{line-height:1.2}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer}:root{--devdash-primary: #3672E9;--devdash-primary-light: #5A8DEF;--devdash-primary-dark: #2A59B8;--devdash-secondary: #34D1BF;--devdash-secondary-light: #58DCCF;--devdash-secondary-dark: #27A498;--devdash-accent: #FF7846;--devdash-accent-light: #FF9870;--devdash-accent-dark: #E05A2B;--devdash-success: #2ECC71;--devdash-warning: #F1C40F;--devdash-error: #E74C3C;--devdash-black: #1A1A1A;--devdash-dark-gray: #333333;--devdash-gray: #6C7A89;--devdash-light-gray: #ADB5BD;--devdash-lighter-gray: #E9ECEF;--devdash-white: #FFFFFF;--devdash-text-primary: var(--devdash-dark-gray);--devdash-text-secondary: var(--devdash-gray);--devdash-text-light: var(--devdash-light-gray);--devdash-spacing-xs: 4px;--devdash-spacing-sm: 8px;--devdash-spacing-md: 16px;--devdash-spacing-lg: 24px;--devdash-spacing-xl: 32px;--devdash-spacing-xxl: 48px;--devdash-border-radius-sm: 4px;--devdash-border-radius-md: 8px;--devdash-border-radius-lg: 12px;--devdash-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--devdash-shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--devdash-shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--devdash-transition-fast: .2s ease;--devdash-transition-normal: .3s ease;--devdash-transition-slow: .5s ease}.devdash-app{display:flex;flex:1;position:relative}.devdash-main-content{flex:1;padding:1rem;min-height:100vh;transition:var(--devdash-transition-normal)}.devdash-page-title{font-size:28px;font-weight:600;margin-bottom:var(--devdash-spacing-lg);color:var(--devdash-black)}.devdash-section{margin-bottom:var(--devdash-spacing-xl)}.devdash-section-title{font-size:20px;font-weight:500;margin-bottom:var(--devdash-spacing-md);color:var(--devdash-dark-gray)}.devdash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--devdash-spacing-lg)}.devdash-flex{display:flex}.devdash-flex-between{display:flex;justify-content:space-between;align-items:center}.devdash-card{background-color:var(--devdash-white);border-radius:var(--devdash-border-radius-md);padding:var(--devdash-spacing-lg);box-shadow:var(--devdash-shadow-sm);transition:var(--devdash-transition-fast)}.devdash-card:hover{box-shadow:var(--devdash-shadow-md)}.devdash-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--devdash-spacing-sm) var(--devdash-spacing-md);border-radius:var(--devdash-border-radius-sm);font-weight:500;transition:var(--devdash-transition-fast)}.devdash-button-primary{background-color:var(--devdash-primary);color:var(--devdash-white)}.devdash-button-primary:hover{background-color:var(--devdash-primary-dark)}.devdash-button-secondary{background-color:var(--devdash-secondary);color:var(--devdash-white)}.devdash-button-secondary:hover{background-color:var(--devdash-secondary-dark)}.devdash-button-accent{background-color:var(--devdash-accent);color:var(--devdash-white)}.devdash-button-accent:hover{background-color:var(--devdash-accent-dark)}.devdash-button-ghost{background-color:transparent;color:var(--devdash-primary);border:1px solid var(--devdash-primary)}.devdash-button-ghost:hover{background-color:#3672e91a}.devdash-badge{display:inline-block;padding:var(--devdash-spacing-xs) var(--devdash-spacing-sm);border-radius:var(--devdash-border-radius-sm);font-size:12px;font-weight:500}.devdash-badge-success{background-color:#2ecc7133;color:var(--devdash-success)}.devdash-badge-warning{background-color:#f1c40f33;color:var(--devdash-warning)}.devdash-badge-error{background-color:#e74c3c33;color:var(--devdash-error)}@media (max-width: 768px){.mobile-menu-button{display:flex}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0fdfa;--secondary-100: #ccfbf1;--secondary-200: #99f6e4;--secondary-300: #5eead4;--secondary-400: #2dd4bf;--secondary-500: #14b8a6;--secondary-600: #0d9488;--secondary-700: #0f766e;--secondary-800: #115e59;--secondary-900: #134e4a;--accent-50: #fff7ed;--accent-100: #ffedd5;--accent-200: #fed7aa;--accent-300: #fdba74;--accent-400: #fb923c;--accent-500: #f97316;--accent-600: #ea580c;--accent-700: #c2410c;--accent-800: #9a3412;--accent-900: #7c2d12;--success-500: #22c55e;--warning-500: #eab308;--error-500: #ef4444;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-regular: 400;--font-medium: 500;--font-bold: 700;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.learning-sidebar{position:fixed;top:0;left:0;height:100vh;width:220px;background-color:#fff;box-shadow:2px 0 5px #0000001a;transition:transform .3s ease-in-out;z-index:99;padding-top:80px}.learning-sidebar-logo{padding:1.5rem;display:flex;align-items:center;border-bottom:1px solid var(--devdash-lighter-gray)}.learning-sidebar-profile-img{width:50px;height:50px;border-radius:50%;margin-right:1rem}.learning-sidebar-logo h1{color:var(--devdash-primary);font-size:1.2rem;font-weight:600}.learning-sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.learning-sidebar-menu{list-style:none;padding:0;margin:0}.learning-sidebar-menu-item{margin:.5rem 0}.learning-sidebar-link{display:flex;align-items:center;padding:.8rem 1.5rem;color:var(--devdash-gray);text-decoration:none;transition:all .3s ease}.learning-sidebar-link:hover{background-color:#3672e90d;color:var(--devdash-primary)}.learning-sidebar-link-active{background-color:#3672e91a;color:var(--devdash-primary);border-left:3px solid var(--devdash-primary)}.learning-sidebar-icon{margin-right:1rem;font-size:1.2rem;display:flex;align-items:center}.learning-sidebar-text{font-size:.95rem}.learning-sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.learning-sidebar-overlay.active{opacity:1;visibility:visible}.mobile-menu-button{position:fixed;top:4rem;left:0rem;z-index:997;background:var(--devdash-primary);color:#fff;border:none;border-radius:4px;padding:.5rem;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.mobile-menu-button:hover{background:var(--devdash-primary-dark)}@media (max-width: 768px){.learning-sidebar{transform:translate(-100%);width:280px}.learning-sidebar-open{transform:translate(0);z-index:1000}.learning-sidebar-closed{transform:translate(-100%)}.learning-sidebar-overlay{display:block}.mobile-menu-button{display:flex}.devdash-main-content{margin-left:0}}@media (min-width: 769px){.mobile-menu-button{display:none}.learning-sidebar{transform:translate(0)}.devdash-main-content{margin-left:250px}}.dashboard-container{max-width:1280px;margin:0 auto;padding:var(--space-4)}.dashboard-title{margin-bottom:var(--space-6);color:var(--neutral-900)}.dashboard-grid{display:flex;gap:var(--space-6)}.dashboard-main{flex:1;margin:0 auto}.dashboard-row{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.dashboard-col{flex:1;min-width:0;display:flex;gap:var(--space-6)}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section-title{margin-bottom:var(--space-4);color:var(--neutral-900);font-size:var(--text-2xl)}.dashboard-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.dashboard-course-item{height:100%}.dashboard-empty-state{grid-column:1 / -1;background-color:var(--neutral-100);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--neutral-600);border:1px dashed var(--neutral-300)}@media (max-width: 1024px){.dashboard-row{flex-direction:column;gap:var(--space-4)}.dashboard-main{max-width:100%}.dashboard-course-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.dashboard-container{padding:var(--space-2)}.dashboard-col{flex-direction:column}.dashboard-row{flex-direction:column;gap:var(--space-4)}.dashboard-grid{flex-direction:column}.dashboard-course-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 576px){.dashboard-col{gap:var(--space-4)}.dashboard-course-grid{grid-template-columns:1fr}}.calendar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.calendar-modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modal-fade-in .3s ease}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--neutral-200)}.calendar-modal-header h3{margin:0;color:var(--neutral-900)}.calendar-modal-close{background:transparent;border:none;color:var(--neutral-500);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-1);border-radius:var(--radius-full);transition:all .2s ease}.calendar-modal-close:hover{background-color:var(--neutral-100);color:var(--neutral-900)}.calendar-modal-content{padding:var(--space-4)}.calendar-events-list{margin-bottom:var(--space-6)}.calendar-events-list h4{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--neutral-800)}.calendar-event-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:var(--neutral-50);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:background-color .2s ease}.calendar-event-item:hover{background-color:var(--neutral-100)}.calendar-event-details{display:flex;align-items:center}.calendar-event-type{width:12px;height:12px;border-radius:var(--radius-full);margin-right:var(--space-3)}.calendar-event-title{font-weight:var(--font-medium);color:var(--neutral-800)}.calendar-event-delete{background:transparent;border:none;color:var(--neutral-400);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-1);border-radius:var(--radius-full);transition:all .2s ease}.calendar-event-delete:hover{background-color:var(--error-50);color:var(--error-500)}.calendar-no-events{text-align:center;padding:var(--space-4);color:var(--neutral-500);background-color:var(--neutral-50);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.calendar-add-event-form h4{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--neutral-800)}.calendar-form-group{margin-bottom:var(--space-4)}.calendar-form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--neutral-700)}.calendar-form-group input,.calendar-form-group textarea,.calendar-form-group select{width:100%;padding:var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);transition:border-color .2s ease}.calendar-form-group input:focus,.calendar-form-group textarea:focus,.calendar-form-group select:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.calendar-submit-button{background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:background-color .2s ease;width:100%}.calendar-submit-button:hover{background-color:var(--primary-600)}.calendar-container{background-color:var(--neutral-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4);margin-bottom:var(--space-6)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.calendar-header h3{margin:0}.calendar-navigation{display:flex;align-items:center}.calendar-current-month{margin:0 var(--space-3);font-size:var(--text-lg);font-weight:var(--font-medium)}.calendar-nav-button{background-color:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;transition:all .2s ease}.calendar-nav-button:hover{background-color:var(--neutral-200)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-4)}.calendar-weekday{text-align:center;font-weight:var(--font-medium);color:var(--neutral-600);padding:var(--space-2);font-size:var(--text-sm)}.calendar-day{position:relative;min-height:70px;background-color:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;transition:background-color .2s ease}.calendar-day:hover{background-color:var(--primary-50)}.calendar-day.empty{background-color:var(--neutral-100);cursor:default}.calendar-day.today{background-color:var(--primary-50);border-color:var(--primary-300)}.calendar-day-number{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;font-size:var(--text-sm)}.calendar-day.today .calendar-day-number{background-color:var(--primary-500);color:#fff;border-radius:var(--radius-full)}.calendar-day-events{display:flex;flex-wrap:wrap;gap:2px;margin-top:var(--space-1)}.calendar-event-indicator{width:8px;height:8px;border-radius:var(--radius-full)}.event-deadline{background-color:var(--error-500)}.event-submission{background-color:var(--success-500)}.event-event{background-color:var(--primary-500)}.event-feedback{background-color:var(--accent-500)}.calendar-add-button{display:flex;align-items:center;justify-content:center;background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-2);transition:background-color .2s ease}.calendar-add-button:hover{background-color:var(--primary-600)}.calendar-add-button svg{margin-right:var(--space-2)}@media (max-width: 768px){.calendar-grid{gap:1px}.calendar-day{min-height:50px;padding:var(--space-1)}.calendar-day-number{width:20px;height:20px;line-height:20px;font-size:var(--text-xs)}}@media (max-width: 576px){.calendar-container{padding:var(--space-3)}.calendar-header h3{font-size:var(--text-lg)}.calendar-current-month{font-size:var(--text-base)}.calendar-weekday{font-size:var(--text-xs);padding:var(--space-1)}}.productivity-container{background-color:var(--neutral-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4);margin-bottom:var(--space-6)}.productivity-title{margin-bottom:var(--space-4);color:var(--neutral-800)}.productivity-content{display:flex;align-items:center}.productivity-chart{flex-shrink:0;margin-right:var(--space-6)}.productivity-chart-text{font-family:inherit}.productivity-stats{flex:1}.productivity-stat-item{display:flex;align-items:center;margin-bottom:var(--space-3)}.productivity-stat-item:last-child{margin-bottom:0}.productivity-stat-icon{width:12px;height:12px;border-radius:var(--radius-full);margin-right:var(--space-3)}.productivity-stat-icon.completion{background-color:var(--success-500)}.productivity-stat-icon.ontime{background-color:var(--primary-500)}.productivity-stat-icon.assignments{background-color:var(--accent-500)}.productivity-stat-icon.streak{background-color:var(--secondary-500)}.productivity-stat-info{display:flex;flex-direction:column}.productivity-stat-value{font-weight:var(--font-medium);color:var(--neutral-800)}.productivity-stat-label{font-size:var(--text-sm);color:var(--neutral-500)}@media (max-width: 768px){.productivity-content{flex-direction:column;align-items:center}.productivity-chart{margin-right:0;margin-bottom:var(--space-4)}.productivity-stats{width:100%}}.stickynotes-container{background-color:var(--neutral-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4);margin-bottom:var(--space-6)}.stickynotes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200);padding-bottom:var(--space-3)}.stickynotes-title{margin:0;color:var(--neutral-800)}.stickynotes-add-button{background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.stickynotes-add-button:hover{background-color:var(--primary-600)}.stickynotes-form{margin-bottom:var(--space-4);background-color:var(--accent-50);border-radius:var(--radius-md);padding:var(--space-3);position:relative}.stickynotes-form textarea{width:100%;padding:var(--space-2);border:1px solid var(--accent-200);border-radius:var(--radius-md);font-family:Caveat,cursive,sans-serif;font-size:var(--text-lg);resize:none;background-color:transparent}.stickynotes-form textarea:focus{outline:none;border-color:var(--accent-400)}.stickynotes-form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2);gap:var(--space-2)}.stickynotes-cancel-button,.stickynotes-submit-button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer}.stickynotes-cancel-button{background-color:transparent;border:1px solid var(--neutral-300);color:var(--neutral-600)}.stickynotes-cancel-button:hover{background-color:var(--neutral-100)}.stickynotes-submit-button{background-color:var(--accent-500);border:none;color:#fff}.stickynotes-submit-button:hover{background-color:var(--accent-600)}.stickynotes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.stickynote{position:relative;background-color:var(--accent-50);border-radius:var(--radius-md);padding:var(--space-4);min-height:100px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;font-family:Caveat,cursive,sans-serif;font-size:var(--text-lg);transform:rotate(-1deg)}.stickynote:nth-child(2n){transform:rotate(1deg);background-color:var(--primary-50)}.stickynote:nth-child(3n){transform:rotate(-.5deg);background-color:var(--success-50)}.stickynote:hover{box-shadow:var(--shadow-md);transform:scale(1.02) rotate(0)}.stickynote.priority{background-color:var(--accent-100);border-left:4px solid var(--accent-500)}.stickynote-delete{position:absolute;top:var(--space-2);right:var(--space-2);background-color:transparent;border:none;color:var(--neutral-400);padding:var(--space-1);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:all .2s ease}.stickynote:hover .stickynote-delete{opacity:1}.stickynote-delete:hover{background-color:var(--neutral-200);color:var(--error-500)}.stickynote-content{margin:0;line-height:1.4}.stickynotes-empty{grid-column:1 / -1;text-align:center;padding:var(--space-6);color:var(--neutral-500);background-color:var(--neutral-100);border-radius:var(--radius-md);font-style:italic}@media (max-width: 768px){.stickynotes-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 576px){.stickynotes-list{grid-template-columns:1fr}}.learn-course-card{background-color:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.learn-course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.learn-course-card-thumbnail{position:relative;aspect-ratio:16 / 9;background-color:var(--neutral-200);overflow:hidden}.learn-course-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.learn-course-card:hover .learn-course-card-thumbnail img{transform:scale(1.05)}.learn-course-card-progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#0003}.learn-course-card-progress-bar{height:100%;background-color:var(--primary-500);transition:width .3s ease}.learn-course-card-certificate{position:absolute;top:var(--space-2);right:var(--space-2);background-color:#000000b3;color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-1)}.learn-course-card-content{padding:var(--space-4);display:flex;flex-direction:column;flex:1}.learn-course-card-title{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--neutral-900);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.learn-course-card-instructor{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-3)}.learn-course-card-meta{display:flex;align-items:center;margin-bottom:var(--space-3);gap:var(--space-3)}.learn-course-card-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--neutral-600)}.learn-course-card-level{font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-full)}.learn-course-card-level-beginner{background-color:var(--success-100);color:var(--success-700)}.learn-course-card-level-intermediate{background-color:var(--primary-100);color:var(--primary-700)}.learn-course-card-level-advanced{background-color:var(--error-100);color:var(--error-700)}.learn-course-card-rating{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.learn-course-card-stars{display:flex;align-items:center}.learn-half-star-container{position:relative;width:14px;height:14px}.learn-half-star{position:absolute;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.learn-star-outline{position:absolute}.learn-course-card-rating-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-800)}.learn-course-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--neutral-100)}.learn-course-card-price{font-weight:var(--font-bold);color:var(--neutral-900)}.learn-course-card-action{display:flex;align-items:center;gap:var(--space-1);background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);transition:background-color .2s ease}.learn-course-card-action:hover{background-color:var(--primary-600)}@media (max-width: 576px){.learn-course-card-content{padding:var(--space-3)}.learn-course-card-title{font-size:var(--text-base)}.learn-course-card-meta{flex-wrap:wrap;gap:var(--space-2)}}.xerospace-reminder-container{background-color:var(--neutral-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4);margin-bottom:var(--space-6)}.xerospace-reminder-title{margin-bottom:var(--space-4);color:var(--neutral-800)}.xerospace-reminder-list{display:flex;flex-direction:column;gap:var(--space-3)}.xerospace-reminder-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#fff;transition:transform .2s ease}.xerospace-reminder-item:hover{transform:translate(4px)}.xerospace-reminder-type-deadline .xerospace-reminder-icon{color:var(--error-500)}.xerospace-reminder-type-submission .xerospace-reminder-icon{color:var(--success-500)}.xerospace-reminder-type-event .xerospace-reminder-icon{color:var(--primary-500)}.xerospace-reminder-content{flex:1}.xerospace-reminder-event-title{margin:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--neutral-800)}.xerospace-reminder-date{margin:0;font-size:var(--text-sm);color:var(--neutral-500)}.xerospace-reminder-delete{background:none;border:none;color:var(--neutral-400);font-size:var(--text-xl);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-full);transition:all .2s ease}.xerospace-reminder-delete:hover{background-color:var(--error-50);color:var(--error-500)}.xerospace-reminder-empty{text-align:center;padding:var(--space-6);color:var(--neutral-500);background-color:var(--neutral-100);border-radius:var(--radius-md);font-style:italic}@media (max-width: 768px){.xerospace-reminder-container{padding:var(--space-3)}}.learn-mycourses-container{max-width:1280px;margin:0 auto}.learn-mycourses-title{margin-bottom:var(--space-6);color:var(--neutral-900)}.learn-mycourses-filters{display:flex;overflow-x:auto;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-2);-ms-overflow-style:none;scrollbar-width:none;width:100%;flex-wrap:wrap}.learn-mycourses-filters::-webkit-scrollbar{display:none}.learn-mycourses-filter-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-full);color:var(--neutral-700);font-weight:var(--font-medium);white-space:nowrap;transition:all .2s ease;flex-shrink:0}.learn-mycourses-filter-button:hover{background-color:var(--neutral-200)}.learn-mycourses-filter-button.active{background-color:var(--primary-500);border-color:var(--primary-600);color:#fff}.learn-mycourses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.learn-mycourses-item{height:100%}.learn-mycourses-empty{grid-column:1 / -1;background-color:var(--neutral-100);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--neutral-600);border:1px dashed var(--neutral-300)}@media (max-width: 1024px){.learn-mycourses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.learn-mycourses-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}}@media (max-width: 576px){.learn-mycourses-grid{grid-template-columns:1fr}.learn-mycourses-filter-button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}.mycalendar-container{max-width:1280px;margin:0 auto;padding:var(--space-4)}.mycalendar-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6)}.mycalendar-main{min-width:0}.mycalendar-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.mycalendar-remainder{background-color:var(--neutral-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4)}.mycalendar-remainder-title{margin-bottom:var(--space-4);color:var(--neutral-900);font-size:var(--text-xl)}.mycalendar-remainder-list{display:flex;flex-direction:column;gap:var(--space-3)}.mycalendar-remainder-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background-color:#fff;transition:transform .2s ease}.mycalendar-remainder-item:hover{transform:translate(4px)}.mycalendar-type-deadline .mycalendar-remainder-icon{color:var(--error-500)}.mycalendar-type-submission .mycalendar-remainder-icon{color:var(--success-500)}.mycalendar-type-event .mycalendar-remainder-icon{color:var(--primary-500)}.mycalendar-type-feedback .mycalendar-remainder-icon{color:var(--accent-500)}.mycalendar-remainder-content{flex:1}.mycalendar-remainder-event-title{margin:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--neutral-800)}.mycalendar-remainder-date{margin:0;font-size:var(--text-sm);color:var(--neutral-500)}.mycalendar-remainder-delete{background:none;border:none;color:var(--neutral-400);font-size:var(--text-xl);cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-full);transition:all .2s ease}.mycalendar-remainder-delete:hover{background-color:var(--error-50);color:var(--error-500)}.mycalendar-remainder-empty{text-align:center;padding:var(--space-6);color:var(--neutral-500);background-color:var(--neutral-100);border-radius:var(--radius-md);font-style:italic}.mycalendar-legend{background-color:var(--neutral-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4)}.mycalendar-legend-title{margin-bottom:var(--space-4);color:var(--neutral-900);font-size:var(--text-lg)}.mycalendar-legend-items{display:flex;flex-direction:column;gap:var(--space-3)}.mycalendar-legend-item{display:flex;align-items:center;gap:var(--space-2)}.mycalendar-legend-color{width:12px;height:12px;border-radius:var(--radius-full)}.mycalendar-color-deadline{background-color:var(--error-500)}.mycalendar-color-submission{background-color:var(--success-500)}.mycalendar-color-event{background-color:var(--primary-500)}.mycalendar-color-feedback{background-color:var(--accent-500)}@media (max-width: 1024px){.mycalendar-grid{grid-template-columns:1fr 250px;gap:var(--space-4)}}@media (max-width: 768px){.mycalendar-grid{grid-template-columns:1fr}.mycalendar-sidebar{gap:var(--space-4)}}@media (max-width: 576px){.mycalendar-container{padding:var(--space-2)}.mycalendar-remainder,.mycalendar-legend{padding:var(--space-3)}}.myprogress-container{max-width:1280px;margin:0 auto;padding:var(--space-4)}.myprogress-header{margin-bottom:var(--space-8);text-align:center}.myprogress-title{font-size:var(--text-3xl);color:var(--neutral-900);margin-bottom:var(--space-2)}.myprogress-subtitle{color:var(--neutral-600);font-size:var(--text-lg)}.myprogress-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-md)}.myprogress-section-title{font-size:var(--text-xl);color:var(--neutral-900);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-200)}.myprogress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.myprogress-stat-card{background:var(--neutral-50);padding:var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-4)}.myprogress-stat-card svg{color:var(--primary-500)}.myprogress-stat-content h3{font-size:var(--text-sm);color:var(--neutral-600);margin:0}.myprogress-stat-content p{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900);margin:0}.myprogress-monthly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.myprogress-monthly-card{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));padding:var(--space-4);border-radius:var(--radius-md);color:#fff;text-align:center}.myprogress-monthly-card h3{font-size:var(--text-sm);margin:0 0 var(--space-2);opacity:.9}.myprogress-monthly-number{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.myprogress-habits-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.myprogress-habit-item{background:var(--neutral-50);padding:var(--space-4);border-radius:var(--radius-md);text-align:center}.myprogress-habit-item h3{font-size:var(--text-sm);color:var(--neutral-600);margin:0 0 var(--space-2)}.myprogress-habit-item p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--neutral-900);margin:0}.myprogress-skills-container{display:flex;flex-direction:column;gap:var(--space-4)}.myprogress-skill-item{background:var(--neutral-50);padding:var(--space-4);border-radius:var(--radius-md)}.myprogress-skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.myprogress-skill-header h3{font-size:var(--text-base);margin:0}.myprogress-skill-header span{font-weight:var(--font-medium);color:var(--primary-600)}.myprogress-skill-bar{height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.myprogress-skill-progress{height:100%;background:linear-gradient(to right,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);transition:width .3s ease}.myprogress-achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.myprogress-achievement-card{display:flex;align-items:center;gap:var(--space-3);background:var(--neutral-50);padding:var(--space-3);border-radius:var(--radius-md)}.myprogress-achievement-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600)}.myprogress-achievement-content{flex:1}.myprogress-achievement-content h3{font-size:var(--text-base);margin:0 0 var(--space-1)}.myprogress-achievement-content p{font-size:var(--text-sm);color:var(--neutral-500);margin:0}@media (max-width: 768px){.myprogress-container{padding:var(--space-2)}.myprogress-section{padding:var(--space-4)}.myprogress-stats-grid,.myprogress-monthly-grid,.myprogress-habits-container,.myprogress-achievements-grid{grid-template-columns:1fr}}@media (max-width: 576px){.myprogress-title{font-size:var(--text-2xl)}.myprogress-subtitle{font-size:var(--text-base)}.myprogress-section-title{font-size:var(--text-lg)}}.coursedetail-container{max-width:1280px;margin:0 auto;padding:var(--space-4)}.coursedetail-header{background-color:var(--neutral-100);padding:var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between}.coursedetail-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.coursedetail-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.coursedetail-stat{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-600)}.coursedetail-title-section{margin-bottom:var(--space-6)}.coursedetail-title-section h2{font-size:clamp(1.5rem,4vw,2.25rem);margin-bottom:var(--space-2)}.coursedetail-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-top:var(--space-4)}.coursedetail-instructor a{color:var(--primary-600);text-decoration:none}.coursedetail-rating{display:flex;align-items:center;gap:var(--space-2)}.coursedetail-stars{display:flex;gap:2px}.coursedetail-grid{display:grid;grid-template-columns:1fr 350px;gap:var(--space-6)}.coursedetail-main{width:100%;min-width:0;overflow:hidden}.coursedetail-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid #e8e1e1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;white-space:nowrap}.coursedetail-tabs::-webkit-scrollbar{display:none}.coursedetail-tab{padding:var(--space-3) var(--space-4);border:none;background:none;color:var(--neutral-600);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s ease;flex-shrink:0}.coursedetail-tab:hover{color:var(--primary-600)}.coursedetail-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.coursedetail-description{color:var(--neutral-700);line-height:1.6}.coursedetail-modules{display:flex;flex-direction:column;gap:var(--space-2)}.coursedetail-module{border:1px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden}.coursedetail-module-header{padding:var(--space-4);background-color:var(--neutral-50);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.coursedetail-lessons{padding:var(--space-2);background-color:#f8f4f4}.coursedetail-lesson{padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);color:var(--neutral-700)}.coursedetail-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.coursedetail-review{background-color:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;gap:var(--space-4)}.coursedetail-review img{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover}.coursedetail-review-content{flex:1}.coursedetail-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.coursedetail-review-stars{display:flex;gap:2px;margin-bottom:var(--space-2)}.coursedetail-review-text{color:var(--neutral-600);font-size:var(--text-sm);line-height:1.6}.coursedetail-review-date{color:var(--neutral-500);font-size:var(--text-xs)}.coursedetail-locked{text-align:center;padding:var(--space-8);color:var(--neutral-500);background-color:var(--neutral-50);border-radius:var(--radius-lg)}.coursedetail-locked svg{margin-bottom:var(--space-4);color:var(--neutral-400)}.coursedetail-card{position:sticky;top:var(--space-4);background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.coursedetail-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.coursedetail-card-content{padding:var(--space-4)}.coursedetail-price{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.coursedetail-current-price{font-size:var(--text-2xl);font-weight:var(--font-bold)}.coursedetail-original-price{color:var(--neutral-500);text-decoration:line-through}.coursedetail-limited-offer{display:flex;align-items:center;gap:var(--space-2);color:var(--error-600);margin-bottom:var(--space-4)}.coursedetail-buy-button{width:100%;padding:var(--space-3);background-color:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);margin-bottom:var(--space-4);transition:background-color .2s ease}.coursedetail-buy-button:hover{background-color:var(--primary-700)}.coursedetail-card-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.coursedetail-action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:none;color:var(--neutral-700);transition:all .2s ease}.coursedetail-action-button:hover{background-color:var(--neutral-100)}.coursedetail-includes{margin-bottom:var(--space-4)}.coursedetail-includes h4{margin-bottom:var(--space-3)}.coursedetail-includes ul{list-style:none;padding:0}.coursedetail-includes li{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--neutral-700)}.coursedetail-guarantee{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-600);margin-bottom:var(--space-4)}.coursedetail-apply-coupon{display:flex;gap:var(--space-2)}.coursedetail-apply-coupon input{flex:1;padding:var(--space-2);border:1px solid var(--neutral-300);border-radius:var(--radius-md)}.coursedetail-apply-coupon button{padding:var(--space-2) var(--space-4);background-color:var(--neutral-800);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-medium)}@media (max-width: 1024px){.coursedetail-grid{grid-template-columns:1fr 300px;gap:var(--space-4)}.coursedetail-reviews{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.coursedetail-grid{grid-template-columns:1fr}.coursedetail-card{position:static;margin-bottom:var(--space-6)}.coursedetail-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.coursedetail-reviews{grid-template-columns:1fr}}@media (max-width: 576px){.coursedetail-container{padding:var(--space-2)}.coursedetail-header{padding:var(--space-3)}.coursedetail-stats{flex-direction:column;gap:var(--space-2)}.coursedetail-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.coursedetail-module-header{padding:var(--space-3)}.coursedetail-lesson{padding:var(--space-2);font-size:var(--text-sm)}.coursedetail-card-content{padding:var(--space-3)}.coursedetail-current-price{font-size:var(--text-xl)}.coursedetail-includes li{font-size:var(--text-sm)}}.xerospace-course-learning-container{display:flex;min-height:100vh;background-color:var(--neutral-900);color:var(--neutral-100)}.xerospace-course-learning-main{flex:1;min-width:0}.xerospace-course-learning-video{width:100%;background-color:#000}.xerospace-course-learning-video-container{position:relative;width:100%;padding-top:56.25%}.xerospace-course-learning-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--neutral-800)}.xerospace-course-learning-video-controls{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2);background:linear-gradient(transparent,#000c)}.xerospace-course-learning-video-progress{width:100%;height:4px;background-color:#fff3;margin-bottom:var(--space-2);cursor:pointer}.xerospace-course-learning-progress-bar{height:100%;background-color:var(--primary-500)}.xerospace-course-learning-controls-main{display:flex;align-items:center;gap:var(--space-2)}.xerospace-course-learning-controls-main button{background:none;border:none;color:#fff;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:background-color .2s ease}.xerospace-course-learning-controls-main button:hover{background-color:#ffffff1a}.xerospace-course-learning-video-time{color:#fff;font-size:var(--text-sm);margin:0 var(--space-2)}.xerospace-course-learning-tabs{display:flex;gap:var(--space-2);padding:var(--space-4);background-color:var(--neutral-800);border-bottom:1px solid var(--neutral-700);overflow-x:auto;scrollbar-width:none}.xerospace-course-learning-tabs::-webkit-scrollbar{display:none}.xerospace-course-learning-tab-button{padding:var(--space-2) var(--space-4);background:none;border:none;color:var(--neutral-400);font-size:var(--text-base);cursor:pointer;white-space:nowrap;transition:color .2s ease}.xerospace-course-learning-tab-button:hover{color:var(--neutral-100)}.xerospace-course-learning-tab-button.active{color:var(--primary-500);border-bottom:2px solid var(--primary-500)}.xerospace-course-learning-content{padding:var(--space-4)}.xerospace-course-learning-tab-overview h2,.xerospace-course-learning-notes-form{margin-bottom:var(--space-4)}.xerospace-course-learning-notes-form textarea{width:100%;padding:var(--space-3);background-color:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:var(--radius-md);color:var(--neutral-100);margin-bottom:var(--space-2);resize:vertical}.xerospace-course-learning-notes-form button{padding:var(--space-2) var(--space-4);background-color:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease}.xerospace-course-learning-notes-form button:hover{background-color:var(--primary-600)}.xerospace-course-learning-note-item{background-color:var(--neutral-800);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.xerospace-course-learning-note-timestamp{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-1)}.xerospace-course-learning-review-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--neutral-700)}.xerospace-course-learning-review-item img{width:48px;height:48px;border-radius:var(--radius-full)}.xerospace-course-learning-review-content h4{margin-bottom:var(--space-1)}.xerospace-course-learning-sidebar{width:400px;background-color:var(--neutral-800);border-left:1px solid var(--neutral-700);overflow-y:auto}.xerospace-course-learning-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--neutral-700)}.xerospace-course-learning-course-progress{margin-top:var(--space-2)}.xerospace-course-learning-progress-text{font-size:var(--text-sm);color:var(--neutral-400);margin-bottom:var(--space-2)}.xerospace-course-learning-progress-bar{height:4px;background-color:var(--neutral-700);border-radius:var(--radius-full)}.xerospace-course-learning-progress-fill{height:100%;background-color:var(--primary-500);border-radius:var(--radius-full);transition:width .3s ease}.xerospace-course-learning-course-section{border-bottom:1px solid var(--neutral-700)}.xerospace-course-learning-section-header{width:100%;padding:var(--space-4);background:none;border:none;color:var(--neutral-100);display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;text-align:left}.xerospace-course-learning-section-title{flex:1}.xerospace-course-learning-section-title h3{margin:0;margin-bottom:var(--space-1)}.xerospace-course-learning-section-meta{font-size:var(--text-sm);color:var(--neutral-400)}.xerospace-course-learning-section-icon{transition:transform .3s ease}.xerospace-course-learning-section-icon.rotated{transform:rotate(180deg)}.xerospace-course-learning-section-lessons{padding:var(--space-2)}.xerospace-course-learning-lesson-item{width:100%;padding:var(--space-3);background:none;border:none;color:var(--neutral-300);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;border-radius:var(--radius-md);transition:background-color .2s ease}.xerospace-course-learning-lesson-item:hover{background-color:var(--neutral-700)}.xerospace-course-learning-lesson-item.active{background-color:var(--primary-900);color:var(--primary-300)}.xerospace-course-learning-lesson-item.completed{color:var(--neutral-100)}.xerospace-course-learning-lesson-icon{flex-shrink:0}.xerospace-course-learning-lesson-icon.completed{color:var(--primary-500)}.xerospace-course-learning-lesson-details{flex:1;display:flex;flex-direction:column}.xerospace-course-learning-lesson-title{margin-bottom:var(--space-1)}.xerospace-course-learning-lesson-duration{font-size:var(--text-sm);color:var(--neutral-500)}@media (max-width: 1024px){.xerospace-course-learning-container{flex-direction:column}.xerospace-course-learning-sidebar{width:100%;border-left:none;border-top:1px solid var(--neutral-700)}}@media (max-width: 768px){.xerospace-course-learning-tabs{padding:var(--space-2)}.xerospace-course-learning-tab-button{padding:var(--space-2);font-size:var(--text-sm)}.xerospace-course-learning-content{padding:var(--space-2)}.xerospace-course-learning-section-header{padding:var(--space-3)}.xerospace-course-learning-lesson-item{padding:var(--space-2)}}@media (max-width: 576px){.xerospace-course-learning-controls-main{gap:var(--space-1)}.xerospace-course-learning-video-time,.xerospace-course-learning-section-meta{display:none}}.fullscreen-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--neutral-100)}.fullscreen-content{flex:1;height:calc(100vh - 64px);overflow:hidden}.stat-card{display:flex;align-items:flex-start;gap:var(--devdash-spacing-md);padding:var(--devdash-spacing-lg);transition:var(--devdash-transition-normal)}.stat-card:hover{transform:translateY(-4px)}.stat-card-icon{width:48px;height:48px;border-radius:var(--devdash-border-radius-md);background-color:#3672e91a;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card-content{flex:1}.stat-card-title{font-size:14px;color:var(--devdash-gray);margin-bottom:var(--devdash-spacing-xs)}.stat-card-value{font-size:24px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-xs)}.stat-card-trend{font-size:12px;display:flex;align-items:center;gap:4px}.stat-card-trend-period{color:var(--devdash-gray);margin-left:4px}.course-card{display:flex;flex-direction:column;overflow:hidden;transition:var(--devdash-transition-normal);height:100%}.course-card:hover{transform:translateY(-4px)}.course-card-thumbnail{position:relative;height:160px;overflow:hidden;border-radius:var(--devdash-border-radius-sm) var(--devdash-border-radius-sm) 0 0}.course-card-thumbnail img{width:100%;height:100%;object-fit:fill;transition:var(--devdash-transition-normal)}.course-card:hover .course-card-thumbnail img{transform:scale(1.05)}.course-card-price{position:absolute;top:var(--devdash-spacing-md);right:var(--devdash-spacing-md);background-color:var(--devdash-primary);color:var(--devdash-white);padding:var(--devdash-spacing-xs) var(--devdash-spacing-sm);border-radius:var(--devdash-border-radius-sm);font-weight:600;font-size:14px}.course-card-content{padding:var(--devdash-spacing-md);flex:1;display:flex;flex-direction:column}.course-card-title{font-size:18px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-sm);line-height:1.3}.course-card-description{font-size:14px;color:var(--devdash-gray);margin-bottom:var(--devdash-spacing-md);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.course-card-stats{display:flex;justify-content:space-between;margin-top:auto}.course-card-stat{display:flex;flex-direction:column;align-items:center;font-size:12px}.course-card-stat-value{font-weight:600;color:var(--devdash-dark-gray)}.course-card-footer{padding:var(--devdash-spacing-md);background-color:var(--devdash-lighter-gray);display:flex;justify-content:space-between;gap:var(--devdash-spacing-md)}.course-card-button{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--devdash-spacing-sm);border-radius:var(--devdash-border-radius-sm);font-size:14px;font-weight:500;transition:var(--devdash-transition-fast);background-color:var(--devdash-white);color:var(--devdash-primary);border:1px solid var(--devdash-primary)}.course-card-button:hover{background-color:var(--devdash-primary);color:var(--devdash-white)}.dashboard{width:100%}.dashboard-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--devdash-spacing-xl)}.dashboard-create-button{padding:var(--devdash-spacing-sm) var(--devdash-spacing-lg);font-weight:500}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--devdash-spacing-lg)}.dashboard-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--devdash-spacing-lg);margin-top:var(--devdash-spacing-lg)}.dashboard-sort{display:flex;align-items:center}.dashboard-sort label{margin-right:var(--devdash-spacing-sm);color:var(--devdash-gray);font-size:14px}.dashboard-sort-select{padding:var(--devdash-spacing-xs) var(--devdash-spacing-sm);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);background-color:var(--devdash-white);color:var(--devdash-dark-gray);font-size:14px}.dashboard-sort-select:focus{outline:none;border-color:var(--devdash-primary)}.dashboard-action-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--devdash-spacing-md);margin-top:var(--devdash-spacing-md)}.dashboard-action-button{background-color:var(--devdash-white);border-radius:var(--devdash-border-radius-md);padding:var(--devdash-spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--devdash-shadow-sm);transition:var(--devdash-transition-fast);gap:var(--devdash-spacing-md)}.dashboard-action-button:hover{transform:translateY(-4px);box-shadow:var(--devdash-shadow-md)}.dashboard-action-icon{font-size:24px;margin-bottom:var(--devdash-spacing-xs)}.dashboard-action-text{font-weight:500;color:var(--devdash-dark-gray)}@media (max-width: 1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--devdash-spacing-md)}.dashboard-stats-grid,.dashboard-action-buttons{grid-template-columns:1fr}}.dashboard-tasks-notifications{display:flex;gap:24px;margin:32px 0;flex-wrap:wrap}@media (max-width: 900px){.dashboard-tasks-notifications{flex-direction:column;gap:16px}}.tasklist-container{background:#fff;border-radius:24px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #0001;flex:1 1 350px;min-width:280px}.tasklist-title{font-size:2rem;font-weight:700}.tasklist-subtitle{font-size:1.1rem;margin-bottom:16px}.tasklist-list{margin-bottom:16px}.tasklist-item{display:flex;align-items:center;border-bottom:1px solid #eee;padding:12px 0}.tasklist-info{flex:1;margin-left:12px}.tasklist-desc{display:block;color:#888;font-size:.95rem}.tasklist-status.processing{color:#7c3aed;border:1px solid #7c3aed;border-radius:16px;padding:2px 12px;margin-left:8px}.tasklist-status.pending{color:#d97706;border:1px solid #d97706;border-radius:16px;padding:2px 12px;margin-left:8px}.tasklist-progress{display:flex;align-items:center;margin-top:6px}.tasklist-progress-bar{height:6px;background:#60a5fa;border-radius:3px;margin-right:8px;min-width:60px}.tasklist-progress-label{font-size:.9rem;color:#555}.tasklist-footer{color:#bbb;font-size:1rem;margin-top:12px}.xero-notification-panel{background:#fff;border-radius:24px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #0001;flex:1 1 250px;min-width:220px;max-width:320px}.xero-notification-title{font-size:2rem;font-weight:700}.xero-notification-list{margin:16px 0}.xero-notification-item{display:flex;align-items:center;margin-bottom:12px}.xero-notification-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px}.xero-notification-user{font-weight:500}.xero-notification-message{color:#666;font-size:.98rem}.xero-notification-footer{text-align:right}.xero-notification-footer a{color:#6366f1;text-decoration:none;font-weight:500}.course-details-form{width:100%}.form-section-title{font-size:20px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-sm)}.form-section-description{font-size:14px;color:var(--devdash-gray);margin-bottom:var(--devdash-spacing-xl)}.form-group{margin-bottom:var(--devdash-spacing-lg)}.form-row{display:flex;gap:var(--devdash-spacing-lg)}.form-row .form-group{flex:1}.form-label{display:block;font-size:14px;font-weight:500;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--devdash-spacing-sm) var(--devdash-spacing-md);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);font-size:16px;transition:var(--devdash-transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--devdash-primary);box-shadow:0 0 0 2px #3672e933}.form-textarea{resize:vertical;min-height:120px}.form-error{color:var(--devdash-error);font-size:12px;margin-top:var(--devdash-spacing-xs)}.thumbnail-upload{display:flex;gap:var(--devdash-spacing-lg);align-items:flex-start}.thumbnail-preview{width:240px;height:135px;border-radius:var(--devdash-border-radius-sm);overflow:hidden;background-color:var(--devdash-lighter-gray);display:flex;align-items:center;justify-content:center;border:1px solid var(--devdash-lighter-gray)}.thumbnail-preview img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--devdash-gray)}.thumbnail-placeholder-icon{font-size:32px;margin-bottom:var(--devdash-spacing-sm)}.thumbnail-placeholder-text{font-size:12px}.thumbnail-controls{flex:1}.thumbnail-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.thumbnail-button{display:inline-block;padding:var(--devdash-spacing-sm) var(--devdash-spacing-md);background-color:var(--devdash-primary);color:var(--devdash-white);border-radius:var(--devdash-border-radius-sm);cursor:pointer;transition:var(--devdash-transition-fast);margin-bottom:var(--devdash-spacing-sm)}.thumbnail-button:hover{background-color:var(--devdash-primary-dark)}.thumbnail-help-text{font-size:12px;color:var(--devdash-gray)}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--devdash-spacing-md)}.thumbnail-upload{flex-direction:column}.thumbnail-preview{width:100%;height:180px;margin-bottom:var(--devdash-spacing-md)}}.course-modules-form{width:100%}.modules-container{display:flex;gap:var(--devdash-spacing-lg);margin-top:var(--devdash-spacing-lg)}.modules-sidebar{width:280px;flex-shrink:0;border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-md);overflow:hidden;display:flex;flex-direction:column}.modules-list{flex:1;overflow-y:auto;max-height:400px}.module-item{display:flex;align-items:center;justify-content:space-between;padding:var(--devdash-spacing-sm) var(--devdash-spacing-md);border-bottom:1px solid var(--devdash-lighter-gray);cursor:pointer;transition:var(--devdash-transition-fast)}.module-item:hover{background-color:#3672e90d}.module-item.active{background-color:#3672e91a;border-left:3px solid var(--devdash-primary)}.module-item-content{display:flex;align-items:center;gap:var(--devdash-spacing-sm);flex:1;min-width:0}.module-item-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--devdash-primary);color:var(--devdash-white);font-size:12px;font-weight:600;flex-shrink:0}.module-item-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-item-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--devdash-gray);font-size:18px;visibility:hidden;opacity:0;transition:var(--devdash-transition-fast)}.module-item:hover .module-item-delete{visibility:visible;opacity:1}.module-item-delete:hover{background-color:#e74c3c1a;color:var(--devdash-error)}.module-add-button{margin:var(--devdash-spacing-md)}.module-editor{flex:1;border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-md);padding:var(--devdash-spacing-lg)}.module-editor-header{margin-bottom:var(--devdash-spacing-lg);padding-bottom:var(--devdash-spacing-md);border-bottom:1px solid var(--devdash-lighter-gray)}.module-editor-title{font-size:18px;font-weight:600;color:var(--devdash-dark-gray)}.module-editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:var(--devdash-gray)}.module-editor-empty p{margin-bottom:var(--devdash-spacing-md)}.module-videos{margin-top:var(--devdash-spacing-lg)}.module-videos-title{font-size:16px;font-weight:600;margin-bottom:var(--devdash-spacing-md);padding-bottom:var(--devdash-spacing-sm);border-bottom:1px solid var(--devdash-lighter-gray)}.video-item{background-color:var(--devdash-white);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);margin-bottom:var(--devdash-spacing-sm);overflow:hidden}.video-item-content{display:flex;align-items:center;justify-content:space-between;padding:var(--devdash-spacing-md)}.video-item-info{display:flex;align-items:center;gap:var(--devdash-spacing-md);flex:1;min-width:0}.video-item-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--devdash-secondary);color:var(--devdash-white);font-size:12px;font-weight:600;flex-shrink:0}.video-item-details{flex:1;min-width:0}.video-item-title{font-size:14px;font-weight:500;margin-bottom:2px}.video-item-url{font-size:12px;color:var(--devdash-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-item-duration{display:inline-block;font-size:12px;padding:2px 6px;background-color:#3672e91a;color:var(--devdash-primary);border-radius:var(--devdash-border-radius-sm);margin-top:4px}.video-item-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--devdash-gray);font-size:18px;transition:var(--devdash-transition-fast)}.video-item-delete:hover{background-color:#e74c3c1a;color:var(--devdash-error)}.video-form{margin-top:var(--devdash-spacing-md);background-color:#3672e90d;padding:var(--devdash-spacing-md);border-radius:var(--devdash-border-radius-sm)}.video-form .form-row{margin-bottom:var(--devdash-spacing-md)}.video-form .form-group{margin-bottom:0}@media (max-width: 992px){.modules-container{flex-direction:column}.modules-sidebar{width:100%}}@media (max-width: 768px){.video-form .form-row{flex-direction:column}.video-form .form-group{margin-bottom:var(--devdash-spacing-sm)}}.course-settings-form{width:100%}.radio-group{display:flex;flex-direction:column;gap:var(--devdash-spacing-md)}.radio-label{display:flex;align-items:flex-start;position:relative;padding:var(--devdash-spacing-md);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);cursor:pointer;transition:var(--devdash-transition-fast)}.radio-label:hover{background-color:#3672e90d}.radio-input{margin-right:var(--devdash-spacing-md);margin-top:3px;accent-color:var(--devdash-primary)}.radio-text{font-weight:500;color:var(--devdash-dark-gray);margin-right:var(--devdash-spacing-sm)}.radio-description{font-size:14px;color:var(--devdash-gray)}.radio-label input:checked+.radio-text{color:var(--devdash-primary)}.radio-label input:checked~.radio-description{color:var(--devdash-dark-gray)}.radio-label input:checked{background-color:var(--devdash-primary)}.radio-label input:checked+.radio-text+.radio-description{color:var(--devdash-dark-gray)}.tags-input-container{display:flex;flex-direction:column;gap:var(--devdash-spacing-sm)}.tags-display{display:flex;flex-wrap:wrap;gap:var(--devdash-spacing-sm);min-height:40px;padding:var(--devdash-spacing-sm);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm)}.tag-item{display:flex;align-items:center;background-color:#3672e91a;color:var(--devdash-primary);border-radius:var(--devdash-border-radius-sm);padding:4px 8px;font-size:14px}.tag-text{margin-right:4px}.tag-remove{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--devdash-primary);font-size:12px;transition:var(--devdash-transition-fast)}.tag-remove:hover{background-color:#3672e933}.tags-input-wrapper{display:flex;gap:var(--devdash-spacing-sm)}.tags-input{flex:1;padding:var(--devdash-spacing-sm) var(--devdash-spacing-md);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);font-size:14px}.tags-input:focus{outline:none;border-color:var(--devdash-primary);box-shadow:0 0 0 2px #3672e933}.tags-add-button{padding:var(--devdash-spacing-sm) var(--devdash-spacing-md);background-color:var(--devdash-primary);color:var(--devdash-white);border-radius:var(--devdash-border-radius-sm);font-size:14px;transition:var(--devdash-transition-fast)}.tags-add-button:hover{background-color:var(--devdash-primary-dark)}.tags-help-text{font-size:12px;color:var(--devdash-gray);margin-top:var(--devdash-spacing-xs)}.course-preview{width:100%}.preview-section{margin-bottom:var(--devdash-spacing-xl)}.preview-section-title{font-size:18px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-md);padding-bottom:var(--devdash-spacing-xs);border-bottom:1px solid var(--devdash-lighter-gray)}.preview-card{background-color:var(--devdash-white);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-md);overflow:hidden}.preview-course-header{display:flex;align-items:flex-start;gap:var(--devdash-spacing-lg);padding:var(--devdash-spacing-lg);border-bottom:1px solid var(--devdash-lighter-gray)}.preview-thumbnail{width:240px;height:135px;object-fit:cover;border-radius:var(--devdash-border-radius-sm);flex-shrink:0}.preview-thumbnail-placeholder{width:240px;height:135px;background-color:var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--devdash-gray);font-size:14px;flex-shrink:0}.preview-course-info{flex:1;min-width:0}.preview-course-title{font-size:24px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-sm);line-height:1.3}.preview-course-category{display:inline-block;padding:4px 8px;background-color:#3672e91a;color:var(--devdash-primary);border-radius:var(--devdash-border-radius-sm);font-size:14px;margin-bottom:var(--devdash-spacing-sm)}.preview-course-price{font-size:20px;font-weight:600;color:var(--devdash-dark-gray)}.preview-course-description{padding:var(--devdash-spacing-lg);line-height:1.6;color:var(--devdash-gray)}.preview-modules{padding:var(--devdash-spacing-md)}.preview-module{margin-bottom:var(--devdash-spacing-md);padding-bottom:var(--devdash-spacing-md);border-bottom:1px solid var(--devdash-lighter-gray)}.preview-module:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.preview-module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--devdash-spacing-sm)}.preview-module-title{font-size:18px;font-weight:600;color:var(--devdash-dark-gray)}.preview-module-number{color:var(--devdash-primary)}.preview-module-videos-count{font-size:14px;padding:2px 8px;background-color:#3672e91a;color:var(--devdash-primary);border-radius:var(--devdash-border-radius-sm)}.preview-module-description{font-size:14px;color:var(--devdash-gray);margin-bottom:var(--devdash-spacing-md)}.preview-videos-list{background-color:#3672e90d;border-radius:var(--devdash-border-radius-sm);padding:var(--devdash-spacing-sm)}.preview-video-item{display:flex;align-items:center;padding:var(--devdash-spacing-sm);background-color:var(--devdash-white);border-radius:var(--devdash-border-radius-sm);margin-bottom:var(--devdash-spacing-xs)}.preview-video-item:last-child{margin-bottom:0}.preview-video-number{margin-right:var(--devdash-spacing-sm);color:var(--devdash-primary);font-weight:600}.preview-video-info{display:flex;justify-content:space-between;align-items:center;flex:1}.preview-video-title{font-size:14px;font-weight:500}.preview-video-duration{font-size:12px;color:var(--devdash-gray);padding:2px 6px;background-color:var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm)}.preview-empty-state{padding:var(--devdash-spacing-xl);text-align:center;color:var(--devdash-gray)}.preview-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--devdash-spacing-lg);padding:var(--devdash-spacing-lg)}.preview-setting-label{font-size:14px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-xs)}.preview-setting-value{font-size:16px;color:var(--devdash-gray)}.preview-setting-badge{display:inline-block;padding:4px 8px;border-radius:var(--devdash-border-radius-sm);font-size:14px}.visibility-public{background-color:#2ecc711a;color:var(--devdash-success)}.visibility-private{background-color:#e74c3c1a;color:var(--devdash-error)}.visibility-unlisted{background-color:#f1c40f1a;color:var(--devdash-warning)}.access-free{background-color:#2ecc711a;color:var(--devdash-success)}.access-paid{background-color:#3672e91a;color:var(--devdash-primary)}.access-subscription{background-color:#34d1bf1a;color:var(--devdash-secondary)}.preview-tags{display:flex;flex-wrap:wrap;gap:var(--devdash-spacing-xs)}.preview-tag{display:inline-block;padding:4px 8px;background-color:#3672e91a;color:var(--devdash-primary);border-radius:var(--devdash-border-radius-sm);font-size:14px}.preview-publish-notice{display:flex;align-items:center;gap:var(--devdash-spacing-lg);padding:var(--devdash-spacing-lg);background-color:#f1c40f1a;border-radius:var(--devdash-border-radius-md);margin-bottom:var(--devdash-spacing-lg)}.preview-publish-icon{font-size:32px}.preview-publish-text h4{font-size:18px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-xs)}.preview-publish-text p{font-size:14px;color:var(--devdash-gray)}@media (max-width: 768px){.preview-course-header{flex-direction:column}.preview-thumbnail,.preview-thumbnail-placeholder{width:100%;height:auto;aspect-ratio:16/9}.preview-settings-grid{grid-template-columns:1fr}.preview-publish-notice{flex-direction:column;text-align:center}}.create-course{width:100%}.create-course-progress{display:flex;align-items:center;justify-content:space-between;position:relative;background:transparent;padding:40px 0 20px}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1 1 0}.progress-step-number{width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid #e5e7eb;color:#222;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;margin-bottom:8px;z-index:2;transition:all .3s}.progress-step-title{color:#3672e9;font-weight:500;font-size:16px}.progress-step.completed .progress-step-number,.progress-step.active .progress-step-number{background:#2ecc71;border-color:#2ecc71;color:#fff}.progress-step.active .progress-step-number{background:#3672e9;border-color:#3672e9}.progress-step.completed .progress-step-title{color:#2ecc71}.progress-step:not(.completed):not(.active) .progress-step-title{color:#6b7280}.progress-connector{flex:1 1 0;height:4px;background:#e5e7eb;margin:0 4px;border-radius:2px;position:relative;top:-16px;z-index:1;transition:background .3s}.progress-connector.completed{background:#3672e9}.create-course-container{padding:var(--devdash-spacing-xl);margin-bottom:var(--devdash-spacing-xl)}.create-course-actions{display:flex;justify-content:flex-end;gap:var(--devdash-spacing-md);margin-top:var(--devdash-spacing-xl);padding-top:var(--devdash-spacing-lg);border-top:1px solid var(--devdash-lighter-gray)}@media (max-width: 768px){.create-course-progress{flex-wrap:wrap;gap:var(--devdash-spacing-md)}.create-course-progress:before{display:none}.progress-step{width:48%}.create-course-container{padding:var(--devdash-spacing-md)}}.create-course-progress:after{width:var(--progress-width)}.xerospace-courses-manage{width:100%}.xerospace-courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--devdash-spacing-lg)}.xerospace-courses-filters{display:flex;justify-content:space-between;align-items:center;padding:var(--devdash-spacing-md) var(--devdash-spacing-lg);margin-bottom:var(--devdash-spacing-lg)}.xerospace-courses-filter-group,.xerospace-courses-search-group,.xerospace-courses-sort-group{display:flex;align-items:center}.xerospace-courses-filter-label,.xerospace-courses-sort-label{font-size:14px;font-weight:500;color:var(--devdash-dark-gray);margin-right:var(--devdash-spacing-sm)}.xerospace-courses-filter-buttons{display:flex;gap:var(--devdash-spacing-xs)}.xerospace-courses-filter-button{padding:var(--devdash-spacing-xs) var(--devdash-spacing-md);border-radius:var(--devdash-border-radius-sm);font-size:14px;color:var(--devdash-gray);background-color:transparent;border:1px solid var(--devdash-lighter-gray);transition:var(--devdash-transition-fast)}.xerospace-courses-filter-button:hover{border-color:var(--devdash-primary);color:var(--devdash-primary)}.xerospace-courses-filter-button.xerospace-courses-active{background-color:var(--devdash-primary);color:var(--devdash-white);border-color:var(--devdash-primary)}.xerospace-courses-search-input{padding:var(--devdash-spacing-sm) var(--devdash-spacing-md);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);width:240px;font-size:14px}.xerospace-courses-search-input:focus{outline:none;border-color:var(--devdash-primary);box-shadow:0 0 0 2px #3672e933}.xerospace-courses-sort-select{padding:var(--devdash-spacing-xs) var(--devdash-spacing-md);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);font-size:14px;color:var(--devdash-dark-gray)}.xerospace-courses-sort-select:focus{outline:none;border-color:var(--devdash-primary)}.xerospace-courses-table-container{overflow-x:auto}.xerospace-courses-table{width:100%;border-collapse:collapse}.xerospace-courses-table th,.xerospace-courses-table td{text-align:left;padding:var(--devdash-spacing-md);border-bottom:1px solid var(--devdash-lighter-gray)}.xerospace-courses-table th{font-weight:600;color:var(--devdash-dark-gray);background-color:var(--devdash-lighter-gray)}.xerospace-courses-table tr:hover{background-color:#3672e90d}.xerospace-courses-title-cell{display:flex;align-items:center;gap:var(--devdash-spacing-md)}.xerospace-courses-thumbnail{width:60px;height:40px;object-fit:cover;border-radius:var(--devdash-border-radius-sm)}.xerospace-courses-title-text{font-weight:500;color:var(--devdash-dark-gray);margin-bottom:2px}.xerospace-courses-modules{font-size:12px;color:var(--devdash-gray)}.xerospace-courses-status-badge{display:inline-block;padding:4px 8px;border-radius:var(--devdash-border-radius-sm);font-size:12px;font-weight:500}.xerospace-courses-status-published{background-color:#2ecc7133;color:var(--devdash-success)}.xerospace-courses-status-draft{background-color:#f1c40f33;color:var(--devdash-warning)}.xerospace-courses-stats-cell{display:flex;gap:var(--devdash-spacing-md)}.xerospace-courses-stat-item{display:flex;align-items:center;gap:4px;font-size:14px}.xerospace-courses-stat-icon{font-size:12px}.xerospace-courses-stat-value{font-weight:500}.xerospace-courses-actions-cell{display:flex;gap:var(--devdash-spacing-sm)}.xerospace-courses-action-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--devdash-border-radius-sm);transition:var(--devdash-transition-fast);font-size:16px}.xerospace-courses-edit-button:hover{background-color:#3672e91a}.xerospace-courses-duplicate-button:hover{background-color:#34d1bf1a}.xerospace-courses-delete-button:hover{background-color:#e74c3c1a}.xerospace-courses-empty-state{padding:var(--devdash-spacing-xxl) var(--devdash-spacing-lg);text-align:center}.xerospace-courses-empty-state-icon{font-size:48px;margin-bottom:var(--devdash-spacing-md)}.xerospace-courses-empty-state-title{font-size:20px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-sm)}.xerospace-courses-empty-state-message{font-size:16px;color:var(--devdash-gray);margin-bottom:var(--devdash-spacing-lg)}.xerospace-courses-empty-state-button{display:inline-block;padding:var(--devdash-spacing-sm) var(--devdash-spacing-lg);background-color:var(--devdash-primary);color:var(--devdash-white);border-radius:var(--devdash-border-radius-sm);font-weight:500;transition:var(--devdash-transition-fast)}.xerospace-courses-empty-state-button:hover{background-color:var(--devdash-primary-dark)}@media (max-width: 1024px){.xerospace-courses-filters{flex-direction:column;align-items:flex-start;gap:var(--devdash-spacing-md)}.xerospace-courses-search-group,.xerospace-courses-sort-group,.xerospace-courses-search-input{width:100%}}@media (max-width: 768px){.xerospace-courses-header{flex-direction:column;align-items:flex-start;gap:var(--devdash-spacing-md)}.xerospace-courses-table th:nth-child(2),.xerospace-courses-table td:nth-child(2),.xerospace-courses-table th:nth-child(5),.xerospace-courses-table td:nth-child(5){display:none}.xerospace-courses-action-button{width:28px;height:28px}}.analytics{width:100%}.analytics-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--devdash-spacing-lg);margin-bottom:var(--devdash-spacing-xl)}.analytics-card{display:flex;align-items:flex-start;gap:var(--devdash-spacing-md);padding:var(--devdash-spacing-lg);transition:var(--devdash-transition-normal)}.analytics-card:hover{transform:translateY(-4px)}.analytics-card-icon{width:48px;height:48px;border-radius:var(--devdash-border-radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.revenue-icon{background-color:#3672e91a}.enrollments-icon{background-color:#34d1bf1a}.views-icon{background-color:#ff78461a}.completion-icon{background-color:#2ecc711a}.analytics-card-content{flex:1}.analytics-card-title{font-size:14px;color:var(--devdash-gray);margin-bottom:var(--devdash-spacing-xs)}.analytics-card-value{font-size:24px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-xs)}.analytics-card-trend{font-size:12px;display:flex;align-items:center;gap:4px}.trend-up{color:var(--devdash-success)}.trend-down{color:var(--devdash-error)}.trend-period{color:var(--devdash-gray);margin-left:4px}.analytics-charts-container{display:grid;grid-template-columns:2fr 1fr;gap:var(--devdash-spacing-lg);margin-bottom:var(--devdash-spacing-xl)}.analytics-chart-section,.analytics-courses{padding:var(--devdash-spacing-lg)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--devdash-spacing-lg)}.chart-title{font-size:18px;font-weight:600;color:var(--devdash-dark-gray)}.chart-controls{display:flex;gap:var(--devdash-spacing-md)}.metric-selector,.time-selector{display:flex;align-items:center;gap:var(--devdash-spacing-sm)}.chart-select{padding:4px 8px;border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-sm);font-size:14px}.chart-container{height:300px}.course-performance-table{margin-top:var(--devdash-spacing-md);overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:var(--devdash-spacing-sm) var(--devdash-spacing-md);text-align:left;border-bottom:1px solid var(--devdash-lighter-gray)}.analytics-table th{font-weight:600;color:var(--devdash-dark-gray);font-size:14px}.analytics-table td{color:var(--devdash-gray);font-size:14px}.analytics-insights{padding:var(--devdash-spacing-lg)}.insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--devdash-spacing-lg);margin-top:var(--devdash-spacing-lg)}.insight-card{background-color:var(--devdash-white);border:1px solid var(--devdash-lighter-gray);border-radius:var(--devdash-border-radius-md);padding:var(--devdash-spacing-md);display:flex;flex-direction:column;align-items:center;text-align:center;transition:var(--devdash-transition-normal)}.insight-card:hover{transform:translateY(-4px);box-shadow:var(--devdash-shadow-md)}.insight-icon{font-size:32px;margin-bottom:var(--devdash-spacing-sm)}.insight-title{font-size:14px;font-weight:600;color:var(--devdash-dark-gray);margin-bottom:var(--devdash-spacing-xs)}.insight-value{font-size:16px;font-weight:500;color:var(--devdash-primary);margin-bottom:var(--devdash-spacing-sm)}.insight-description{font-size:12px;color:var(--devdash-gray);line-height:1.5}@media (max-width: 1200px){.analytics-overview{grid-template-columns:repeat(2,1fr)}.analytics-charts-container{grid-template-columns:1fr}.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.chart-header{flex-direction:column;align-items:flex-start;gap:var(--devdash-spacing-md)}.chart-controls{width:100%;flex-direction:column;gap:var(--devdash-spacing-sm)}.insights-grid{grid-template-columns:1fr}}.support-system-container{padding:20px;position:relative;min-height:calc(100vh - 60px);background-color:#f7f7f7;box-sizing:border-box;flex:1}.support-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.support-system-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.support-system-section h2{margin-bottom:20px;color:#333}.support-system-floating-btn{position:fixed;bottom:100px;right:30px;width:60px;height:60px;border-radius:50%;background:#007bff;color:#fff;border:none;font-size:32px;cursor:pointer;box-shadow:0 2px 10px #0003;transition:transform .2s;z-index:999}.support-system-floating-btn:hover{transform:scale(1.1)}.support-system-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.support-system-modal{background:#fff;border-radius:8px;width:90%;max-width:600px;height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-bottom:70px;box-sizing:border-box}.modal-form{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.support-system-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #eee;color:#333;flex-shrink:0}.support-system-header h2{font-size:20px;font-weight:600;margin:0;flex-grow:1;text-align:center}.back-button,.close-button{background:none;border:none;font-size:24px;color:#333;cursor:pointer;padding:5px 10px;border-radius:5px;transition:background-color .2s ease;z-index:10}.back-button{margin-right:auto}.close-button{margin-left:auto}.back-button:hover,.close-button:hover{background-color:#e0e0e0}.info-icon{background-color:#e0e0e0;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;color:#555;margin-left:auto}.category-chips-container{display:flex;flex-wrap:wrap;gap:10px;padding:20px;overflow-y:auto}.category-chip{background-color:#fff;border:1px solid #ffcc80;color:#ffa726;padding:10px 15px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.category-chip:hover{background-color:#ffcc80;color:#fff;transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.detailed-request-form-content{flex-grow:1;padding:20px;overflow-y:auto}.detailed-request-form-content p{font-size:16px;color:#555;margin-bottom:15px}.detailed-request-form-content textarea{width:100%;min-height:120px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;resize:vertical;box-sizing:border-box;margin-bottom:20px}.detailed-request-form-content input[type=number],.detailed-request-form-content select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box;margin-bottom:15px}.extension-fields{display:flex;gap:30px}.scope-clarification-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.urgent-files-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.urgent-toggle-label{position:relative;display:inline-flex;align-items:center;cursor:pointer;font-size:15px;color:#555;-webkit-user-select:none;user-select:none;gap:10px}.urgent-toggle-label input[type=checkbox]{opacity:0;width:0;height:0}.slider{position:relative;display:block;width:40px;height:20px;background-color:#ccc;border-radius:20px;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s;box-shadow:0 2px 2px #0003}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.attach-files-label{display:flex;align-items:center;font-size:15px;color:#555}.attach-files-label input[type=file]{margin-left:10px}.chat-input-container{position:absolute;bottom:0;left:0;width:100%;background-color:#e0e0e0;border-radius:0 0 8px 8px;display:flex;justify-content:flex-end;align-items:center;padding:10px 15px;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box}.chat-input-container input[type=text]{flex-grow:1;border:none;outline:none;background:transparent;font-size:16px;padding:5px 10px;color:#333}.chat-input-container input[type=text]:disabled{background-color:#f0f0f0;cursor:not-allowed}.send-button{background:none;border:none;font-size:20px;color:#555;cursor:pointer;padding:5px 10px;margin-left:10px;transition:color .2s ease}.send-button:hover{color:#007bff}.attach-files-custom-button{display:inline-flex;align-items:center;gap:8px;background-color:#f0f0f0;color:#555;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000001a;-webkit-user-select:none;user-select:none;width:fit-content}.attach-files-custom-button:hover{background-color:#e5e5e5;box-shadow:0 4px 8px #00000026}.attach-files-custom-button input[type=file]{display:none}.file-icon{font-size:18px;color:#007bff}.selected-files-preview{margin-top:10px;display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;border-top:1px solid #eee;padding-top:10px}.selected-file-item{display:flex;align-items:center;justify-content:space-between;background-color:#e9f5ff;border:1px solid #cce7ff;border-radius:5px;padding:8px 12px;font-size:14px;color:#333}.file-name{flex-grow:1;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-button{background:none;border:none;color:#dc3545;font-size:18px;cursor:pointer;padding:0 5px;line-height:1;transition:color .2s ease}.remove-file-button:hover{color:#c82333}.support-system-main{display:flex;padding:16px;gap:16px}@media (max-width: 1100px){.support-system-main{flex-direction:column}}.support-system-header-title{display:flex;justify-content:space-between;align-items:center}.support-clarification-actions{display:flex;align-items:center;gap:15px;margin-top:10px}.support-system-container{padding:20px}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.support-title{font-size:28px;font-weight:700;color:#1f2937;margin:0}.support-stats{display:flex;align-items:center}.support-total-count{background:#f3f4f6;color:#374151;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.support-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.support-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:support-spin 1s linear infinite;margin-bottom:16px}@keyframes support-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.support-loading p{color:#6b7280;font-size:16px;margin:0}.support-error{text-align:center;padding:40px 20px;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.support-error h3{color:#dc2626;margin:0 0 12px;font-size:20px}.support-error p{color:#991b1b;margin:0;font-size:16px}.support-empty-state{text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.support-empty-state h3{color:#374151;margin:0 0 12px;font-size:20px}.support-empty-state p{color:#6b7280;margin:0;font-size:16px}.support-requests-list{display:flex;flex-direction:column;gap:20px}.support-request-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.support-request-card:hover{box-shadow:0 4px 16px #00000026;border-color:#d1d5db}.support-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px;cursor:pointer;transition:background-color .2s ease}.support-card-header:hover{background-color:#f9fafb}.support-card-main-info{flex:1;min-width:0}.support-card-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.support-card-category{font-size:20px;font-weight:600;color:#1f2937;margin:0;flex:1;min-width:0}.support-card-badges{display:flex;gap:8px;flex-shrink:0}.support-priority-badge,.support-status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.support-priority-high{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.support-priority-medium{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.support-priority-low{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.support-status-open{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.support-status-closed{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.support-card-ticket-info{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.support-ticket-number{font-family:Courier New,monospace;font-size:14px;font-weight:600;color:#4b5563;background:#f3f4f6;padding:4px 8px;border-radius:6px}.support-requester-name{font-size:14px;color:#6b7280;font-weight:500}.support-card-dates{display:flex;flex-direction:column;gap:4px}.support-created-date,.support-updated-date{font-size:13px;color:#9ca3af}.support-expand-icon{display:flex;align-items:center;margin-left:16px}.support-chevron{font-size:16px;color:#6b7280;transition:transform .3s ease}.support-chevron-up{transform:rotate(180deg)}.support-chevron-down{transform:rotate(0)}.support-card-details{padding:12px 24px;border-top:1px solid #f3f4f6;background:#fafbfc;animation:support-expand .3s ease-out}@keyframes support-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.support-details-section{margin-bottom:16px}.support-details-section:last-child{margin-bottom:0}.support-attachment-link{text-decoration:none;color:#00f;display:block;width:100%}.support-attachment-link:hover{text-decoration:underline}.support-details-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 5px;border-bottom:2px solid #e5e7eb;padding-bottom:6px}.support-subject,.support-description{color:#4b5563;line-height:1.6;margin:0;font-size:15px}.support-job-info,.support-contract-info{display:grid;gap:8px}.support-job-info p,.support-contract-info p{margin:0;font-size:14px;color:#4b5563}.support-job-info strong,.support-contract-info strong{color:#374151;font-weight:600}.support-attachments{display:flex;flex-direction:column;gap:8px}.support-attachment{display:flex;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.support-attachment-name{font-size:14px}.support-comments{display:flex;flex-direction:column;gap:16px}.support-comment{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.support-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.support-comment-author{font-weight:600;color:#374151;font-size:14px}.support-comment-date{font-size:12px;color:#9ca3af}.support-comment-text{margin:0;color:#4b5563;line-height:1.5;font-size:14px}.support-status-history{display:flex;flex-direction:column;gap:12px}.support-history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.support-history-status{font-weight:600;color:#374151;font-size:14px}.support-history-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.support-history-reason{font-size:13px;color:#6b7280}.support-history-date{font-size:12px;color:#9ca3af}@media (max-width: 768px){.support-system-container{padding:16px}.support-header{flex-direction:column;align-items:flex-start;gap:16px}.support-title{font-size:24px}.support-card-header{padding:20px 16px}.support-card-details{padding:0 16px 20px}.support-card-top-row{flex-direction:column;align-items:flex-start;gap:12px}.support-card-badges{align-self:flex-start}.support-card-ticket-info,.support-history-item{flex-direction:column;align-items:flex-start;gap:8px}.support-history-details{align-items:flex-start}}@media (max-width: 480px){.support-system-container{padding:12px}.support-title{font-size:20px}.support-card-category{font-size:18px}.support-card-header{padding:16px 12px}.support-card-details{padding:0 12px 16px}.support-card-badges{gap:6px}.support-priority-badge,.support-status-badge{padding:3px 10px;font-size:11px}.support-requests-list{gap:16px}}@media (prefers-reduced-motion: reduce){.support-chevron,.support-card-details,.support-loading-spinner{animation:none;transition:none}}.support-card-header:focus{outline:2px solid #3b82f6;outline-offset:2px}.support-card-header:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.support-comment-author-info{display:flex;align-items:center;gap:8px}.support-comment-role{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.support-system-comment{background:#f8fafc;border-left:3px solid #94a3b8}.support-system-badge{display:inline-block;font-size:11px;color:#64748b;background:#e2e8f0;padding:2px 6px;border-radius:4px;margin-top:8px}.support-clarification-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;min-height:80px;resize:vertical;margin-bottom:15px;box-sizing:border-box}.support-clarification-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.support-clarification-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:10px}.support-file-input{flex-grow:1;padding:8px 0;font-size:14px;color:#4b5563}.support-send-button{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.support-send-button:hover:not(:disabled){background-color:#2563eb}.support-send-button:disabled{background-color:#93c5fd;cursor:not-allowed}.extension-response-container{display:flex;flex-direction:column;gap:20px}.extension-action-buttons{display:flex;gap:10px;flex-wrap:wrap}.support-button{padding:10px 18px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;position:relative}.support-button-active{transform:scale(1.05)}.support-button-approve{border:2px solid #22c55e;background-color:transparent;color:green}.support-button-approve:hover,.support-button-approve.support-button-active{background-color:#16a34a;color:#fff}.support-button-deny{color:red;border:2px solid #ef4444;background-color:transparent}.support-button-deny:hover,.support-button-deny.support-button-active{background-color:#dc2626;color:#fff}.support-button-custom{background-color:transparent;color:#f97316;border:2px solid #f97316}.support-button-custom:hover,.support-button-custom.support-button-active{background-color:#ea580c;color:#fff}.support-button-cancel{background-color:#6b7280;color:#fff}.support-button-cancel:hover{background-color:#4b5563}.extension-response-form{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.selected-action-display{font-size:16px;font-weight:500;color:#374151;margin-bottom:10px}.selected-action-text{font-weight:600;color:#2563eb}.custom-extension-inputs{display:flex;gap:10px;align-items:center}.support-input{padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;flex:1}.support-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.support-select{padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>');background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.8em auto;min-width:100px}.support-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.support-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:.5rem}.pagination-button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#f0f0f0}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.9rem;color:#666}.support-filters{display:flex;gap:20px;margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:8px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:500;color:#333}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;min-width:150px}.filter-select:hover{border-color:#999}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.ldb-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.ldb-main{max-width:1200px;margin:0 auto}.ldb-title{font-size:32px;font-weight:700;text-align:left;margin-bottom:40px;color:#2d3748;letter-spacing:2px}.ldb-top-three{display:flex;justify-content:center;gap:30px;margin-bottom:50px;flex-wrap:wrap}.ldb-top-card{background:#fff;padding:30px 25px;width:300px;position:relative;box-shadow:0 10px 40px #00000026;transition:transform .3s ease,box-shadow .3s ease;border:3px solid transparent}.ldb-top-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0003}.ldb-card-gold{border-image:linear-gradient(135deg,gold,#ffed4a,#f59e0b) 1;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.ldb-card-silver{border-image:linear-gradient(135deg,#e5e7eb,#9ca3af,#6b7280) 1;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.ldb-card-bronze{border-image:linear-gradient(135deg,#d97706,#92400e,#78350f) 1;background:linear-gradient(135deg,#fef7ed,#fed7aa)}.ldb-rank-badge{position:absolute;top:-15px;left:-20px;background:#dc2626;color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 15px #dc26264d}.ldb-rank-number{font-size:18px}.ldb-rank-suffix{font-size:10px;margin-left:2px}.ldb-profile-section{display:flex;align-items:center;justify-content:space-around;text-align:center;margin-bottom:25px}.ldb-avatar-container{margin-bottom:15px}.ldb-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 4px 20px #00000026}.ldb-user-info{display:flex;flex-direction:column;align-items:center;gap:8px}.ldb-username{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:600;color:#2d3748}.ldb-verified{color:#3b82f6;font-size:14px}.ldb-advance-section{display:flex;align-items:center;gap:10px}.ldb-advance-text{font-size:14px;font-weight:500;color:#4a5568}.ldb-skill-bars{display:flex;gap:5px;height:20px}.ldb-skill-bar{width:5px;height:100%;background:#e2e8f0;border-radius:2px;transform:skew(-25deg);transition:background-color .3s ease}.ldb-skill-bar-filled{background:linear-gradient(180deg,#48bb78,#38a169,#2f855a);box-shadow:0 0 8px #48bb784d}.ldb-stats-section{display:flex;justify-content:space-between;margin-bottom:25px;padding:0 10px}.ldb-stat{text-align:center}.ldb-stat-value{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:5px}.ldb-rating{display:flex;align-items:center;gap:4px;justify-content:center}.ldb-star-icon{width:16px;height:16px;color:#f59e0b;fill:currentColor}.ldb-stat-label{font-size:12px;color:#718096;font-weight:500}.ldb-badges-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ldb-badge-slot{width:40px;height:40px;border-radius:50%;background:#f7fafc;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ldb-badge-filled{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:scale(1.05)}.ldb-badge-icon{font-size:16px}.ldb-remaining{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 30px #0000001a}.ldb-row{display:flex;align-items:center;padding:20px 25px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.ldb-row:hover{background:#f8fafc}.ldb-row:last-child{border-bottom:none}.ldb-row-rank{font-size:24px;font-weight:700;color:#4a5568;width:60px;text-align:center}.ldb-row-profile{display:flex;align-items:center;gap:15px;flex:1;min-width:200px}.ldb-row-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.ldb-row-info{display:flex;flex-direction:column;gap:5px}.ldb-row-username{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:600;color:#2d3748}.ldb-row-advance{display:flex;align-items:center;gap:8px}.ldb-row-stats{display:flex;gap:40px;margin-right:30px}.ldb-row-stat{text-align:center;min-width:80px}.ldb-row-badges{display:flex;gap:6px}.ldb-row-badges .ldb-badge-slot{width:35px;height:35px}.ldb-loading,.ldb-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.ldb-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:ldb-spin 1s linear infinite;margin-bottom:20px}@keyframes ldb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ldb-retry-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:15px}.ldb-retry-btn:hover{background:#2563eb}@media (max-width: 1024px){.ldb-container{padding:15px}.ldb-top-three{gap:20px}.ldb-top-card{width:280px}.ldb-row-stats{gap:25px}}@media (max-width: 768px){.ldb-header{flex-direction:column;gap:15px;text-align:center}.ldb-greeting h1{font-size:20px}.ldb-title{font-size:28px;margin-bottom:30px}.ldb-top-three{flex-direction:column;align-items:center;gap:25px}.ldb-top-card{width:100%;max-width:350px}.ldb-row{flex-direction:column;gap:15px;padding:20px 15px}.ldb-row-profile{justify-content:center;min-width:auto}.ldb-row-stats{gap:20px;margin-right:0}.ldb-row-badges{justify-content:center;flex-wrap:wrap}}@media (max-width: 480px){.ldb-container{padding:10px}.ldb-header{padding:15px}.ldb-greeting h1{font-size:18px}.ldb-user-badge{flex-direction:column;gap:8px}.ldb-title{font-size:24px}.ldb-top-card{padding:25px 20px}.ldb-stats-section{padding:0 5px}.ldb-stat-value{font-size:16px}.ldb-badges-grid{gap:6px}.ldb-badge-slot{width:35px;height:35px}.ldb-row{padding:15px 10px}.ldb-row-rank{font-size:20px;width:50px}.ldb-row-stats{gap:15px}.ldb-row-stat{min-width:70px}.ldb-row-badges .ldb-badge-slot{width:30px;height:30px}}@media (max-width: 320px){.ldb-top-card{width:100%;margin:0 5px}.ldb-stats-section{flex-direction:column;gap:15px}.ldb-badges-grid{grid-template-columns:repeat(5,1fr);gap:4px}.ldb-badge-slot{width:30px;height:30px}.ldb-row-stats{flex-direction:column;gap:10px}}.xerospace-client-support-main{display:flex;padding:16px;gap:16px;max-width:1200px;margin:0 auto}.xerospace-client-support-container{padding:20px;position:relative;min-height:calc(100vh - 60px);background-color:#f7f7f7;box-sizing:border-box;flex:1}.jobtitle-id-clientsupport{display:flex;justify-content:space-between;align-items:center}.xerospace-client-support-floating-btn{position:fixed;bottom:100px;right:30px;width:60px;height:60px;border-radius:50%;background:#007bff;color:#fff;border:none;font-size:32px;cursor:pointer;box-shadow:0 2px 10px #0003;transition:transform .2s;z-index:999}.xerospace-client-support-floating-btn:hover{transform:scale(1.1)}.xerospace-client-support-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.xerospace-client-support-modal{background:#fff;border-radius:8px;width:90%;max-width:600px;height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-bottom:70px;box-sizing:border-box}.xerospace-client-support-form{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.xerospace-client-support-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #eee;color:#333;flex-shrink:0}.xerospace-client-support-header h2{font-size:20px;font-weight:600;margin:0;flex-grow:1;text-align:center}.xerospace-client-support-back-button,.xerospace-client-support-close-button{background:none;border:none;font-size:24px;color:#333;cursor:pointer;padding:5px 10px;border-radius:5px;transition:background-color .2s ease;z-index:10}.xerospace-client-support-back-button{margin-right:auto}.xerospace-client-support-close-button{margin-left:auto}.xerospace-client-support-back-button:hover,.xerospace-client-support-close-button:hover{background-color:#e0e0e0}.xerospace-client-support-info-icon{background-color:#e0e0e0;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;color:#555;margin-left:auto}.xerospace-client-support-category-chips-container{display:flex;flex-wrap:wrap;gap:10px;padding:20px;overflow-y:auto}.xerospace-client-support-category-chip{background-color:#fff;border:1px solid #ffcc80;color:#ffa726;padding:10px 15px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.xerospace-client-support-category-chip:hover{background-color:#ffcc80;color:#fff;transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.xerospace-client-support-detailed-request-form-content{flex-grow:1;padding:20px;overflow-y:auto}.xerospace-client-support-detailed-request-form-content p{font-size:16px;color:#555;margin-bottom:15px}.xerospace-client-support-detailed-request-form-content textarea{width:100%;min-height:120px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;resize:vertical;box-sizing:border-box;margin-bottom:20px}.xerospace-client-support-urgent-files-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.xerospace-client-support-urgent-toggle-label{position:relative;display:inline-flex;align-items:center;cursor:pointer;font-size:15px;color:#555;-webkit-user-select:none;user-select:none;gap:10px}.xerospace-client-support-urgent-toggle-label input[type=checkbox]{opacity:0;width:0;height:0}.xerospace-client-support-slider{position:relative;display:block;width:40px;height:20px;background-color:#ccc;border-radius:20px;transition:.4s}.xerospace-client-support-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.4s;box-shadow:0 2px 2px #0003}.xerospace-client-support-urgent-toggle-label input:checked+.xerospace-client-support-slider{background-color:#007bff}.xerospace-client-support-urgent-toggle-label input:checked+.xerospace-client-support-slider:before{transform:translate(20px)}.xerospace-client-support-attach-files-custom-button{display:inline-flex;align-items:center;gap:8px;background-color:#f0f0f0;color:#555;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000001a;-webkit-user-select:none;user-select:none;width:fit-content}.xerospace-client-support-attach-files-custom-button:hover{background-color:#e5e5e5;box-shadow:0 4px 8px #00000026}.xerospace-client-support-attach-files-custom-button input[type=file]{display:none}.xerospace-client-support-file-icon{font-size:18px;color:#007bff}.xerospace-client-support-selected-files-preview{margin-top:10px;display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;border-top:1px solid #eee;padding-top:10px}.xerospace-client-support-selected-file-item{display:flex;align-items:center;justify-content:space-between;background-color:#e9f5ff;border:1px solid #cce7ff;border-radius:5px;padding:8px 12px;font-size:14px;color:#333}.xerospace-client-support-file-name{flex-grow:1;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xerospace-client-support-remove-file-button{background:none;border:none;color:#dc3545;font-size:18px;cursor:pointer;padding:0 5px;line-height:1;transition:color .2s ease}.xerospace-client-support-remove-file-button:hover{color:#c82333}.xerospace-client-support-chat-input-container{position:absolute;bottom:0;left:0;width:100%;background-color:#e0e0e0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;justify-content:flex-end;align-items:center;padding:10px 15px;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box}.xerospace-client-support-send-button{background:none;border:none;font-size:20px;color:#555;cursor:pointer;padding:5px 10px;margin-left:10px;transition:color .2s ease}.xerospace-client-support-send-button:hover{color:#007bff}@media (max-width: 1100px){.xerospace-client-support-main{flex-direction:column}}.xr-noti-container{width:100%;max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.xr-noti-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 10px}.xr-noti-header-left{display:flex;align-items:center;gap:15px}.xr-noti-title{font-size:32px;font-weight:600;color:#2c3e50;margin:0}.xr-noti-count{font-size:16px;color:#7f8c8d}.xr-noti-header-right{display:flex;gap:10px}.xr-noti-filter-btn,.xr-noti-sort-btn{padding:10px 20px;border:1px solid #e0e6ed;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.xr-noti-filter-btn:hover,.xr-noti-sort-btn:hover{background:#f8f9fa;border-color:#3498db}.xr-noti-mobile-header{display:none;flex-direction:column;gap:15px;margin-bottom:20px}.xr-noti-mobile-title{display:flex;flex-direction:column;gap:5px}.xr-noti-mobile-title h2{font-size:24px;font-weight:600;color:#2c3e50;margin:0}.xr-noti-mobile-title span{font-size:14px;color:#7f8c8d}.xr-noti-mobile-actions{display:flex;gap:10px}.xr-noti-mobile-btn{padding:8px 16px;border:1px solid #e0e6ed;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.xr-noti-content{display:flex;gap:30px;min-height:600px}.xr-noti-sidebar{width:300px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #00000014;height:fit-content;position:sticky;top:20px}.xr-noti-sidebar-header{margin-bottom:25px;display:flex;flex-direction:column;gap:10px}.xr-noti-mark-all-btn{width:100%;padding:12px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.xr-noti-delete-all-btn{width:100%;padding:12px;background:red;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s;display:flex;align-items:center;justify-content:center}.xr-noti-mark-all-btn:hover:not(:disabled){background:#2980b9}.xr-noti-mark-all-btn:disabled{background:#bdc3c7;cursor:not-allowed}.xr-noti-category-section h3{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:15px}.xr-noti-categories{display:flex;flex-direction:column;gap:8px}.xr-noti-category-btn{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:none;background:#f8f9fa;border-radius:8px;cursor:pointer;text-align:left;font-size:14px;transition:all .2s}.xr-noti-category-btn:hover{background:#e9ecef}.xr-noti-category-btn.active{background:#ff6b35;color:#fff}.xr-noti-category-count{background:#e74c3c;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.xr-noti-category-btn.active .xr-noti-category-count{background:#ffffff4d}.xr-noti-mobile-categories{display:none;flex-direction:column;gap:15px;margin-bottom:20px;background:#fff;padding:15px;border-radius:12px;box-shadow:0 2px 10px #00000014}.xr-noti-mobile-category-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.xr-noti-mobile-category-scroll::-webkit-scrollbar{height:4px}.xr-noti-mobile-category-scroll::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:2px}.xr-noti-mobile-category-btn{padding:8px 16px;border:1px solid #e0e6ed;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap;transition:all .2s}.xr-noti-mobile-category-btn.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.xr-noti-mobile-actions-row{display:flex;gap:10px}.xr-noti-mobile-action-btn{flex:1;padding:10px;border:1px solid #e0e6ed;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.xr-noti-mobile-action-btn:hover{background:#f8f9fa}.xr-noti-mobile-action-btn.delete{color:#e74c3c;border-color:#e74c3c}.xr-noti-mobile-action-btn.delete:hover{background:#e74c3c;color:#fff}.xr-noti-main{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.xr-noti-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#7f8c8d}.xr-noti-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:xr-noti-spin 1s linear infinite;margin-bottom:15px}@keyframes xr-noti-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.xr-noti-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#7f8c8d;text-align:center}.xr-noti-empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.xr-noti-empty h3{font-size:20px;color:#2c3e50;margin-bottom:10px}.xr-noti-empty p{font-size:16px;margin:0}.xr-noti-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#e74c3c;text-align:center}.xr-noti-error button{margin-top:15px;padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer}.xr-noti-list{padding:0}.xr-noti-item{border-bottom:1px solid #e9ecef;padding:20px 25px;transition:all .2s;position:relative}.xr-noti-item:hover{background:#f8f9fa}.xr-noti-item.unread{background:#fff9e6;border-left:4px solid #f39c12}.xr-noti-item.unread:hover{background:#fff3cd}.xr-noti-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.xr-noti-item-left{display:flex;align-items:center;gap:15px}.xr-noti-checkbox{width:18px;height:18px;cursor:pointer}.xr-noti-badge-container{display:flex;align-items:center}.xr-noti-category-badge{background:#3498db;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.xr-noti-item-right{display:flex;align-items:center;gap:15px}.xr-noti-priority{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.xr-noti-date{font-size:14px;color:#7f8c8d;min-width:120px;text-align:right}.xr-noti-delete-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;border-radius:4px;transition:all .2s;opacity:.6}.xr-noti-delete-btn:hover{background:#f8d7da;opacity:1}.xr-noti-item-content{cursor:pointer;position:relative;padding-right:30px}.xr-noti-item-title{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 8px;line-height:1.4;cursor:pointer;transition:color .2s ease;padding:4px 0;border-radius:4px}.xr-noti-item-title:hover{color:#3498db;background-color:#3498db0d}.xr-noti-item-message{font-size:14px;color:#5a6c7d;margin:0 0 10px;line-height:1.5}.xr-noti-expand-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#7f8c8d;transition:all .2s}.xr-noti-expand-btn:hover{color:#2c3e50}.xr-noti-item-details{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef;font-size:14px;color:#5a6c7d;line-height:1.6}.xr-noti-additional-data{margin-top:15px;background:#f8f9fa;padding:15px;border-radius:8px}.xr-noti-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.xr-noti-data-item{font-size:13px}.xr-noti-data-item strong{color:#2c3e50;margin-right:5px}.xr-noti-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:30px 25px;border-top:1px solid #e9ecef}.xr-noti-pagination-btn{padding:8px 16px;border:1px solid #e0e6ed;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.xr-noti-pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#3498db}.xr-noti-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.xr-noti-pagination-numbers{display:flex;gap:5px}.xr-noti-pagination-number{padding:8px 12px;border:1px solid #e0e6ed;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;min-width:40px;text-align:center;transition:all .2s}.xr-noti-pagination-number:hover:not(:disabled){background:#f8f9fa;border-color:#3498db}.xr-noti-pagination-number.active{background:#3498db;color:#fff;border-color:#3498db}.xr-noti-pagination-number.dots{border:none;background:none;cursor:default}.xr-noti-pagination-number.dots:hover{background:none;border:none}.xr-noti-filter-select,.xr-noti-category-select,.xr-noti-mobile-filter-select,.xr-noti-mobile-category-select{padding:10px 20px;border:1px solid #e0e6ed;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;min-width:150px}.xr-noti-filter-select:hover,.xr-noti-category-select:hover,.xr-noti-mobile-filter-select:hover,.xr-noti-mobile-category-select:hover{border-color:#3498db}.xr-noti-filter-select:focus,.xr-noti-category-select:focus,.xr-noti-mobile-filter-select:focus,.xr-noti-mobile-category-select:focus{outline:2px solid #3498db;outline-offset:2px;border-color:#3498db}.xr-noti-mobile-filter-select,.xr-noti-mobile-category-select{padding:8px 16px;border-radius:6px;font-size:14px;min-width:120px}@media (max-width: 768px){.xr-noti-container{padding:15px}.xr-noti-header{display:none}.xr-noti-mobile-header{display:flex}.xr-noti-content{flex-direction:column;gap:20px}.xr-noti-sidebar{display:none}.xr-noti-sidebar.show{display:block;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff;border-radius:0;padding:20px;overflow-y:auto}.xr-noti-mobile-categories{display:flex}.xr-noti-main{border-radius:8px}.xr-noti-item{padding:15px}.xr-noti-item-header{flex-direction:column;align-items:flex-start;gap:10px}.xr-noti-item-left{width:100%}.xr-noti-item-right{width:100%;justify-content:space-between}.xr-noti-date{min-width:auto;text-align:left;font-size:12px}.xr-noti-item-title{font-size:15px;cursor:pointer;transition:color .2s ease;padding:3px 0;border-radius:3px}.xr-noti-item-title:hover{color:#3498db;background-color:#3498db0d}.xr-noti-item-message{font-size:13px}.xr-noti-data-grid{grid-template-columns:1fr;gap:8px}.xr-noti-pagination{flex-wrap:wrap;gap:8px;padding:20px 15px}.xr-noti-pagination-numbers{order:2;width:100%;justify-content:center;flex-wrap:wrap}.xr-noti-pagination-btn{font-size:13px;padding:6px 12px}.xr-noti-pagination-number{font-size:13px;padding:6px 10px;min-width:35px}.xr-noti-mobile-actions{display:flex;gap:10px;flex-wrap:wrap}.xr-noti-mobile-filter-select,.xr-noti-mobile-category-select{flex:1;min-width:100px}}@media (max-width: 480px){.xr-noti-container{padding:10px}.xr-noti-mobile-title h2{font-size:20px}.xr-noti-mobile-categories,.xr-noti-item{padding:12px}.xr-noti-item-content{padding-right:25px}.xr-noti-checkbox{width:16px;height:16px}.xr-noti-category-badge{font-size:11px;padding:4px 8px}.xr-noti-priority{font-size:11px;padding:3px 8px}.xr-noti-delete-btn{font-size:14px}.xr-noti-expand-btn{font-size:16px}}.xr-noti-item-details{animation:xr-noti-fade-in .3s ease-in-out}@keyframes xr-noti-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.xr-noti-category-btn:focus,.xr-noti-mark-all-btn:focus,.xr-noti-filter-btn:focus,.xr-noti-sort-btn:focus,.xr-noti-pagination-btn:focus,.xr-noti-pagination-number:focus,.xr-noti-item-title:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-contrast: high){.xr-noti-item{border-bottom-color:#000}.xr-noti-item.unread{border-left-color:#000}.xr-noti-category-badge{border:1px solid #000}}@media (prefers-reduced-motion: reduce){.xr-noti-spinner,.xr-noti-item-details{animation:none}*{transition:none!important}}.xr-noti-bulk-actions{padding:10px 15px;border-bottom:1px solid #e0e0e0;min-height:55px;display:flex;align-items:center}.xr-noti-bulk-delete-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#fff;background-color:#ff4757;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.xr-noti-bulk-delete-btn:hover{background-color:#e8414f;transform:translateY(-1px)}.xr-noti-bulk-delete-btn:disabled{background-color:#a4b0be;cursor:not-allowed;transform:none}.pricing-wrapper-unique{max-width:1400px;margin:0 auto;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pricing-header-unique{text-align:center;margin-bottom:3rem}.pricing-title-unique{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.pricing-subtitle-unique{font-size:1.125rem;color:#666;margin-bottom:2rem}.pricing-cards-initial-unique{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:4rem}.pricing-card-initial-unique{position:relative;background:#f1f3f4;border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.pricing-card-initial-unique:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.pricing-card-initial-unique.popular{border-color:#ff6b35;transform:scale(1.02)}.pricing-card-initial-unique.popular:hover{transform:scale(1.02) translateY(-4px)}.initial-popular-badge-unique{position:absolute;top:-10px;right:20px;background:#28a745;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.initial-card-header-unique{text-align:center;margin-bottom:2rem}.initial-plan-name-unique{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.initial-plan-price-unique{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:2rem}.initial-price-free-unique{font-size:2rem;font-weight:700;color:#ff6b35}.initial-price-currency-unique{font-size:1.5rem;font-weight:600;color:#ff6b35}.initial-price-amount-unique{font-size:2.5rem;font-weight:700;color:#ff6b35}.initial-price-period-unique{font-size:1rem;color:#666}.initial-features-list-unique{margin-bottom:2rem;min-height:120px}.initial-feature-item-unique{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem}.initial-feature-check-unique{color:#28a745;font-weight:700;font-size:1rem}.initial-feature-text-unique{color:#4a5568}.initial-plan-button-unique{width:100%;padding:1rem 2rem;background:#ff6b35;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.initial-plan-button-unique:hover{background:#e55a2b}.initial-plan-button-unique.free{background:transparent;color:#666;border:2px solid #ddd}.initial-plan-button-unique.free:hover{background:#f8f9fa;color:#333}.pricing-sticky-header-unique{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000;border-bottom:1px solid #e2e8f0;padding:1rem 0;transition:all .3s ease;transform:translateY(-100%)}.pricing-sticky-header-unique.visible{transform:translateY(0)}.sticky-header-content-unique{max-width:1400px;margin:0 auto;padding:0 1rem}.sticky-header-top-unique{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sticky-title-unique{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.sticky-subtitle-unique{font-size:.875rem;color:#666;margin:0}.sticky-billing-toggle-unique{display:flex;align-items:center;gap:1rem}.sticky-toggle-label-unique{font-size:.875rem;font-weight:500;color:#666;transition:color .3s ease}.sticky-toggle-label-unique.active{color:#ff6b35}.sticky-toggle-switch-unique{position:relative;width:50px;height:24px;background:#ff6b35;border-radius:12px;cursor:pointer;transition:background-color .3s ease}.sticky-toggle-slider-unique{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.sticky-toggle-slider-unique.yearly{transform:translate(26px)}.sticky-cards-unique{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sticky-card-unique{position:relative;background:#f8f9fa;border-radius:12px;padding:1.5rem;border:2px solid transparent}.sticky-card-unique.popular{border-color:#ff6b35}.sticky-popular-badge-unique{position:absolute;top:-8px;right:15px;background:#28a745;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.75rem;font-weight:600}.sticky-card-header-unique{text-align:center;margin-bottom:1rem}.sticky-plan-name-unique{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.sticky-plan-price-unique{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:1rem}.sticky-price-free-unique{font-size:1.5rem;font-weight:700;color:#ff6b35}.sticky-price-currency-unique{font-size:1rem;font-weight:600;color:#ff6b35}.sticky-price-amount-unique{font-size:1.75rem;font-weight:700;color:#ff6b35}.sticky-price-period-unique{font-size:.875rem;color:#666}.sticky-plan-button-unique{width:100%;padding:.75rem 1rem;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.sticky-plan-button-unique:hover{background:#e55a2b}.sticky-plan-button-unique.free{background:transparent;color:#666;border:2px solid #ddd}.sticky-plan-button-unique.free:hover{background:#f8f9fa;color:#333}.billing-toggle-unique{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.toggle-label-unique{font-size:1rem;font-weight:500;color:#666;transition:color .3s ease}.toggle-label-unique.active{color:#ff6b35}.toggle-switch-unique{position:relative;width:60px;height:30px;background:#ff6b35;border-radius:15px;cursor:pointer;transition:background-color .3s ease}.toggle-slider-unique{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-slider-unique.yearly{transform:translate(30px)}.pricing-section-unique{margin-bottom:3rem}.section-title-unique{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:2rem}.pricing-mobile-unique{display:none}.mobile-tabs-unique{display:flex;background:#f8f9fa;border-radius:12px;padding:4px;margin-bottom:1rem}.mobile-tab-unique{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;font-size:1rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.mobile-tab-unique.active{background:#ff6b35;color:#fff}.mobile-card-unique{position:relative;background:#f8f9fa;border-radius:16px;padding:2rem;margin-bottom:2rem}.mobile-popular-badge-unique{position:absolute;top:-10px;right:20px;background:#28a745;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.mobile-card-header-unique{margin-bottom:2rem}.mobile-plan-name-unique{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.mobile-plan-price-unique{display:flex;align-items:baseline;gap:.25rem}.mobile-price-free-unique{font-size:2rem;font-weight:700;color:#ff6b35}.mobile-price-currency-unique{font-size:1.5rem;font-weight:600;color:#ff6b35}.mobile-price-amount-unique{font-size:2.5rem;font-weight:700;color:#ff6b35}.mobile-price-period-unique{font-size:1rem;color:#666}.mobile-features-list-unique{margin-bottom:2rem}.mobile-feature-item-unique{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mobile-feature-check-unique{color:#28a745;font-weight:700;font-size:1.125rem}.mobile-feature-text-unique{font-size:1rem;color:#4a5568}.mobile-plan-button-unique{width:100%;padding:1rem 2rem;background:#ff6b35;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.mobile-plan-button-unique:hover{background:#e55a2b}.feature-comparison-unique{margin-top:4rem}.comparison-title-unique{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:2rem;text-align:center}.comparison-table-unique{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.table-header-unique{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;background:#1a1a1a;color:#fff}.header-cell-unique{padding:1.5rem 1rem;font-weight:600;text-align:center}.header-cell-unique:first-child{text-align:left}.plan-header-unique{background:#ff6b35}.table-row-unique{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #e2e8f0}.table-row-unique:last-child{border-bottom:none}.table-row-unique:nth-child(2n){background:#f8f9fa}.feature-category-unique{padding:1.5rem 1rem;font-weight:600;color:#1a1a1a}.feature-value-unique{padding:1.5rem 1rem;text-align:center;display:flex;align-items:center;justify-content:center}.check-icon-unique{color:#28a745;font-size:1.25rem;font-weight:700}.cross-icon-unique{color:#dc3545;font-size:1.25rem;font-weight:700}.feature-text-detailed-unique{font-size:.875rem;color:#4a5568;line-height:1.4;white-space:pre-line}.content-spacing-unique{padding-top:150px}@media (max-width: 768px){.pricing-wrapper-unique{padding:1rem .5rem}.pricing-title-unique{font-size:2rem}.pricing-cards-initial-unique,.pricing-sticky-header-unique{display:none}.pricing-mobile-unique{display:block}.feature-comparison-unique{overflow-x:auto}.comparison-table-unique{min-width:600px}.header-cell-unique,.feature-category-unique,.feature-value-unique{padding:1rem .5rem;font-size:.875rem}.feature-text-detailed-unique{font-size:.75rem}.content-spacing-unique{padding-top:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-card-initial-unique,.sticky-card-unique,.mobile-card-unique{animation:fadeIn .6s ease-out}.pricing-card-initial-unique:nth-child(2){animation-delay:.1s}.pricing-card-initial-unique:nth-child(3){animation-delay:.2s}.pricing-card-initial-unique:nth-child(4){animation-delay:.3s}.modern-postjob-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#1a202c}.modern-postjob-header{text-align:center;margin-bottom:3rem}.modern-postjob-title{font-size:2.5rem;font-weight:800;color:#2d3748;margin-bottom:.5rem;letter-spacing:-.025em}.modern-postjob-subtitle{font-size:1.125rem;color:#718096;margin:0;font-weight:400}.modern-timeline-section{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modern-timeline{display:flex;justify-content:space-between;align-items:flex-start;position:relative;max-width:100%;margin:0 auto;overflow-x:auto;padding:0 10px}.modern-timeline-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;text-align:center;min-width:120px}.modern-timeline-marker{width:48px;height:48px;border-radius:50%;background:#e2e8f0;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#718096;transition:all .3s ease;z-index:2;position:relative}.modern-timeline-marker.completed{background:#48bb78;border-color:#48bb78;color:#fff;cursor:pointer}.modern-timeline-marker.current{background:#667eea;border-color:#667eea;color:#fff;box-shadow:0 0 0 4px #667eea33}.modern-timeline-marker:hover.completed{transform:scale(1.05);box-shadow:0 4px 12px #48bb784d}.modern-timeline-content{margin-top:1rem;max-width:120px}.modern-timeline-title{font-size:.875rem;font-weight:600;color:#2d3748;margin-bottom:.25rem}.modern-timeline-connector{position:absolute;top:24px;left:50%;right:-50%;height:3px;background:#e2e8f0;z-index:1;transition:background-color .3s ease}.modern-timeline-connector.completed{background:#48bb78}.modern-timeline-item:last-child .modern-timeline-connector{display:none}.modern-postjob-main{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.modern-step-container{padding:2.5rem}.modern-step-header{text-align:center;margin-bottom:2.5rem}.modern-step-title{font-size:1.875rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.modern-step-subtitle{font-size:1rem;color:#718096;margin:0}.modern-form-section{background:#f7fafc;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0}.modern-section-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #667eea;display:inline-block}.modern-form-group{margin-bottom:1.5rem}.modern-form-label{display:block;font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.modern-form-input,.modern-form-textarea,.modern-form-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;color:#2d3748;transition:all .2s ease}.modern-form-input:focus,.modern-form-textarea:focus,.modern-form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-form-textarea{resize:vertical;min-height:120px}.modern-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.modern-duration-inputs{display:grid;grid-template-columns:120px 1fr;gap:.75rem}.modern-duration-input{max-width:120px}.modern-form-error{display:block;color:#e53e3e;font-size:.75rem;margin-top:.25rem}.modern-form-hint{display:block;color:#718096;font-size:.75rem;margin-top:.25rem}.modern-job-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.modern-job-type-btn{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.modern-job-type-btn:hover{border-color:#cbd5e0;background:#f7fafc}.modern-job-type-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.modern-device-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.modern-device-tab{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;font-size:.875rem;cursor:pointer;transition:all .2s ease}.modern-device-tab.active{border-color:#667eea;background:#667eea;color:#fff}.modern-device-dropdown{position:relative}.modern-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.modern-dropdown-header:hover{border-color:#cbd5e0}.modern-dropdown-options{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;z-index:10;box-shadow:0 10px 25px -5px #0000001a}.modern-dropdown-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.modern-dropdown-option:hover{background:#f7fafc}.modern-dropdown-option.selected{background:#edf2f7;color:#667eea}.modern-file-upload{border:2px dashed #cbd5e0;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.modern-file-upload:hover,.modern-file-upload.drag-active{border-color:#667eea;background:#f0f4ff}.modern-file-input{display:none}.modern-file-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.modern-upload-icon{color:#718096}.modern-upload-text{color:#4a5568;font-size:1rem}.modern-upload-link{color:#667eea;font-weight:600;text-decoration:underline}.modern-document-preview{display:flex;flex-direction:column;gap:5px;margin-top:1rem}.modern-document-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px}.modern-document-name{flex:1;font-size:.875rem;color:#4a5568}.modern-remove-document{color:#e53e3e;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.modern-remove-document:hover{background:#fed7d7}.modern-creator-type-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modern-creator-type-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left}.modern-creator-type-btn:hover{border-color:#cbd5e0;background:#f7fafc}.modern-creator-type-btn.active{border-color:#667eea;background:#f0f4ff;box-shadow:0 0 0 4px #667eea1a}.modern-creator-content h4{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 .25rem}.modern-creator-content p{font-size:.875rem;color:#718096;margin:0}.modern-skills-container{max-width:none}.modern-no-job-types{display:flex;align-items:center;gap:1rem;padding:2rem;background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;color:#c53030;text-align:center;justify-content:center}.modern-skills-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem}.modern-skills-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #667eea;display:inline-block}.modern-skill-input-container{position:relative;margin-bottom:2rem}.modern-skill-input-wrapper{display:flex;gap:.5rem;align-items:center}.modern-skill-input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;color:#2d3748;transition:all .2s ease}.modern-skill-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-add-skill-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.modern-add-skill-btn:hover{background:#5a67d8;transform:translateY(-1px)}.modern-skill-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.modern-skill-suggestion{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f7fafc}.modern-skill-suggestion:hover{background:#f7fafc}.modern-skill-suggestion:last-child{border-bottom:none}.modern-selected-skills-container{margin-bottom:2rem}.modern-subsection-title{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.modern-selected-skills{display:flex;flex-wrap:wrap;gap:.5rem}.modern-skill-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#48bb78;color:#fff;font-size:.875rem;font-weight:600;border-radius:20px;transition:all .2s ease}.modern-remove-skill-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.125rem;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.modern-remove-skill-btn:hover{background:#fff3}.modern-skill-suggestions-info{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#edf2f7;border-radius:8px;margin-top:1rem}.modern-skill-suggestions-info p{margin:0;font-size:.875rem;color:#4a5568;display:flex;align-items:center;gap:.5rem}.modern-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.modern-payment-section,.modern-upgrades-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.modern-payment-options{display:flex;flex-direction:column;gap:1rem}.modern-radio-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.modern-radio-option:hover{border-color:#cbd5e0;background:#f7fafc}.modern-radio-option:has(input:checked){border-color:#667eea;background:#f0f4ff}.modern-radio-content{display:flex;flex-direction:column}.modern-radio-title{font-size:1rem;font-weight:600;color:#2d3748}.modern-radio-description{font-size:.875rem;color:#718096}.modern-budget-section{margin-top:1.5rem}.modern-budget-title{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.modern-budget-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modern-budget-group{display:flex;flex-direction:column}.modern-upgrades-grid{display:flex;flex-direction:column;gap:.75rem}.modern-upgrade-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.modern-upgrade-option:hover{border-color:#cbd5e0;background:#f7fafc}.modern-upgrade-option:has(input:checked){border-color:#667eea;background:#f0f4ff}.modern-upgrade-content{display:flex;justify-content:space-between;align-items:center;flex:1}.modern-upgrade-title{font-size:.875rem;font-weight:600;color:#2d3748}.modern-upgrade-price{font-size:.875rem;font-weight:600;color:#667eea}.modern-review-container{max-width:none}.modern-review-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem}.modern-project-details{display:flex;flex-direction:column;gap:1rem}.modern-detail-item{display:flex;flex-direction:column;background:#fff;padding:1rem;border-radius:8px;border-left:4px solid #667eea}.modern-detail-label{font-size:.75rem;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.modern-detail-value{font-size:1rem;color:#2d3748;line-height:1.5}.modern-tags-section,.modern-devices-section{margin-top:1.5rem}.modern-tag-group{display:flex;flex-direction:column;gap:.75rem}.modern-tag-label,.modern-devices-label{font-size:.875rem;font-weight:600;color:#4a5568}.modern-tags{display:flex;flex-wrap:wrap;gap:.5rem}.modern-tag{padding:.25rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px}.modern-devices-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.modern-device-tag{padding:.25rem .75rem;background:#e2e8f0;color:#4a5568;font-size:.75rem;font-weight:500;border-radius:12px;border:1px solid #cbd5e0}.modern-document-section{margin-top:1.5rem}.modern-pricing-container{display:flex;flex-direction:column;gap:1.5rem}.modern-price-display{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.modern-price-type{font-size:1rem;font-weight:600;color:#4a5568}.modern-price-value{font-size:1.25rem;font-weight:700;color:#2d3748}.modern-resell-options{display:flex;flex-direction:column;gap:1rem}.modern-resell-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.modern-resell-option:hover{border-color:#cbd5e0;background:#f7fafc}.modern-resell-option:has(input:checked){border-color:#667eea;background:#f0f4ff}.modern-resell-content{display:flex;flex-direction:column}.modern-resell-title{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.25rem}.modern-resell-description{font-size:.875rem;color:#718096}.modern-terms-link{color:#667eea;font-weight:600;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.modern-discount-display{padding:1rem;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px}.modern-original-price{font-size:.875rem;color:#718096;text-decoration:line-through;margin-bottom:.25rem}.modern-discounted-price{font-size:1.125rem;font-weight:700;color:#38a169}.modern-navigation-section{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:#f7fafc;border-top:1px solid #e2e8f0}.modern-nav-btn{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.modern-nav-btn:disabled{opacity:.5;cursor:not-allowed}.modern-nav-btn-secondary{background:#fff;color:#4a5568;border-color:#e2e8f0}.modern-nav-btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.modern-nav-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.modern-nav-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.modern-terms-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modern-terms-modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:4xl;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modern-terms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modern-terms-modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.modern-terms-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.modern-terms-close-btn:hover{background:#ffffff1a}.modern-terms-modal-body{padding:2rem;overflow-y:auto;flex:1}.modern-terms-modal-body h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.modern-terms-modal-body h4{color:#4a5568;font-size:1.125rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem}.modern-terms-modal-body p{color:#718096;line-height:1.6;margin-bottom:1rem}.modern-terms-modal-body ul{margin-left:1.5rem;margin-bottom:1rem}.modern-terms-modal-body li{color:#718096;line-height:1.6;margin-bottom:.5rem}@media (max-width: 1024px){.modern-postjob-container{padding:1.5rem}.modern-payment-grid{grid-template-columns:1fr}}@media (max-width: 768px){.modern-postjob-container{padding:1rem}.modern-postjob-title{font-size:2rem}.modern-timeline-section{padding:1rem}.modern-step-container{padding:1.5rem}.modern-form-row,.modern-creator-type-options,.modern-budget-inputs{grid-template-columns:1fr}.modern-navigation-section{padding:1.5rem}.modern-nav-btn{padding:.75rem 1.5rem;font-size:.875rem}.modern-timeline-item{min-width:100px}.modern-timeline-title{font-size:.75rem}}@media (max-width: 480px){.modern-job-type-grid{grid-template-columns:repeat(2,1fr)}.modern-device-tabs,.modern-tags,.modern-devices-grid{justify-content:center}.modern-terms-modal-overlay{padding:.5rem}.modern-terms-modal-header{padding:1rem 1.5rem}.modern-terms-modal-body{padding:1.5rem}.modern-timeline-item{min-width:80px}.modern-timeline-marker{width:40px;height:40px}.modern-timeline-title{font-size:.7rem}}.modern-nav-btn:focus,.modern-job-type-btn:focus,.modern-device-tab:focus,.modern-skill-tag:focus,.modern-creator-type-btn:focus{outline:2px solid #667eea;outline-offset:2px}.modern-dropdown-options::-webkit-scrollbar,.modern-terms-modal-body::-webkit-scrollbar,.modern-skill-suggestions::-webkit-scrollbar{width:6px}.modern-dropdown-options::-webkit-scrollbar-track,.modern-terms-modal-body::-webkit-scrollbar-track,.modern-skill-suggestions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modern-dropdown-options::-webkit-scrollbar-thumb,.modern-terms-modal-body::-webkit-scrollbar-thumb,.modern-skill-suggestions::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.modern-dropdown-options::-webkit-scrollbar-thumb:hover,.modern-terms-modal-body::-webkit-scrollbar-thumb:hover,.modern-skill-suggestions::-webkit-scrollbar-thumb:hover{background:#a0aec0}.modern-step-content{animation:fadeInUp .3s ease-out}.mcp-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#1a202c}.mcp-header{text-align:center;margin-bottom:3rem}.mcp-title{font-size:2.5rem;font-weight:800;color:#2d3748;margin-bottom:.5rem;letter-spacing:-.025em}.mcp-subtitle{font-size:1.125rem;color:#718096;margin:0;font-weight:400}.mcp-timeline-section{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mcp-timeline{display:flex;justify-content:space-between;align-items:flex-start;position:relative;max-width:100%;margin:0 auto;overflow-x:auto;padding:0 10px}.mcp-timeline-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;text-align:center;min-width:120px}.mcp-timeline-marker{width:48px;height:48px;border-radius:50%;background:#e2e8f0;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#718096;transition:all .3s ease;z-index:2;position:relative}.mcp-timeline-marker.completed{background:#48bb78;border-color:#48bb78;color:#fff;cursor:pointer}.mcp-timeline-marker.current{background:#667eea;border-color:#667eea;color:#fff;box-shadow:0 0 0 4px #667eea33}.mcp-timeline-marker:hover.completed{transform:scale(1.05);box-shadow:0 4px 12px #48bb784d}.mcp-timeline-content{margin-top:1rem;max-width:120px}.mcp-timeline-title{font-size:.875rem;font-weight:600;color:#2d3748;margin-bottom:.25rem}.mcp-timeline-connector{position:absolute;top:24px;left:50%;right:-50%;height:3px;background:#e2e8f0;z-index:1;transition:background-color .3s ease}.mcp-timeline-connector.completed{background:#48bb78}.mcp-timeline-item:last-child .mcp-timeline-connector{display:none}.mcp-main{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.mcp-step-container{padding:2.5rem}.mcp-step-header{text-align:center;margin-bottom:2.5rem}.mcp-step-title{font-size:1.875rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.mcp-step-subtitle{font-size:1rem;color:#718096;margin:0}.mcp-form-section{background:#f7fafc;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0}.mcp-section-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #667eea;display:inline-block}.mcp-form-group{margin-bottom:1.5rem}.mcp-form-label{display:block;font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.mcp-form-input,.mcp-form-textarea,.mcp-form-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;color:#2d3748;transition:all .2s ease}.mcp-form-input:focus,.mcp-form-textarea:focus,.mcp-form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mcp-form-textarea{resize:vertical;min-height:120px}.mcp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mcp-form-error{display:block;color:#e53e3e;font-size:.75rem;margin-top:.25rem}.mcp-form-hint{display:block;color:#718096;font-size:.75rem;margin-top:.25rem}.mcp-product-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.mcp-product-type-btn{padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mcp-product-type-btn:hover{border-color:#cbd5e0;background:#f7fafc}.mcp-product-type-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.mcp-type-icon{font-size:1.5rem}.mcp-type-name{font-size:.75rem}.mcp-device-selection{margin-top:1rem}.mcp-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.mcp-device-option{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.mcp-device-option:hover{background:#edf2f7}.mcp-device-name{font-size:.75rem;color:#4a5568}.mcp-tags-input-container{position:relative}.mcp-tags-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;z-index:10;max-height:200px;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a}.mcp-tag-suggestion-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f7fafc}.mcp-tag-suggestion-item:hover{background:#f7fafc}.mcp-tag-suggestion-item:last-child{border-bottom:none}.mcp-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.mcp-tag-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#48bb78;color:#fff;font-size:.875rem;font-weight:600;border-radius:20px;transition:all .2s ease}.mcp-tag-remove-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.125rem;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.mcp-tag-remove-btn:hover{background:#fff3}.mcp-upload-section{display:flex;flex-direction:column;gap:2rem}.mcp-upload-group{background:#f7fafc;border-radius:12px;padding:2rem;border:1px solid #e2e8f0}.mcp-upload-subtitle{font-size:1.125rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.mcp-dropzone{border:2px dashed #cbd5e0;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.mcp-dropzone:hover,.mcp-dropzone.dragging{border-color:#667eea;background:#f0f4ff}.mcp-file-input{display:none}.mcp-upload-icon{color:#718096;margin:0 auto 1rem}.mcp-upload-title{font-size:1rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.mcp-upload-text{color:#4a5568;font-size:.875rem;margin-bottom:1rem}.mcp-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.mcp-upload-btn:hover{background:#5a67d8;transform:translateY(-1px)}.mcp-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.mcp-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f7fafc}.mcp-preview-img,.mcp-preview-video{width:100%;height:100%;object-fit:cover}.mcp-remove-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:50%;background:#e53e3e;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.mcp-preview-item:hover .mcp-remove-btn{opacity:1}.mcp-files-list{margin-top:1.5rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.mcp-file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #f7fafc;transition:background-color .2s ease}.mcp-file-item:last-child{border-bottom:none}.mcp-file-item:hover{background:#f8fafc}.mcp-file-icon{color:#667eea}.mcp-file-name{flex:1;font-size:.875rem;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcp-file-remove-btn{background:none;border:none;color:#e53e3e;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.mcp-file-remove-btn:hover{background:#fed7d7}.mcp-pricing-section{background:#f7fafc;border-radius:12px;padding:2rem;border:1px solid #e2e8f0}.mcp-pricing-container{display:flex;flex-direction:column;gap:2rem}.mcp-amount-section{display:flex;flex-direction:column;gap:1rem}.mcp-amount-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.mcp-free-checkbox{margin-bottom:1rem}.mcp-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#4a5568}.mcp-checkbox{width:1rem;height:1rem;accent-color:#667eea}.mcp-price-input-container{position:relative}.mcp-price-input{width:100%;max-width:300px;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1.25rem;font-weight:600;background:#fff;color:#2d3748;transition:all .2s ease}.mcp-price-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mcp-price-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.mcp-commission-note{font-size:.875rem;color:#e53e3e;margin-top:.5rem;font-style:italic}.mcp-pricing-breakdown{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.mcp-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f7fafc}.mcp-breakdown-item:last-child{border-bottom:none}.mcp-breakdown-label{font-size:.875rem;color:#4a5568;font-weight:500}.mcp-breakdown-value{font-size:1rem;font-weight:600;color:#2d3748;position:relative}.mcp-fee-percentage{font-size:.75rem;color:#718096;font-weight:400}.mcp-platform-fee .mcp-breakdown-value{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.mcp-crossed-fee{font-size:.75rem;color:#a0aec0;text-decoration:line-through;font-weight:400}.mcp-total{border-top:2px solid #e2e8f0;padding-top:1rem;margin-top:.5rem}.mcp-total .mcp-breakdown-label{font-size:1.125rem;font-weight:700;color:#2d3748}.mcp-total .mcp-breakdown-value{font-size:1.5rem;font-weight:800;color:#48bb78}.mcp-promotion-notice{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;font-size:.875rem;color:#38a169;font-weight:500}.mcp-review-container{max-width:none}.mcp-review-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem}.mcp-product-details{display:flex;flex-direction:column;gap:1rem}.mcp-detail-item{display:flex;flex-direction:column;background:#fff;padding:1rem;border-radius:8px;border-left:4px solid #667eea}.mcp-detail-label{font-size:.75rem;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.mcp-detail-value{font-size:1rem;color:#2d3748;line-height:1.5}.mcp-tags-section{margin-top:1.5rem}.mcp-tag-group{display:flex;flex-direction:column;gap:.75rem}.mcp-tag-label{font-size:.875rem;font-weight:600;color:#4a5568}.mcp-tags{display:flex;flex-wrap:wrap;gap:.5rem}.mcp-tag{padding:.25rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;border-radius:12px}.mcp-media-summary{margin-top:1.5rem}.mcp-subsection-title{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.mcp-media-stats{display:flex;gap:1rem;flex-wrap:wrap}.mcp-media-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#edf2f7;border-radius:8px;font-size:.875rem;color:#4a5568}.mcp-terms-container{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.mcp-terms-options{display:flex;flex-direction:column;gap:1rem}.mcp-terms-option{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:1rem;border-radius:8px;transition:background-color .2s ease}.mcp-terms-option:hover{background:#f8fafc}.mcp-terms-option input[type=checkbox]{margin-top:.125rem;width:1rem;height:1rem;accent-color:#667eea}.mcp-terms-option span{font-size:.875rem;line-height:1.5;color:#4a5568}.mcp-terms-link{color:#667eea;font-weight:600;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.mcp-terms-link:hover{color:#5a67d8}.mcp-terms-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.mcp-terms-modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:4xl;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.mcp-terms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mcp-terms-modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.mcp-terms-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.mcp-terms-close-btn:hover{background:#ffffff1a}.mcp-terms-modal-body{padding:2rem;overflow-y:auto;flex:1}.mcp-terms-modal-body h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.mcp-terms-modal-body h4{color:#4a5568;font-size:1.125rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem}.mcp-terms-modal-body p{color:#718096;line-height:1.6;margin-bottom:1rem}.mcp-terms-modal-body ul{margin-left:1.5rem;margin-bottom:1rem}.mcp-terms-modal-body li{color:#718096;line-height:1.6;margin-bottom:.5rem}.mcp-navigation-section{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:#f7fafc;border-top:1px solid #e2e8f0}.mcp-nav-btn{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.mcp-nav-btn:disabled{opacity:.5;cursor:not-allowed}.mcp-nav-btn-secondary{background:#fff;color:#4a5568;border-color:#e2e8f0}.mcp-nav-btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.mcp-nav-btn-primary{background:#ef8504;color:#fff;box-shadow:0 4px 12px #667eea4d}.mcp-nav-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media (max-width: 1024px){.mcp-container{padding:1.5rem}.mcp-form-row{grid-template-columns:1fr}}@media (max-width: 768px){.mcp-container{padding:1rem}.mcp-title{font-size:2rem}.mcp-timeline-section{padding:1rem}.mcp-step-container{padding:1.5rem}.mcp-product-type-grid{grid-template-columns:repeat(2,1fr)}.mcp-device-grid{grid-template-columns:1fr}.mcp-navigation-section{padding:1.5rem}.mcp-nav-btn{padding:.75rem 1.5rem;font-size:.875rem}.mcp-timeline-item{min-width:100px}.mcp-timeline-title{font-size:.75rem}.mcp-pricing-breakdown{padding:1rem}.mcp-breakdown-item{padding:.5rem 0}}@media (max-width: 480px){.mcp-product-type-grid{grid-template-columns:1fr}.mcp-media-stats{flex-direction:column}.mcp-timeline-item{min-width:80px}.mcp-timeline-marker{width:40px;height:40px}.mcp-timeline-title{font-size:.7rem}.mcp-price-input{max-width:100%}.mcp-breakdown-item{flex-direction:column;align-items:flex-start;gap:.25rem}.mcp-platform-fee .mcp-breakdown-value{align-items:flex-start}}.mcp-nav-btn:focus,.mcp-product-type-btn:focus,.mcp-device-option:focus,.mcp-tag-item:focus,.mcp-terms-option:focus{outline:2px solid #667eea;outline-offset:2px}.mcp-device-grid::-webkit-scrollbar,.mcp-tags-suggestions::-webkit-scrollbar,.mcp-terms-modal-body::-webkit-scrollbar{width:6px}.mcp-device-grid::-webkit-scrollbar-track,.mcp-tags-suggestions::-webkit-scrollbar-track,.mcp-terms-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.mcp-device-grid::-webkit-scrollbar-thumb,.mcp-tags-suggestions::-webkit-scrollbar-thumb,.mcp-terms-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.mcp-device-grid::-webkit-scrollbar-thumb:hover,.mcp-tags-suggestions::-webkit-scrollbar-thumb:hover,.mcp-terms-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mcp-step-content{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-container{margin:32px}.cart-title{font-size:32px;font-weight:600;margin-bottom:1.5rem;color:#1f1f1f;font-family:Poppins}.error-message{border:1px solid #333;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.Three-dot-loader{display:flex;align-items:center;justify-content:center}.cart-message{text-align:center;padding:2rem;font-size:1.2rem;color:#333;border-radius:8px;margin:2rem auto}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 1rem}.spinner-small{border:2px solid #f3f3f3;border-top:2px solid #ffffff;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}.cart-empty img{width:200px;height:200px}.cart-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 769px){.cart-layout{grid-template-columns:2fr 1fr}}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:grid;grid-template-columns:150px 1fr auto;gap:1.5rem;padding:.4rem;max-width:700px;background:#faf6f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.cart-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.cart-item-image{width:150px;height:120px;overflow:hidden;border-radius:8px}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{display:flex;flex-direction:column}.cart-item-details h3{font-size:18px;font-weight:600;margin:0}.price-cart{font-size:24px;font-weight:600;color:#1f1f1f}.quantity-controls{display:flex;align-items:center;gap:1rem}.quantity-controls span{font-size:14px;color:#333}.remove-btn{height:fit-content;color:#fff;background-color:transparent;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;font-weight:500}.remove-btn:disabled{cursor:not-allowed}.removing-text{display:flex;align-items:center;justify-content:center}.cart-summary{background:#faf6f9;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;position:sticky;top:1.5rem;color:#000}.cart-summary h3{margin:0 0 1rem;font-size:1.25rem;color:#1a1a1a;font-weight:600}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #0e0e0f}.summary-row:last-child{border-bottom:none}.summary-row.total{font-weight:600;font-size:1.125rem;padding-top:1rem;margin-top:.5rem}.checkout-btn{width:100%;padding:1rem;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:1.5rem}.checkout-btn:hover{background-color:#1d4ed8}.checkout-link{text-decoration:none;display:block}@media (max-width: 768px){.cart-item{padding:.2rem;grid-template-columns:120px 1fr auto}.cart-item-details h3{font-size:16px}.cart-item{gap:.3rem}.cart-item-image{width:120px}.price-cart{font-size:20px}.cart-container{margin:16px}.cart-summary{position:static}}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #e5e7eb;font-size:1rem}.summary-row.discount{color:#16a34a;font-weight:500}.summary-row.total{font-weight:700;font-size:1.15rem;border-top:2px solid #1f2937;border-bottom:none;margin-top:1rem;padding-top:1rem}.summary-desc{font-size:.85em;color:#6b7280;font-weight:400;margin-left:4px}.summary-savings{background:#e0ffe0;color:#15803d;border-radius:6px;padding:.5rem .75rem;margin:1rem 0 .5rem;font-size:.98rem;font-weight:500;text-align:center}.myjob-container{margin:0 auto;padding:24px;background:#fafafa;min-height:100vh}.myjob-search-section{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.myjob-search-bar{flex:1;position:relative;max-width:400px}.myjob-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.myjob-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#f9fafb;transition:all .2s ease;outline:none}.myjob-search-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.myjob-filter-controls{display:flex;gap:12px;align-items:center}.myjob-filter-btn,.myjob-sort-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.myjob-filter-btn:hover,.myjob-sort-btn:hover{border-color:#4f46e5;color:#4f46e5}.myjob-filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.myjob-filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.myjob-filter-row{display:flex;gap:24px;margin-bottom:20px}.myjob-filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.myjob-filter-group label{font-weight:600;color:#374151;font-size:14px}.myjob-filter-select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#374151;font-size:14px;outline:none;transition:all .2s ease}.myjob-filter-select:focus{border-color:#4f46e5;background:#fff}.myjob-filter-actions{display:flex;gap:12px}.myjob-apply-btn,.myjob-clear-btn{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.myjob-apply-btn{background:#4f46e5;color:#fff}.myjob-apply-btn:hover{background:#4338ca}.myjob-clear-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.myjob-clear-btn:hover{background:#e5e7eb}.myjob-content{display:grid;grid-template-columns:1fr 2fr;gap:32px;min-height:600px}.myjob-content-left{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;height:fit-content;max-height:80vh;overflow-y:auto}.myjob-jobs-list{display:flex;flex-direction:column;gap:16px}.myjob-card{border:2px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:280px}.myjob-card:hover{border-color:#4f46e5;box-shadow:0 4px 20px #4f46e51a;transform:translateY(-2px)}.myjob-card-selected{border-color:#4f46e5;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 8px 32px #4f46e54d}.myjob-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.myjob-card-type{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.myjob-card-selected .myjob-card-type{color:#fffc!important}.myjob-card-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.myjob-publish-btn{padding:6px 12px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.myjob-publish-btn:hover{background:#d97706}.myjob-menu-icon{color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.myjob-menu-icon:hover{background:#f3f4f6}.myjob-card-selected .myjob-menu-icon{color:#fffc!important}.myjob-card-selected .myjob-menu-icon:hover{background:#ffffff1a!important}.myjob-card-body{display:flex;flex-direction:column;gap:12px}.myjob-title-link{text-decoration:none;color:inherit}.myjob-card-title{font-size:18px;font-weight:700;color:#111827;margin:0;line-height:1.4;transition:all .2s ease}.myjob-title-link:hover .myjob-card-title{color:#4f46e5}.myjob-card-selected .myjob-card-title{color:#fff!important}.myjob-card-meta{display:flex;gap:16px;flex-wrap:wrap}.myjob-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.myjob-card-selected .myjob-meta-item{color:#fffc!important}.myjob-card-details{display:flex;justify-content:space-between;gap:16px}.myjob-detail-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151;font-weight:500}.myjob-card-selected .myjob-detail-item{color:#ffffffe6!important}.myjob-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.myjob-card-selected .myjob-card-footer{border-top-color:#fff3!important}.myjob-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.myjob-status-draft{background:#fef3c7;color:#92400e}.myjob-status-published{background:#d1fae5;color:#065f46}.myjob-status-progress{background:#dbeafe;color:#1e40af}.myjob-status-completed{background:#e0e7ff;color:#3730a3}.myjob-bid-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;font-weight:500}.myjob-card-selected .myjob-bid-indicator{color:#fffc!important}.myjob-content-right{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;height:fit-content;max-height:80vh;overflow-y:auto}.myjob-selected-header{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.myjob-selected-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;line-height:1.3}.myjob-selected-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.myjob-selected-budget{font-size:16px;font-weight:600;color:#059669}.myjob-bids-list{display:flex;flex-direction:column;gap:16px}.myjob-bid-card-horizontal{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease;position:relative;min-height:80px}.myjob-bid-card-horizontal:hover{border-color:#4f46e5;box-shadow:0 4px 20px #4f46e51a;transform:translateY(-1px)}.myjob-bid-card-horizontal.myjob-bid-selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.myjob-priority-badge{position:absolute;top:-6px;right:12px;background:#ef4444;color:#fff;padding:3px 6px;border-radius:8px;font-size:9px;font-weight:700;display:flex;align-items:center;gap:2px;text-transform:uppercase}.myjob-bid-avatar-container{flex-shrink:0}.myjob-bid-avatar-horizontal{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb}.myjob-bid-info-horizontal{flex:1;min-width:0}.myjob-bid-name-horizontal{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.2}.myjob-bid-title-horizontal{font-size:14px;color:#6b7280;margin:0;line-height:1.3}.myjob-bid-amount-horizontal{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:120px}.myjob-amount-label-horizontal{font-size:14px;color:#6b7280;font-weight:500}.myjob-amount-value-horizontal{font-size:20px;font-weight:700;color:#111827;display:flex;align-items:baseline;gap:2px}.myjob-hourly-rate{font-size:14px;color:#6b7280;font-weight:500}.myjob-bid-duration-horizontal{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:100px}.myjob-duration-label-horizontal{font-size:14px;color:#6b7280;font-weight:500}.myjob-duration-value-horizontal{font-size:16px;font-weight:600;color:#111827}.myjob-bid-actions-horizontal{flex-shrink:0}.myjob-view-more-btn{padding:8px 16px;background:transparent;color:#4f46e5;border:2px solid #4f46e5;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;outline:none}.myjob-view-more-btn:hover{background:#4f46e5;color:#fff;transform:translateY(-1px)}.myjob-bid-card{border:2px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;transition:all .3s ease;position:relative}.myjob-bid-card:hover{border-color:#4f46e5;box-shadow:0 4px 20px #4f46e51a}.myjob-bid-profile{display:flex;gap:12px;margin-bottom:12px}.myjob-bid-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.myjob-bid-info{flex:1}.myjob-bid-name{font-size:16px;font-weight:700;color:#111827;margin:0 0 4px}.myjob-bid-bio{font-size:13px;color:#6b7280;margin:0;line-height:1.3}.myjob-bid-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.myjob-bid-stat{text-align:center}.myjob-stat-label{display:block;font-size:10px;color:#6b7280;font-weight:600;text-transform:uppercase;margin-bottom:2px}.myjob-stat-value{display:block;font-size:14px;color:#111827;font-weight:700}.myjob-bid-amount{text-align:center;display:flex;flex-direction:column;gap:2px}.myjob-amount-main{display:flex;flex-direction:column;gap:4px}.myjob-amount-label{font-size:10px;color:#6b7280;font-weight:600;text-transform:uppercase}.myjob-amount-value{font-size:16px;color:#059669;font-weight:700}.myjob-amount-total{font-size:10px;color:#6b7280;margin-top:1px}.myjob-bid-actions{display:flex;justify-content:flex-end}.myjob-details-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;outline:none}.myjob-details-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.myjob-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.myjob-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #4f46e5;border-radius:50%;animation:myjob-spin 1s linear infinite;margin-bottom:16px}@keyframes myjob-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.myjob-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.myjob-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.myjob-empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.myjob-empty-state p{font-size:16px;color:#6b7280;margin:0;max-width:300px;line-height:1.5}.myjob-pagination-wrapper{margin-top:32px}.myjob-content-left::-webkit-scrollbar,.myjob-content-right::-webkit-scrollbar{width:8px}.myjob-content-left::-webkit-scrollbar-track,.myjob-content-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.myjob-content-left::-webkit-scrollbar-thumb,.myjob-content-right::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.myjob-content-left::-webkit-scrollbar-thumb:hover,.myjob-content-right::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width: 1200px){.myjob-content{grid-template-columns:1fr;gap:24px}.myjob-content-left{max-height:40vh}.myjob-bid-details{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 968px){.myjob-content-left{max-height:none;overflow-x:auto;overflow-y:hidden;padding:16px}.myjob-jobs-list{display:flex;flex-direction:row;gap:16px;padding-bottom:12px;min-height:200px}.myjob-card{min-width:300px;max-width:300px;flex-shrink:0;padding:16px}.myjob-content-left::-webkit-scrollbar{height:8px;width:auto}.myjob-content-left::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.myjob-content-left::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.myjob-content-left::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.myjob-content-left{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}}@media (max-width: 768px){.myjob-container{padding:16px}.myjob-search-section{flex-direction:column;gap:16px;align-items:flex-start}.myjob-search-bar{max-width:none}.myjob-filter-controls{justify-content:center}.myjob-filter-row{flex-direction:column;gap:16px}.myjob-filter-group{min-width:auto}.myjob-content{gap:16px}.myjob-content-right{padding:16px;max-height:none}.myjob-content-left{padding:12px}.myjob-card{min-width:280px;max-width:280px;padding:14px}.myjob-card-actions{margin-left:0;align-self:flex-end}.myjob-card-details{flex-direction:column;gap:6px}.myjob-selected-title{font-size:20px}.myjob-bid-profile{gap:10px}.myjob-bid-avatar{width:40px;height:40px}.myjob-bid-card-horizontal{flex-wrap:wrap;gap:12px;padding:12px 16px;min-height:auto}.myjob-bid-avatar-horizontal{width:50px;height:50px}.myjob-bid-info-horizontal{flex:1;min-width:150px}.myjob-bid-name-horizontal{font-size:16px}.myjob-bid-title-horizontal{font-size:13px}.myjob-bid-amount-horizontal,.myjob-bid-duration-horizontal{min-width:90px}.myjob-amount-value-horizontal{font-size:18px}.myjob-duration-value-horizontal{font-size:14px}.myjob-view-more-btn{padding:6px 12px;font-size:13px}.myjob-bid-details{grid-template-columns:1fr;gap:8px;text-align:left}.myjob-bid-amount{text-align:left}.myjob-details-btn{padding:8px 14px;font-size:13px}.myjob-bid-card{padding:12px}}@media (max-width: 480px){.myjob-container{padding:12px}.myjob-search-section{padding:16px}.myjob-content-left,.myjob-content-right{padding:12px}.myjob-card{min-width:260px;max-width:260px;padding:12px}.myjob-card-title{font-size:16px}.myjob-selected-title{font-size:18px}.myjob-bid-card{padding:10px}.myjob-filter-panel{padding:16px}.myjob-filter-actions{flex-direction:column}.myjob-apply-btn,.myjob-clear-btn{width:100%}.myjob-bid-card-horizontal{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.myjob-bid-avatar-horizontal{width:45px;height:45px;align-self:flex-start}.myjob-bid-info-horizontal{width:100%;min-width:auto}.myjob-bid-name-horizontal{font-size:15px}.myjob-bid-title-horizontal{font-size:12px}.myjob-bid-bottom-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.myjob-bid-amount-horizontal,.myjob-bid-duration-horizontal{min-width:auto;flex:1}.myjob-amount-value-horizontal{font-size:16px}.myjob-duration-value-horizontal{font-size:13px}.myjob-view-more-btn{padding:6px 10px;font-size:12px;white-space:nowrap}}.myjob-card:focus,.myjob-bid-card:focus,.myjob-details-btn:focus,.myjob-search-input:focus,.myjob-filter-btn:focus,.myjob-sort-btn:focus{outline:3px solid rgba(79,70,229,.3);outline-offset:2px}.myjob-card,.myjob-bid-card{animation:myjob-fadeIn .3s ease-out}@keyframes myjob-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.myjob-card-selected{animation:myjob-selectPulse .3s ease-out}@keyframes myjob-selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media print{.myjob-search-section,.myjob-filter-panel,.myjob-pagination-wrapper{display:none}.myjob-container{padding:0;background:#fff}.myjob-content{grid-template-columns:1fr;gap:20px}.myjob-card,.myjob-bid-card{border:1px solid #000000;break-inside:avoid}}.ongoing-container{margin:0 auto;padding:24px;background:#fafafa;min-height:100vh}.ongoing-search-section{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.ongoing-search-bar{flex:1;position:relative;max-width:400px}.ongoing-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.ongoing-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#f9fafb;transition:all .2s ease;outline:none}.ongoing-search-input:focus{border-color:#f59e0b;background:#fff;box-shadow:0 0 0 3px #f59e0b1a}.ongoing-filter-controls{display:flex;gap:12px;align-items:center}.ongoing-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.ongoing-filter-btn:hover{border-color:#f59e0b;color:#f59e0b}.ongoing-filter-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.ongoing-content{display:grid;grid-template-columns:1fr 2fr;gap:32px;min-height:600px}.ongoing-content-left{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;height:fit-content;max-height:80vh;overflow-y:auto}.ongoing-jobs-list{display:flex;flex-direction:column;gap:16px}.ongoing-card{border:2px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:280px}.ongoing-card:hover{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b1a;transform:translateY(-2px)}.ongoing-card-selected{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 8px 32px #f59e0b4d}.ongoing-card-selected *{color:#fff!important}.ongoing-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ongoing-card-type{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.ongoing-card-selected .ongoing-card-type{color:#fffc!important}.ongoing-card-actions{display:flex;align-items:center;gap:12px}.ongoing-menu-icon{color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.ongoing-menu-icon:hover{background:#f3f4f6}.ongoing-card-selected .ongoing-menu-icon{color:#fffc!important}.ongoing-card-selected .ongoing-menu-icon:hover{background:#ffffff1a!important}.ongoing-card-body{display:flex;flex-direction:column;gap:12px}.ongoing-title-link{text-decoration:none;color:inherit}.ongoing-card-title{font-size:18px;font-weight:700;color:#111827;margin:0;line-height:1.4;transition:all .2s ease}.ongoing-title-link:hover .ongoing-card-title{color:#f59e0b}.ongoing-card-selected .ongoing-card-title{color:#fff!important}.ongoing-card-meta{display:flex;gap:16px;flex-wrap:wrap}.ongoing-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.ongoing-card-selected .ongoing-meta-item{color:#fffc!important}.ongoing-card-details{display:flex;justify-content:space-between;gap:16px}.ongoing-detail-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151;font-weight:500}.ongoing-card-selected .ongoing-detail-item{color:#ffffffe6!important}.ongoing-card-footer{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.ongoing-card-selected .ongoing-card-footer{border-top-color:#fff3!important}.ongoing-progress-indicator{display:flex;flex-direction:column;gap:6px}.ongoing-progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.ongoing-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.ongoing-card-selected .ongoing-progress-bar{background:#ffffff4d}.ongoing-card-selected .ongoing-progress-fill{background:#fff}.ongoing-progress-text{font-size:12px;color:#6b7280;font-weight:500}.ongoing-card-selected .ongoing-progress-text{color:#fffc!important}.ongoing-content-right{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;height:fit-content;max-height:80vh;overflow-y:auto}.ongoing-selected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.ongoing-selected-title{font-size:24px;font-weight:700;color:#111827;margin:0;line-height:1.3}.ongoing-selected-actions{display:flex;gap:12px}.ongoing-support-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.ongoing-support-btn:hover{background:#d97706;transform:translateY(-1px)}.ongoing-submissions-list{display:flex;flex-direction:column;gap:20px}.ongoing-submission-card{border:2px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff;transition:all .3s ease}.ongoing-submission-card:hover{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b1a}.ongoing-submission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ongoing-level-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px}.ongoing-submission-status{display:flex;align-items:center}.ongoing-status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.ongoing-status-submitted{background:#dbeafe;color:#1e40af}.ongoing-status-approved{background:#d1fae5;color:#065f46}.ongoing-status-revision{background:#fef3c7;color:#92400e}.ongoing-status-resubmitted{background:#e0e7ff;color:#3730a3}.ongoing-submission-content{display:flex;flex-direction:column;gap:16px}.ongoing-submission-description h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.ongoing-submission-description p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.ongoing-submission-dates{display:flex;gap:24px;flex-wrap:wrap}.ongoing-date-item{display:flex;flex-direction:column;gap:2px}.ongoing-date-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.ongoing-date-value{font-size:13px;color:#374151;font-weight:500}.ongoing-files-section{display:flex;flex-direction:column;gap:8px}.ongoing-files-section h4{font-size:14px;font-weight:600;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.5px}.ongoing-files-grid{display:flex;flex-wrap:wrap;gap:8px}.ongoing-file-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:12px;color:#374151;font-weight:500}.ongoing-file-item:hover{background:#e5e7eb;transform:translateY(-1px)}.ongoing-revision-file{background:#fef3c7;color:#92400e}.ongoing-revision-file:hover{background:#fde68a}.ongoing-links-list{display:flex;flex-direction:column;gap:6px}.ongoing-link-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#eff6ff;border-radius:8px;text-decoration:none;color:#1d4ed8;font-size:13px;font-weight:500;transition:all .2s ease}.ongoing-link-item:hover{background:#dbeafe;transform:translateY(-1px)}.ongoing-submission-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;flex-wrap:wrap}.ongoing-submission-actions button{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.ongoing-approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ongoing-approve-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ongoing-revision-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.ongoing-revision-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.ongoing-approved-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;opacity:.7;cursor:not-allowed}.ongoing-revision-requested-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;opacity:.7;cursor:not-allowed}.ongoing-submission-actions button:disabled{opacity:.7;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.ongoing-final-project{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:16px;padding:24px;margin-top:24px}.ongoing-project-ready{text-align:center;margin-bottom:20px}.ongoing-project-ready h3{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;color:#065f46;margin:0 0 16px}.ongoing-review-steps{color:#047857;text-align:left;max-width:600px;margin:0 auto}.ongoing-review-steps p{margin-bottom:8px;line-height:1.5}.ongoing-review-steps ul{margin:8px 0 0 20px;padding:0}.ongoing-review-steps li{margin-bottom:6px;line-height:1.5}.ongoing-final-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ongbtn{display:flex;align-items:center;gap:5px;padding:12px 24px;font-size:16px}.ongoing-download-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.ongoing-download-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.ongoing-satisfied-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ongoing-satisfied-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ongoing-payment-required{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;padding:24px;margin-top:24px;text-align:center}.ongoing-payment-message{margin-bottom:20px}.ongoing-payment-message h3{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;color:#92400e;margin:0 0 12px}.ongoing-payment-message p{color:#78350f;font-size:16px;margin:0;line-height:1.5}.ongoing-pay-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;margin:0 auto}.ongoing-pay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}.ongoing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.ongoing-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #f59e0b;border-radius:50%;animation:ongoing-spin 1s linear infinite;margin-bottom:16px}@keyframes ongoing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ongoing-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.ongoing-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.ongoing-empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.ongoing-empty-state p{font-size:16px;color:#6b7280;margin:0;max-width:300px;line-height:1.5}.ongoing-pagination-wrapper{margin-top:32px}.ongoing-feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ongoing-feedback-modal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;padding:24px;width:100%;max-width:500px;position:relative;animation:ongoing-fadeIn .3s ease}@keyframes ongoing-fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ongoing-feedback-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px}.ongoing-feedback-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 20px;text-align:center}.ongoing-feedback-group{margin-bottom:16px}.ongoing-feedback-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.ongoing-feedback-group textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;resize:vertical;outline:none;transition:all .2s ease}.ongoing-feedback-group textarea:focus{border-color:#f59e0b;background:#fff;box-shadow:0 0 0 3px #f59e0b1a}.ongoing-feedback-group input[type=file]{width:100%;padding:8px;border:2px dashed #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer}.ongoing-feedback-files{list-style:none;padding:0;margin:8px 0 0}.ongoing-feedback-files li{background:#f3f4f6;padding:6px 12px;border-radius:6px;font-size:13px;color:#374151;margin-bottom:4px}.ongoing-feedback-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.ongoing-feedback-cancel,.ongoing-feedback-submit{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ongoing-feedback-cancel{background:#f3f4f6;color:#374151}.ongoing-feedback-cancel:hover{background:#e5e7eb}.ongoing-feedback-submit{background:#f59e0b;color:#fff}.ongoing-feedback-submit:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.ongoing-feedback-submit:disabled{background:#d1d5db;cursor:not-allowed}.ongoing-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.ongoing-preview-content{position:relative;max-width:90%;max-height:90%;background:#fff;border-radius:12px;overflow:hidden}.ongoing-preview-close{position:absolute;top:16px;right:16px;background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center}.ongoing-content-left::-webkit-scrollbar,.ongoing-content-right::-webkit-scrollbar{width:8px}.ongoing-content-left::-webkit-scrollbar-track,.ongoing-content-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ongoing-content-left::-webkit-scrollbar-thumb,.ongoing-content-right::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ongoing-content-left::-webkit-scrollbar-thumb:hover,.ongoing-content-right::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width: 1200px){.ongoing-content{grid-template-columns:1fr;gap:24px}.ongoing-content-left{max-height:50vh}}@media (max-width: 968px){.ongoing-content-left{max-height:none;overflow-x:auto;overflow-y:hidden;padding:16px}.ongoing-jobs-list{display:flex;flex-direction:row;gap:16px;padding-bottom:12px;min-height:200px}.ongoing-card{min-width:300px;max-width:300px;flex-shrink:0;padding:16px}.ongoing-content-left::-webkit-scrollbar{height:8px;width:auto}.ongoing-content-left::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ongoing-content-left::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ongoing-content-left::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.ongoing-content-left{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}}@media (max-width: 768px){.ongoing-container{padding:16px}.ongoing-search-section{flex-direction:column;gap:16px;align-items:flex-start}.ongoing-search-bar{max-width:none}.ongoing-filter-controls{justify-content:center}.ongoing-content{gap:16px}.ongoing-content-right{padding:16px;max-height:none}.ongoing-content-left{padding:12px}.ongoing-card{min-width:280px;max-width:280px;padding:14px}.ongoing-selected-header{flex-direction:column;align-items:flex-start;gap:12px}.ongoing-selected-actions{align-self:flex-end}.ongoing-selected-title{font-size:20px}.ongoing-submission-actions{flex-direction:column}.ongoing-submission-actions button{width:100%}.ongoing-final-actions{flex-direction:column}.ongoing-final-actions button{width:100%}.ongoing-submission-dates{flex-direction:column;gap:12px}}@media (max-width: 480px){.ongoing-container{padding:12px}.ongoing-search-section{padding:16px}.ongoing-content-left,.ongoing-content-right{padding:12px}.ongoing-card{min-width:260px;max-width:260px;padding:12px}.ongoing-card-title{font-size:16px}.ongoing-selected-title{font-size:18px}.ongoing-submission-card{padding:16px}.ongoing-feedback-modal{margin:16px;padding:20px}}.ongoing-card:focus,.ongoing-submission-card:focus,.ongoing-search-input:focus,.ongoing-filter-btn:focus{outline:3px solid rgba(245,158,11,.3);outline-offset:2px}.ongoing-card,.ongoing-submission-card{animation:ongoing-fadeInUp .3s ease-out}@keyframes ongoing-fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ongoing-card-selected{animation:ongoing-selectPulse .3s ease-out}@keyframes ongoing-selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media print{.ongoing-search-section,.ongoing-pagination-wrapper{display:none}.ongoing-container{padding:0;background:#fff}.ongoing-content{grid-template-columns:1fr;gap:20px}.ongoing-card,.ongoing-submission-card{border:1px solid #000000;break-inside:avoid}}.rd-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;padding:1rem;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.rd-modal{background-color:#fff;border-radius:12px;width:100%;max-width:600px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.rd-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.rd-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.rd-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.rd-close-btn:hover{background-color:#f3f4f6;color:#374151}.rd-form{padding:1.5rem}.rd-form-group{margin-bottom:1.5rem}.rd-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.rd-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s}.rd-textarea{resize:vertical;min-height:100px}.rd-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rd-file-input-wrapper{position:relative;border:2px dashed #d1d5db;border-radius:6px;padding:2rem 1.5rem;text-align:center;transition:all .2s}.rd-file-input-wrapper:hover{border-color:#2563eb;background-color:#2563eb0d}.rd-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.rd-file-input-text{font-size:.875rem;color:#6b7280}.rd-form-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.rd-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.rd-btn-primary{background-color:#2563eb;color:#fff;border:none}.rd-btn-primary:hover{background-color:#1d4ed8}.rd-btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.rd-btn-secondary:hover{background-color:#f3f4f6}@media (max-width: 640px){.rd-modal{margin:1rem;max-height:calc(100vh - 2rem)}.rd-form-footer{flex-direction:column-reverse}.rd-btn{width:100%;text-align:center}}.completed-container{margin:0 auto;padding:24px;background:#fafafa;min-height:100vh}.completed-search-section{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.completed-search-bar{flex:1;position:relative;max-width:400px}.completed-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.completed-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#f9fafb;transition:all .2s ease;outline:none}.completed-search-input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.completed-filter-controls{display:flex;gap:12px;align-items:center}.completed-filter-btn,.completed-sort-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.completed-filter-btn:hover,.completed-sort-btn:hover{border-color:#10b981;color:#10b981}.completed-filter-btn.active{background:#10b981;border-color:#10b981;color:#fff}.completed-filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.completed-filter-row{display:flex;gap:24px;margin-bottom:20px}.completed-filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.completed-filter-group label{font-weight:600;color:#374151;font-size:14px}.completed-filter-select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#374151;font-size:14px;outline:none;transition:all .2s ease}.completed-filter-select:focus{border-color:#10b981;background:#fff}.completed-filter-actions{display:flex;gap:12px}.completed-apply-btn,.completed-clear-btn{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.completed-apply-btn{background:#10b981;color:#fff}.completed-apply-btn:hover{background:#059669}.completed-clear-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.completed-clear-btn:hover{background:#e5e7eb}.completed-content{display:grid;grid-template-columns:1fr 2fr;gap:32px;min-height:600px}.completed-content-left{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;height:fit-content;max-height:80vh;overflow-y:auto}.completed-jobs-list{display:flex;flex-direction:column;gap:16px}.completed-card{border:2px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:280px}.completed-card:hover{border-color:#10b981;box-shadow:0 4px 20px #10b9811a;transform:translateY(-2px)}.completed-card-selected{border-color:#10b981;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 32px #10b9814d}.completed-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.completed-card-type{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.completed-card-selected .completed-card-type{color:#fffc!important}.completed-card-actions{display:flex;align-items:center;gap:12px}.completed-menu-icon{color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.completed-menu-icon:hover{background:#f3f4f6}.completed-card-selected .completed-menu-icon{color:#fffc!important}.completed-card-selected .completed-menu-icon:hover{background:#ffffff1a!important}.completed-card-body{display:flex;flex-direction:column;gap:12px}.completed-title-link{text-decoration:none;color:inherit}.completed-card-title{font-size:18px;font-weight:700;color:#111827;margin:0;line-height:1.4;transition:all .2s ease}.completed-title-link:hover .completed-card-title{color:#10b981}.completed-card-selected .completed-card-title{color:#fff!important}.completed-card-meta{display:flex;gap:16px;flex-wrap:wrap}.completed-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.completed-card-selected .completed-meta-item{color:#fffc!important}.completed-card-details{display:flex;justify-content:space-between;gap:16px}.completed-detail-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151;font-weight:500}.completed-card-selected .completed-detail-item{color:#ffffffe6!important}.completed-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.completed-card-selected .completed-card-footer{border-top-color:#fff3!important}.completed-progress-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;font-weight:500}.completed-card-selected .completed-progress-indicator{color:#fffc!important}.completed-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.completed-status-success{background:#d1fae5;color:#065f46}.completed-status-delivered{background:#e0e7ff;color:#3730a3}.completed-status-paid{background:#fef3c7;color:#92400e}.completed-content-right{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;height:fit-content;max-height:80vh;overflow-y:auto}.completed-selected-header{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.completed-selected-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;line-height:1.3}.completed-selected-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.completed-selected-amount{font-size:16px;font-weight:600;color:#059669}.completed-selected-actions{display:flex;gap:12px}.completed-priority-badge{position:absolute;top:-6px;right:12px;background:#ef4444;color:#fff;padding:3px 6px;border-radius:8px;font-size:9px;font-weight:700;display:flex;align-items:center;gap:2px;text-transform:uppercase}.completed-levels-container{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.completed-level-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff;transition:all .2s ease;position:relative}.completed-level-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.completed-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.completed-level-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px}.completed-level-content{display:flex;flex-direction:column;gap:16px}.completed-level-description h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.completed-level-description p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.completed-level-stats{display:flex;gap:32px}.completed-stat-item{display:flex;flex-direction:column;gap:4px}.completed-stat-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.completed-stat-value{font-size:16px;color:#111827;font-weight:700}.completed-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:8px}.completed-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.completed-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.completed-view-btn{background:#6b7280;color:#fff}.completed-view-btn:hover{background:#4b5563;transform:translateY(-1px)}.completed-download-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.completed-download-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.completed-payment-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.completed-payment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.completed-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.completed-actions-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:16px;padding:24px;margin-bottom:32px}.completed-actions-header{text-align:center;margin-bottom:20px}.completed-actions-header h3{font-size:20px;color:#065f46;margin:0 0 8px}.completed-actions-header p{color:#047857;margin:0;font-size:14px}.completed-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.completed-summary-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.completed-summary-section h3{font-size:18px;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.completed-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.completed-summary-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.completed-summary-item:hover{border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px #10b9811a}.completed-summary-item div{display:flex;flex-direction:column;gap:2px}.completed-summary-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.completed-summary-value{font-size:14px;color:#1e293b;font-weight:700}.completed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.completed-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #10b981;border-radius:50%;animation:completed-spin 1s linear infinite;margin-bottom:16px}@keyframes completed-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.completed-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.completed-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.completed-empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.completed-empty-state p{font-size:16px;color:#6b7280;margin:0;max-width:300px;line-height:1.5}.completed-pagination-wrapper{margin-top:32px}.completed-content-left::-webkit-scrollbar,.completed-content-right::-webkit-scrollbar{width:8px}.completed-content-left::-webkit-scrollbar-track,.completed-content-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.completed-content-left::-webkit-scrollbar-thumb,.completed-content-right::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.completed-content-left::-webkit-scrollbar-thumb:hover,.completed-content-right::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width: 1200px){.completed-content{grid-template-columns:1fr;gap:24px}.completed-content-left{max-height:50vh}.completed-actions-grid{grid-template-columns:1fr}.completed-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 968px){.completed-content-left{max-height:none;overflow-x:auto;overflow-y:hidden;padding:16px}.completed-jobs-list{display:flex;flex-direction:row;gap:16px;padding-bottom:12px;min-height:200px}.completed-card{min-width:300px;max-width:300px;flex-shrink:0;padding:16px}.completed-content-left::-webkit-scrollbar{height:8px;width:auto}.completed-content-left::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.completed-content-left::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.completed-content-left::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.completed-content-left{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}}@media (max-width: 768px){.completed-container{padding:16px}.completed-search-section{flex-direction:column;gap:16px;align-items:flex-start}.completed-search-bar{max-width:none}.completed-filter-controls{justify-content:center}.completed-filter-row{flex-direction:column;gap:16px}.completed-filter-group{min-width:auto}.completed-content{gap:16px}.completed-content-right{padding:16px;max-height:none}.completed-content-left{padding:12px}.completed-card{min-width:280px;max-width:280px;padding:14px}.completed-selected-header{flex-direction:column;align-items:flex-start;gap:12px}.completed-selected-actions{align-self:flex-end}.completed-selected-title{font-size:20px}.completed-level-stats{flex-direction:column;gap:12px}.completed-actions-grid{grid-template-columns:1fr}.completed-action-btn{width:100%;justify-content:center}.completed-summary-grid{grid-template-columns:1fr}}@media (max-width: 480px){.completed-container{padding:12px}.completed-search-section{padding:16px}.completed-content-left,.completed-content-right{padding:12px}.completed-card{min-width:260px;max-width:260px;padding:12px}.completed-card-title{font-size:16px}.completed-selected-title{font-size:18px}.completed-level-card{padding:16px}.completed-actions-section,.completed-summary-section{padding:20px}.completed-filter-panel{padding:16px}.completed-filter-actions{flex-direction:column}.completed-apply-btn,.completed-clear-btn{width:100%}}.completed-card:focus,.completed-level-card:focus,.completed-action-btn:focus,.completed-search-input:focus,.completed-filter-btn:focus,.completed-sort-btn:focus{outline:3px solid rgba(16,185,129,.3);outline-offset:2px}.completed-card,.completed-level-card{animation:completed-fadeIn .3s ease-out}@keyframes completed-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.completed-card-selected{animation:completed-selectPulse .3s ease-out}@keyframes completed-selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media print{.completed-search-section,.completed-filter-panel,.completed-pagination-wrapper{display:none}.completed-container{padding:0;background:#fff}.completed-content{grid-template-columns:1fr;gap:20px}.completed-card,.completed-level-card{border:1px solid #000000;break-inside:avoid}.completed-action-btn{display:none}}@media (prefers-contrast: high){.completed-card,.completed-level-card,.completed-actions-section,.completed-summary-section,.completed-search-input,.completed-filter-btn,.completed-sort-btn,.completed-action-btn{border:2px solid #000000}.completed-status-badge{border:1px solid #000000}}@media (prefers-reduced-motion: reduce){.completed-card,.completed-level-card,.completed-action-btn,.completed-summary-item{animation:none;transition:none}.completed-card:hover,.completed-level-card:hover,.completed-action-btn:hover,.completed-summary-item:hover{transform:none}.completed-progress-fill{transition:none}.completed-spinner{animation:none}}.profile-layout{display:flex;min-height:100vh;background-color:#f8fafc}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.profile-loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #2563eb;border-radius:50%;animation:profile-spin 1s linear infinite}@keyframes profile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-error{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#ef4444;font-weight:500}.profile-mobile-header{display:none;justify-content:space-between;align-items:center;padding:.4rem;background:#fff;border-bottom:1px solid #e2e8f0;position:static;z-index:40}.profile-mobile-logo img{height:32px}.profile-mobile-menu-btn{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:.5rem;transition:background-color .2s}.profile-mobile-menu-btn:hover{background-color:#f1f5f9}.profile-sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;transition:transform .3s ease;padding-top:200px}.profile-sidebar-close{display:none;position:absolute;top:1rem;right:1rem;background:none;border:none;padding:.5rem;cursor:pointer;border-radius:.5rem;z-index:50}.profile-sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-sidebar-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0}.profile-sidebar-user-info{text-align:center}.profile-sidebar-user-info h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.profile-sidebar-user-info p{font-size:.875rem;color:#64748b;margin:0}.profile-sidebar-menu{flex:1;padding:1rem;display:flex;flex-direction:column}.profile-sidebar-menu-item{display:block;padding:.875rem 1rem;text-decoration:none;color:#64748b;font-weight:500;border-radius:.5rem;transition:all .2s;margin-bottom:.25rem;border:none;background:none;cursor:pointer;text-align:left;width:100%}.profile-sidebar-menu-item:hover{background-color:#f1f5f9;color:#2563eb}.profile-sidebar-menu-item-active{background-color:#dbeafe;color:#2563eb;font-weight:600}.profile-sidebar-logout{margin-top:auto;color:#ef4444}.profile-sidebar-logout:hover{background-color:#fef2f2;color:#dc2626}.profile-main{flex:1;display:flex;flex-direction:column;overflow-x:hidden}.profile-banner-section{position:relative;background:#fff}.profile-back-btn{position:absolute;top:1rem;left:1rem;z-index:10;background:#ffffffe6;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-back-btn:hover{background:#fff;transform:scale(1.05)}.profile-banner{position:relative;height:200px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899)}.profile-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a}.profile-banner-image{width:100%;height:100%;object-fit:cover}.profile-banner-edit{position:absolute;bottom:1rem;right:2rem;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.profile-banner-edit:hover{background:#fff;transform:scale(1.05)}.profile-header-profile{position:relative;padding:1.5rem 2rem;z-index:5}.profile-header-content{display:flex;flex-direction:column;gap:1.5rem}.profile-avatar-section{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;position:relative;z-index:10;margin-top:-40px}.profile-avatar-container{position:relative}.profile-avatar{width:144px;height:144px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.profile-premium-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;padding:6px;border:2px solid white;box-shadow:0 4px 8px #0000001a;display:flex;align-items:center;justify-content:center}.profile-verification-badge{position:absolute;bottom:100px;right:115px;border-radius:50%;padding:6px;border:2px solid white;box-shadow:0 4px 8px #0000001a;display:flex;align-items:center;justify-content:center}.profile-verification-badge.verified{background:#10b981}.profile-verification-badge.pending{background:#f59e0b}.profile-avatar-edit{position:absolute;bottom:20px;right:10px;background:#2563eb;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #0000001a}.profile-avatar-edit:hover{background:#1d4ed8;transform:scale(1.05)}.profile-user-info{flex:1;min-width:0}.profile-user-name{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.2}.profile-username{font-size:.875rem;color:#64748b}.profile-status-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.profile-status-badge{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500}.profile-status-badge.verified{color:#10b981}.profile-status-badge.pending,.profile-status-badge.premium{color:#f59e0b}.profile-status-divider{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.profile-achievements{margin-top:1rem}.profile-achievements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.profile-achievements-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.profile-badge-count{font-size:.875rem;color:#64748b;background:#f1f5f9;padding:.25rem .75rem;border-radius:9999px}.profile-badges-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.profile-badge-item{position:relative;cursor:pointer}.profile-badge-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s;position:relative}.profile-badge-icon:hover{transform:scale(1.1)}.profile-badge-icon img{width:24px;height:24px;object-fit:contain}.profile-badge-fallback{font-size:1.125rem}.profile-badge-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:20}.profile-badge-item:hover .profile-badge-tooltip{opacity:1;visibility:visible}.profile-badge-tooltip-content{background:#1f2937;color:#fff;padding:.75rem;border-radius:.5rem;font-size:.75rem;white-space:nowrap;box-shadow:0 10px 25px -5px #00000040;position:relative}.profile-badge-tooltip-title{font-weight:600;margin-bottom:.25rem}.profile-badge-tooltip-desc{color:#d1d5db}.profile-badge-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937}.profile-badge-categories{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.profile-badge-category{font-size:.75rem;background:#dbeafe;color:#1d4ed8;padding:.25rem .5rem;border-radius:9999px;font-weight:500;text-transform:capitalize}.profile-enterprise-header{display:flex;align-items:flex-start;gap:1rem;padding:2rem;background:#fff;border-bottom:1px solid #e2e8f0}.profile-enterprise-info{flex:1}.profile-enterprise-header h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.profile-verification-status{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0}.profile-verification-icon{color:#10b981}.profile-verification-pending .profile-verification-icon{color:#f59e0b}.profile-verification-text p{margin:0;font-weight:500;color:#10b981}.profile-verification-pending p{color:#f59e0b}.profile-content{flex:1;padding:2rem;background:#f8fafc}.profile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:40;display:none}@media (min-width: 640px){.profile-header-profile{padding:1.5rem 2rem}.profile-header-content{flex-direction:row;align-items:flex-start;gap:2rem}.profile-user-name{font-size:2.25rem}}@media (min-width: 768px){.profile-banner{height:200px}.profile-avatar{width:144px;height:144px}}@media (max-width: 1024px){.profile-user-name{font-size:1.5rem}}@media (max-width: 768px){.profile-layout{display:flex;flex-direction:column}.profile-mobile-header{display:flex}.profile-sidebar{position:fixed;top:0;left:0;z-index:50;transform:translate(-100%);height:100vh;width:280px}.profile-sidebar-open{transform:translate(0)}.profile-sidebar-close,.profile-sidebar-overlay{display:block}.profile-main{width:100%}.profile-content,.profile-header-profile{padding:1rem}.profile-banner{height:200px}.profile-user-name{font-size:1.5rem}.profile-achievements-header{align-items:flex-start;gap:.5rem}.profile-status-badges{flex-direction:column;align-items:flex-start;gap:.5rem}.profile-status-divider{display:none}.profile-enterprise-header{flex-direction:column;gap:1rem}.profile-back-btn{width:40px;height:40px}.profile-banner-edit{width:36px;height:36px;bottom:.75rem;right:1rem}}@media (max-width: 480px){.profile-content,.profile-header-profile{padding:.75rem}.profile-banner{height:160px}.profile-user-name{font-size:1.25rem}.profile-badges-grid{gap:.5rem}.profile-badge-icon{width:40px;height:40px}.profile-badge-icon img{width:20px;height:20px}.profile-badge-fallback{font-size:1rem}.profile-status-badges{gap:.5rem}.profile-achievements{margin-top:.75rem}.profile-achievements-header{margin-bottom:.75rem}.profile-badge-categories{gap:.375rem}.profile-enterprise-header{padding:1rem}}@media (hover: hover){.profile-badge-item:hover .profile-badge-icon{transform:scale(1.1)}.profile-avatar-edit:hover,.profile-banner-edit:hover,.profile-back-btn:hover{transform:scale(1.05)}}.profile-avatar-edit:focus,.profile-banner-edit:focus,.profile-back-btn:focus{outline:2px solid #2563eb;outline-offset:2px}.profile-badge-item:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:50%}.profile-badge-icon img[src=""]{display:none}.profile-badge-icon.loading{background:#f1f5f9;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.individual-account-content{max-width:800px;margin:0 auto}.individual-account-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.individual-account-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.individual-account-section-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.individual-account-edit-button{background:#f1f5f9;border:none;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.individual-account-edit-button:hover{background:#e2e8f0;transform:scale(1.05)}.individual-account-section-content{display:grid;gap:1.5rem}.individual-account-field{position:relative;display:flex;flex-direction:column;gap:.5rem}.individual-account-field label{font-weight:500;color:#374151;font-size:.875rem}.individual-account-field input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.individual-account-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.individual-account-field input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.individual-account-field-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.individual-account-tags{display:flex;flex-wrap:wrap;gap:.5rem}.individual-account-tag{background:#dbeafe;color:#1d4ed8;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.individual-account-actions{display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.individual-account-save-button{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s}.individual-account-save-button:hover{background:#1d4ed8;transform:translateY(-1px)}.individual-account-save-button:active{transform:translateY(0)}@media (max-width: 768px){.individual-account-section{padding:1.5rem;margin-bottom:1rem}.individual-account-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.individual-account-edit-button{align-self:flex-end}.individual-account-tags{gap:.375rem}.individual-account-tag{font-size:.7rem;padding:.25rem .5rem}}@media (max-width: 480px){.individual-account-section{padding:1rem}.individual-account-field input{padding:.625rem .75rem;font-size:.8rem}.individual-account-save-button{padding:.625rem 1.25rem;font-size:.875rem}}.account-content{max-width:800px;margin:0 auto}.account-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.account-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:50%;animation:account-spin 1s linear infinite}@keyframes account-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-error{display:flex;align-items:center;justify-content:center;padding:4rem;color:#ef4444;font-weight:500}.account-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.account-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.account-section-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.account-edit-button{background:#f1f5f9;border:none;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.account-edit-button:hover{background:#e2e8f0;transform:scale(1.05)}.account-section-content{display:grid;gap:1.5rem}.account-field{position:relative;display:flex;flex-direction:column;gap:.5rem}.account-field label{font-weight:500;color:#374151;font-size:.875rem}.account-field input,.account-field textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.account-field input:focus,.account-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.account-field input:disabled,.account-field textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.account-field textarea{min-height:100px;resize:vertical}.account-field-icon{position:absolute;right:.75rem;top:70%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.account-tags{display:flex;flex-wrap:wrap;gap:.5rem}.account-tag{background:#dbeafe;color:#1d4ed8;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.account-actions{display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.account-save-button{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s}.account-save-button:hover{background:#1d4ed8;transform:translateY(-1px)}.account-save-button:active{transform:translateY(0)}@media (max-width: 768px){.account-section{padding:1.5rem;margin-bottom:1rem}.account-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.account-edit-button{align-self:flex-end}.account-tags{gap:.375rem}.account-tag{font-size:.7rem;padding:.25rem .5rem}}@media (max-width: 480px){.account-section{padding:1rem}.account-field input,.account-field textarea{padding:.625rem .75rem;font-size:.8rem}.account-save-button{padding:.625rem 1.25rem;font-size:.875rem}}.bank-details-container{max-width:800px;margin:0 auto}.bank-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bank-details-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.bank-details-header-actions{display:flex;align-items:center;gap:1rem}.bank-details-status{display:flex;align-items:center;gap:.5rem}.bank-details-status-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;background:#ecfdf5;color:#10b981;font-size:.875rem;font-weight:500}.bank-details-status-item:has(.pending){background:#fef3c7;color:#f59e0b}.bank-details-status p{margin:0}.bank-details-edit-btn{background:#f1f5f9;border:none;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.bank-details-edit-btn:hover{background:#e2e8f0;transform:scale(1.05)}.bank-details-cancel-btn{background:#fee2e2;color:#dc2626;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:all .2s;font-weight:500}.bank-details-cancel-btn:hover{background:#fecaca}.bank-details-content{display:flex;flex-direction:column;gap:2rem}.bank-details-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;color:#fff;box-shadow:0 10px 25px -5px #0000001a}.bank-details-card-content{display:flex;flex-direction:column;gap:1.5rem}.bank-details-card-logo{display:flex;justify-content:space-between;align-items:center}.bank-details-card-logo span{font-size:1.25rem;font-weight:600}.bank-details-card-number{display:flex;gap:1rem;font-size:1.25rem;font-weight:600;letter-spacing:.1em;margin:1rem 0}.bank-details-card-info{display:flex;justify-content:space-between;align-items:flex-end}.bank-details-card-holder,.bank-details-card-ifsc{display:flex;flex-direction:column;gap:.25rem}.bank-details-card-label{font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.bank-details-card-value{font-size:.875rem;font-weight:600}.bank-details-card-bank-logo{height:40px}.bank-details-logo-img{height:100%;width:auto;object-fit:contain}.bank-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.bank-details-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:50%;animation:bank-details-spin 1s linear infinite}@keyframes bank-details-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bank-details-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.bank-details-form-group{margin-bottom:1.5rem}.bank-details-label{display:block;font-weight:500;color:#374151;font-size:.875rem;margin-bottom:.5rem}.bank-details-required{color:#ef4444;margin-left:.25rem}.bank-details-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.bank-details-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.bank-details-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.bank-details-helper{font-size:.75rem;color:#6b7280;margin-top:.25rem}.bank-details-important{color:#dc2626;font-weight:500}.bank-details-document-upload{border:2px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center;margin:2rem 0}.bank-details-upload-container{margin:1rem 0}.bank-details-upload-btn{display:inline-flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.bank-details-upload-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.bank-details-upload-icon{font-size:1.25rem}.bank-details-file-info{margin:1rem 0;font-size:.875rem;color:#374151;font-weight:500}.bank-details-submit-btn{width:100%;background:#2563eb;color:#fff;border:none;border-radius:8px;padding:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.bank-details-submit-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.bank-details-submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.bank-details-header{flex-direction:column;align-items:flex-start;gap:1rem}.bank-details-header-actions{width:100%;justify-content:space-between}.bank-details-card{padding:1.5rem}.bank-details-card-number{font-size:1rem;gap:.5rem}.bank-details-card-info{gap:1rem}.bank-details-form,.bank-details-document-upload{padding:1.5rem}}@media (max-width: 480px){.bank-details-card{padding:1rem}.bank-details-card-number{font-size:.875rem;gap:.25rem}.bank-details-form,.bank-details-document-upload{padding:1rem}.bank-details-input{padding:.625rem .75rem;font-size:.8rem}.bank-details-submit-btn{padding:.875rem}}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.password-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.password-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0}.password-modal-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.password-modal-close{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:8px;transition:background-color .2s;color:#64748b}.password-modal-close:hover{background:#f1f5f9;color:#1e293b}.password-modal-form{padding:2rem}.password-modal-form-group{margin-bottom:1.5rem}.password-modal-label{display:block;font-weight:500;color:#374151;font-size:.875rem;margin-bottom:.5rem}.password-modal-required{color:#ef4444;margin-left:.25rem}.password-modal-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.password-modal-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.password-modal-hint{font-size:.75rem;color:#6b7280;margin:.25rem 0 0}.password-modal-error{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;border:1px solid #fecaca}.password-modal-divider{display:flex;align-items:center;margin:1.5rem 0}.password-modal-divider-line{flex:1;height:1px;background:#e2e8f0}.password-modal-divider-text{padding:0 1rem;font-size:.875rem;color:#64748b}.password-modal-otp-button{width:100%;background:#f8fafc;color:#2563eb;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:1rem}.password-modal-otp-button:hover{background:#f1f5f9;border-color:#2563eb}.password-modal-submit-button{width:100%;background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.875rem 1rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.password-modal-submit-button:hover{background:#1d4ed8}.password-modal-submit-button:disabled{background:#9ca3af;cursor:not-allowed}.password-modal-back-button{width:100%;background:none;color:#2563eb;border:none;padding:.75rem 1rem;cursor:pointer;transition:all .2s;text-decoration:underline;margin-top:1rem}.password-modal-back-button:hover{color:#1d4ed8}.password-modal-otp-section{padding:2rem}.password-modal-resend-container{margin-top:1rem;text-align:center}.password-modal-timer{color:#64748b;font-size:.875rem;margin:0}.password-modal-resend-button{background:none;color:#2563eb;border:none;padding:.5rem;cursor:pointer;transition:all .2s;text-decoration:underline;font-size:.875rem}.password-modal-resend-button:hover{color:#1d4ed8}@media (max-width: 640px){.password-modal-overlay{padding:.5rem}.password-modal{margin:0}.password-modal-header{padding:1.5rem 1.5rem 1rem}.password-modal-title{font-size:1.25rem}.password-modal-form,.password-modal-otp-section{padding:1.5rem}.password-modal-input{padding:.625rem .75rem}.password-modal-submit-button{padding:.75rem 1rem}}@media (max-width: 480px){.password-modal-header,.password-modal-form,.password-modal-otp-section{padding:1rem}.password-modal-title{font-size:1.125rem}}.privacy-security-container{max-width:900px;margin:0 auto}.privacy-security-header{margin-bottom:2rem}.privacy-security-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.privacy-security-subtitle{color:#64748b;margin:0;font-size:1rem}.privacy-security-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.privacy-security-card-header{display:flex;align-items:center;gap:1rem}.privacy-security-card-icon{font-size:2rem;flex-shrink:0}.privacy-security-card-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.privacy-security-card-description{color:#64748b;margin:0;font-size:.875rem}.privacy-security-toggle{position:relative;display:inline-block;width:60px;height:34px;margin-left:auto}.privacy-security-toggle input{opacity:0;width:0;height:0}.privacy-security-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.privacy-security-toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.privacy-security-toggle input:checked+.privacy-security-toggle-slider{background-color:#2563eb}.privacy-security-toggle input:checked+.privacy-security-toggle-slider:before{transform:translate(26px)}.privacy-security-session-stats{display:flex;gap:1rem;margin:1.5rem 0}.privacy-security-stat-card{flex:1;background:#f8fafc;border-radius:8px;padding:1.5rem;text-align:center}.privacy-security-stat-number{font-size:2rem;font-weight:700;color:#2563eb;margin-bottom:.5rem}.privacy-security-stat-label{font-size:.875rem;color:#64748b;font-weight:500}.privacy-security-session-tabs{display:flex;gap:.5rem;margin:1.5rem 0;border-bottom:1px solid #e2e8f0}.privacy-security-tab-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.75rem 1rem;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;font-weight:500;color:#64748b}.privacy-security-tab-btn:hover{background:#f1f5f9;color:#2563eb}.privacy-security-tab-btn.active{background:#dbeafe;color:#2563eb;border-bottom:2px solid #2563eb}.privacy-security-tab-icon{font-size:1rem}.privacy-security-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem}.privacy-security-loading-spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top:2px solid #2563eb;border-radius:50%;animation:privacy-security-spin 1s linear infinite}@keyframes privacy-security-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.privacy-security-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#ef4444}.privacy-security-session-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:all .2s}.privacy-security-current-session{border-color:#2563eb;background:#dbeafe}.privacy-security-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.privacy-security-session-main{display:flex;align-items:center;gap:1rem;flex:1}.privacy-security-device-icon{display:flex;flex-direction:column;align-items:center;gap:.25rem}.privacy-security-device-emoji,.privacy-security-browser-emoji{font-size:1.25rem}.privacy-security-session-details{flex:1}.privacy-security-session-primary{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.privacy-security-device-name{font-weight:600;color:#1e293b}.privacy-security-current-badge{background:#2563eb;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.privacy-security-session-secondary{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.privacy-security-separator{color:#d1d5db}.privacy-security-session-actions{display:flex;align-items:center;gap:1rem}.privacy-security-status-active{color:#10b981;font-weight:500;font-size:.875rem}.privacy-security-status-inactive{color:#6b7280;font-weight:500;font-size:.875rem}.privacy-security-terminate-btn{display:flex;align-items:center;gap:.5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;padding:.5rem .75rem;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500}.privacy-security-terminate-btn:hover{background:#fecaca;transform:scale(1.05)}.privacy-security-terminate-btn:disabled{opacity:.5;cursor:not-allowed}.privacy-security-session-meta{border-top:1px solid #e2e8f0;padding-top:1rem}.privacy-security-session-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.privacy-security-info-item{display:flex;flex-direction:column;gap:.25rem}.privacy-security-info-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.privacy-security-info-value{font-size:.875rem;color:#374151;font-weight:500}.privacy-security-session-id{font-family:monospace;font-size:.75rem;word-break:break-all}.privacy-security-logout-info{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;font-size:.875rem}.privacy-security-logout-label{color:#6b7280;font-weight:500}.privacy-security-logout-time{color:#374151}.privacy-security-session-bulk-actions{margin-bottom:1rem;text-align:right}.privacy-security-terminate-all-btn{background:#fee2e2;color:#dc2626;border:none;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .2s;font-weight:500}.privacy-security-terminate-all-btn:hover{background:#fecaca;transform:translateY(-1px)}.privacy-security-terminate-all-btn:disabled{opacity:.5;cursor:not-allowed}.privacy-security-bulk-icon{display:flex;align-items:center;gap:.5rem}.privacy-security-empty-state{text-align:center;padding:3rem 1rem}.privacy-security-empty-icon{font-size:3rem;margin-bottom:1rem}.privacy-security-empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.privacy-security-empty-description{color:#6b7280}.privacy-security-logout-actions{margin-top:1.5rem}.privacy-security-logout-action-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid #e2e8f0}.privacy-security-logout-action-item:last-child{border-bottom:none}.privacy-security-logout-action-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.privacy-security-logout-action-description{color:#64748b;margin:0;font-size:.875rem;max-width:400px}.privacy-security-logout-btn{border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap}.privacy-security-logout-other-btn{background:#f59e0b;color:#fff}.privacy-security-logout-other-btn:hover{background:#d97706;transform:translateY(-1px)}.privacy-security-logout-all-btn{background:#dc2626;color:#fff}.privacy-security-logout-all-btn:hover{background:#b91c1c;transform:translateY(-1px)}.privacy-security-change-password-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;cursor:pointer;transition:all .2s;font-weight:500;margin-left:auto;display:flex;align-items:center;gap:.5rem}.privacy-security-change-password-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.privacy-security-btn-icon{font-size:1.25rem}@media (max-width: 768px){.privacy-security-container{padding:0}.privacy-security-card{padding:1.5rem;border-radius:8px}.privacy-security-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.privacy-security-toggle{align-self:flex-end}.privacy-security-session-stats{flex-direction:column}.privacy-security-session-header{flex-direction:column;align-items:flex-start;gap:1rem}.privacy-security-session-actions{align-self:flex-end}.privacy-security-session-info-grid{grid-template-columns:1fr;gap:.75rem}.privacy-security-logout-action-item{flex-direction:column;align-items:flex-start;gap:1rem}.privacy-security-logout-btn,.privacy-security-change-password-btn{align-self:flex-end}}@media (max-width: 480px){.privacy-security-card{padding:1rem}.privacy-security-title{font-size:1.5rem}.privacy-security-session-item{padding:1rem}.privacy-security-session-main{flex-direction:column;align-items:flex-start;gap:.75rem}.privacy-security-device-icon{flex-direction:row}.privacy-security-terminate-btn{padding:.375rem .5rem;font-size:.75rem}.privacy-security-terminate-text{display:none}}.billing-container{max-width:900px;margin:0 auto}.billing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.billing-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:50%;animation:billing-spin 1s linear infinite}@keyframes billing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-error{display:flex;align-items:center;justify-content:center;padding:4rem;color:#ef4444;font-weight:500}.billing-header{margin-bottom:2rem}.billing-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.billing-subtitle{color:#64748b;margin:0;font-size:1rem}.billing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.billing-plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:2rem;text-align:center;transition:all .2s;position:relative}.billing-plan-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}.billing-plan-current{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.billing-plan-popular:before{content:"Popular";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#2563eb;color:#fff;padding:.25rem 1rem;border-radius:12px;font-size:.75rem;font-weight:600}.billing-plan-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.billing-plan-price{margin-bottom:1rem}.billing-plan-price-amount{font-size:2rem;font-weight:700;color:#2563eb}.billing-plan-renew{background:#dbeafe;color:#1d4ed8;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:1rem;display:inline-block}.billing-plan-btn{display:inline-block;background:#2563eb;color:#fff;text-decoration:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;transition:all .2s;border:none;cursor:pointer}.billing-plan-btn:hover{background:#1d4ed8;transform:translateY(-1px);color:#fff}.billing-plan-btn-current{background:#10b981;cursor:default}.billing-plan-btn-current:hover{background:#10b981;transform:none}.billing-current-plan{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.billing-current-plan-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.billing-current-plan-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.billing-current-plan-detail{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.billing-current-plan-detail:last-child{border-bottom:none}.billing-current-plan-label{font-weight:500;color:#64748b}.billing-current-plan-value{font-weight:600;color:#1e293b}.billing-current-plan-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.billing-current-plan-status.active{background:#dcfce7;color:#166534}.billing-current-plan-status.pending{background:#fef3c7;color:#92400e}.billing-current-plan-status.expired{background:#fee2e2;color:#991b1b}.billing-history-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.billing-history-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.billing-history-table-wrapper{overflow-x:auto}.billing-history-table{width:100%;border-collapse:collapse;font-size:.875rem}.billing-history-table th{text-align:left;padding:1rem .75rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;background:#f9fafb}.billing-history-table td{padding:1rem .75rem;border-bottom:1px solid #e5e7eb;color:#374151}.billing-history-table tbody tr:hover{background:#f9fafb}.billing-history-invoice-link{color:#2563eb;cursor:pointer;font-weight:500;transition:color .2s}.billing-history-invoice-link:hover{color:#1d4ed8;text-decoration:underline}.billing-history-no-data{text-align:center;color:#9ca3af;font-style:italic;padding:2rem}.billing-history-action-buttons{display:flex;gap:.5rem}.billing-history-view-btn,.billing-history-download-btn{background:none;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#374151}.billing-history-view-btn:hover{background:#dbeafe;border-color:#2563eb;color:#2563eb}.billing-history-download-btn:hover{background:#dcfce7;border-color:#10b981;color:#10b981}@media (max-width: 768px){.billing-container{padding:0}.billing-plans{grid-template-columns:1fr;gap:1rem}.billing-plan-card,.billing-current-plan{padding:1.5rem}.billing-current-plan-details{grid-template-columns:1fr}.billing-history-section{padding:1.5rem}.billing-history-table{font-size:.8rem}.billing-history-table th,.billing-history-table td{padding:.75rem .5rem}.billing-history-action-buttons{flex-direction:column;gap:.25rem}}@media (max-width: 480px){.billing-title{font-size:1.5rem}.billing-plan-card{padding:1rem}.billing-plan-price-amount{font-size:1.5rem}.billing-current-plan,.billing-history-section{padding:1rem}.billing-history-table-wrapper{margin:-1rem;padding:1rem}.billing-history-table th,.billing-history-table td{padding:.5rem .25rem}.billing-history-action-buttons{flex-direction:row;gap:.25rem}.billing-history-view-btn,.billing-history-download-btn{padding:.375rem;font-size:.75rem}}.settings-container{max-width:800px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.settings-subtitle{color:#64748b;margin:0;font-size:1rem}.settings-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.settings-section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.settings-section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.settings-section-description{color:#64748b;margin:0;font-size:.875rem}.settings-options{display:flex;flex-direction:column;gap:1.5rem}.settings-option{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f1f5f9}.settings-option:last-child{border-bottom:none}.settings-option-content{display:flex;align-items:center;gap:1rem;flex:1}.settings-option-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;flex-shrink:0}.settings-option-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.settings-option-description{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.settings-toggle{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.settings-toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.settings-toggle input:checked+.settings-toggle-slider{background-color:#2563eb}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(26px)}.settings-toggle input:focus+.settings-toggle-slider{box-shadow:0 0 1px #2563eb}.settings-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s;min-width:180px}.settings-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.settings-action-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.settings-action-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.settings-danger-btn{background:#dc2626}.settings-danger-btn:hover{background:#b91c1c}.settings-footer{display:flex;justify-content:flex-end;margin-top:2rem}.settings-save-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.settings-save-btn:hover{background:#059669;transform:translateY(-1px)}.settings-save-btn:active{transform:translateY(0)}@media (max-width: 768px){.settings-section{padding:1.5rem}.settings-option{flex-direction:column;align-items:flex-start;gap:1rem}.settings-option-content{width:100%}.settings-toggle,.settings-select,.settings-action-btn{align-self:flex-end}.settings-select{min-width:150px}.settings-footer{justify-content:center}.settings-save-btn{width:100%}}@media (max-width: 480px){.settings-container{padding:0}.settings-section{padding:1rem;margin-bottom:1rem}.settings-title{font-size:1.5rem}.settings-option-content{flex-direction:column;align-items:flex-start;gap:.5rem}.settings-option-icon{width:2rem;height:2rem;font-size:1.25rem}.settings-toggle{width:50px;height:28px}.settings-toggle-slider:before{height:22px;width:22px;left:3px;bottom:3px}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(22px)}.settings-select{width:100%;min-width:unset}.settings-action-btn{width:100%;padding:.625rem 1rem}}.prod-comp-main{display:flex;padding:16px;gap:16px;min-height:100vh;background-color:#f8fafc}@media (max-width: 1100px){.prod-comp-main{flex-direction:column}}.prod-comp-container-new{padding:20px;position:relative;min-height:calc(100vh - 60px);background-color:#fff;box-sizing:border-box;flex:1;border-radius:12px;box-shadow:0 2px 8px #0000001a}.prod-comp-header-title{display:flex;flex-direction:column;gap:8px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.prod-comp-header-title h2{font-size:28px;font-weight:700;color:#1f2937;margin:0}.prod-comp-header-title p{font-size:14px;color:#6b7280;margin:0}.prod-comp-btn-warapper{display:flex;justify-content:space-between;align-items:center}.prod-comp-header-orderinfo{display:flex;flex-direction:column;gap:16px}.prod-comp-floating-btn{border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;padding:10px 12px;cursor:pointer;box-shadow:0 4px 20px #667eea66;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:2px}.prod-comp-floating-btn:hover{transform:scale(1);box-shadow:0 6px 25px #667eea99}.prod-comp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;overflow-y:auto}.prod-comp-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;overflow:hidden;margin:auto;position:relative}.prod-comp-modal-form{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 40px)}.prod-comp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.prod-comp-header h2{font-size:20px;font-weight:600;margin:0;flex-grow:1;text-align:center}.prod-comp-close-button{background:none;border:none;font-size:28px;color:#fff;cursor:pointer;padding:5px 10px;border-radius:8px;transition:background-color .2s ease;opacity:.8}.prod-comp-close-button:hover{background-color:#fff3;opacity:1}.prod-comp-form-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 200px);scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.prod-comp-form-content::-webkit-scrollbar{width:6px}.prod-comp-form-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.prod-comp-form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.prod-comp-form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.prod-comp-order-info{background:#f8fafc;padding:16px;border-radius:12px;margin-bottom:24px;border-left:4px solid #667eea}.prod-comp-order-info h3{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.prod-comp-order-info p{margin:4px 0;color:#6b7280;font-size:14px}.prod-comp-section{margin-bottom:24px}.prod-comp-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151}.prod-comp-section label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.prod-comp-product-list{display:grid;gap:12px;margin-top:12px}.prod-comp-product-item{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fafbfc}.prod-comp-product-item:hover{border-color:#667eea;background:#f0f4ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.prod-comp-product-item.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);box-shadow:0 4px 12px #667eea40}.prod-comp-product-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.prod-comp-product-info h5{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.prod-comp-product-info p{margin:0;font-size:14px;color:#667eea;font-weight:600}.prod-comp-section select,.prod-comp-section input,.prod-comp-section textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.prod-comp-section select:focus,.prod-comp-section input:focus,.prod-comp-section textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.prod-comp-section textarea{min-height:100px;resize:vertical;font-family:inherit}.prod-comp-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.prod-comp-priority select{margin-top:8px}.prod-comp-urgent{display:flex;align-items:center}.prod-comp-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#374151;margin-bottom:0}.prod-comp-checkbox-label input[type=checkbox]{opacity:0;width:0;height:0}.prod-comp-slider{position:relative;display:block;width:44px;height:24px;background-color:#cbd5e1;border-radius:24px;transition:.3s}.prod-comp-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}input:checked+.prod-comp-slider{background-color:#667eea}input:checked+.prod-comp-slider:before{transform:translate(20px)}.prod-comp-file-label{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border:2px dashed #cbd5e1;margin-bottom:0}.prod-comp-file-label:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#667eea}.prod-comp-file-label input[type=file]{display:none}.prod-comp-file-icon{font-size:18px;color:#667eea}.prod-comp-files-preview{margin-top:12px;display:flex;flex-direction:column;gap:8px}.prod-comp-file-item{display:flex;align-items:center;justify-content:space-between;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:8px;padding:8px 12px;font-size:13px}.prod-comp-file-name{flex-grow:1;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod-comp-remove-file{background:none;border:none;color:#ef4444;font-size:18px;cursor:pointer;padding:0 5px;transition:color .2s ease}.prod-comp-remove-file:hover{color:#dc2626}.prod-comp-submit-section{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px}.prod-comp-submit-btn{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.prod-comp-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.prod-comp-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.prod-comp-modal-overlay{padding:20px 10px 10px;align-items:flex-start}.prod-comp-header-title h2{font-size:16px}.prod-comp-modal{width:100%;max-width:none;max-height:calc(100vh - 40px);margin:0;border-radius:12px}.prod-comp-form-content{padding:20px;max-height:calc(100vh - 160px)}.prod-comp-header{padding:16px 20px}.prod-comp-header h2{font-size:18px}.prod-comp-row{grid-template-columns:1fr;gap:16px}.prod-comp-product-item{flex-direction:row;text-align:left;padding:12px}.prod-comp-product-image{width:50px;height:50px}.prod-comp-floating-btn{padding:8px 10px;font-size:14px}.prod-comp-submit-btn{width:100%;padding:14px 32px;font-size:16px}}@media (max-width: 480px){.prod-comp-modal-overlay{padding:10px 5px 5px}.prod-comp-modal{max-height:calc(100vh - 20px);border-radius:8px}.prod-comp-form-content{padding:16px;max-height:calc(100vh - 120px)}.prod-comp-header{padding:12px 16px}.prod-comp-header h2{font-size:16px}.prod-comp-close-button{font-size:24px}.prod-comp-product-item{flex-direction:column;text-align:center;padding:12px}.prod-comp-product-image{width:60px;height:60px;align-self:center}.prod-comp-section{margin-bottom:20px}.prod-comp-order-info{padding:12px;margin-bottom:20px}.prod-comp-file-label{padding:10px 16px;font-size:13px}}@media (max-width: 375px){.prod-comp-modal-overlay{padding:5px 2px 2px}.prod-comp-modal{max-height:calc(100vh - 10px);border-radius:6px}.prod-comp-form-content{padding:12px;max-height:calc(100vh - 100px)}.prod-comp-header{padding:10px 12px}.prod-comp-header h2{font-size:15px}.prod-comp-section h4{font-size:14px}.prod-comp-section label{font-size:13px}.prod-comp-section select,.prod-comp-section input,.prod-comp-section textarea{padding:10px 12px;font-size:13px}}@media (max-height: 600px) and (orientation: landscape){.prod-comp-modal-overlay{align-items:flex-start;padding-top:10px}.prod-comp-modal{max-height:calc(100vh - 20px)}.prod-comp-form-content{max-height:calc(100vh - 120px)}}.prod-comp-product-summary{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e5e7eb;margin-top:16px}.prod-comp-product-summary-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.prod-comp-product-summary-info{flex:1}.prod-comp-product-summary-info h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937}.prod-comp-product-summary-info p{margin:2px 0;font-size:13px;color:#6b7280}.prod-comp-product-summary-info p strong{color:#374151}@media (max-width: 768px){.prod-comp-product-summary{gap:12px;padding:16px}.prod-comp-product-summary-image{width:100px;height:100px;align-self:center}.prod-comp-product-summary-info h3{font-size:16px}.prod-comp-product-summary-info p{font-size:13px}}@media (max-width: 375px){.prod-comp-product-summary{padding:8px;gap:6px}.prod-comp-product-summary-image{width:60px;height:60px}.prod-comp-product-summary-info h3{font-size:13px}.prod-comp-product-summary-info p{font-size:11px}}.prod-comp-container{padding:20px;background-color:#fff;border-radius:12px}.prod-comp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.prod-comp-title{font-size:28px;font-weight:700;color:#fcfdfe;margin:0;-webkit-background-clip:text;background-clip:text}.prod-comp-stats{display:flex;align-items:center}.prod-comp-total-count{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);color:#374151;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;border:1px solid #c7d2fe}.prod-comp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.prod-comp-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:prod-comp-spin 1s linear infinite;margin-bottom:16px}@keyframes prod-comp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prod-comp-loading p{color:#6b7280;font-size:16px;margin:0}.prod-comp-error{text-align:center;padding:40px 20px;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.prod-comp-error h3{color:#dc2626;margin:0 0 12px;font-size:20px}.prod-comp-error p{color:#991b1b;margin:0;font-size:16px}.prod-comp-empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;border:2px dashed #d1d5db}.prod-comp-empty-state h3{color:#374151;margin:0 0 12px;font-size:20px}.prod-comp-empty-state p{color:#6b7280;margin:0;font-size:16px}.prod-comp-filters{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.prod-comp-filter-group{display:flex;align-items:center;gap:12px}.prod-comp-filter-group label{font-weight:600;color:#374151;font-size:14px}.prod-comp-filter-select{padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;background-color:#fff;font-size:14px;cursor:pointer;min-width:150px;transition:all .2s ease}.prod-comp-filter-select:hover{border-color:#667eea}.prod-comp-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.prod-comp-list{display:flex;flex-direction:column;gap:20px}.prod-comp-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.prod-comp-card:hover{box-shadow:0 8px 25px #0000001f;border-color:#667eea;transform:translateY(-2px)}.prod-comp-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px;cursor:pointer;transition:background-color .2s ease;background:linear-gradient(135deg,#fafbfc,#f8fafc)}.prod-comp-card-header:hover{background:linear-gradient(135deg,#f0f4ff,#e0e7ff)}.prod-comp-card-main-info{flex:1;min-width:0}.prod-comp-card-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.prod-comp-card-category{font-size:20px;font-weight:700;color:#1f2937;margin:0;flex:1;min-width:0}.prod-comp-card-badges{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.prod-comp-priority-badge,.prod-comp-status-badge,.prod-comp-urgent-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.prod-comp-priority-high{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fecaca}.prod-comp-priority-medium{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#ea580c;border:1px solid #fed7aa}.prod-comp-priority-low{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;border:1px solid #bfdbfe}.prod-comp-status-open{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a;border:1px solid #bbf7d0}.prod-comp-status-closed{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:1px solid #d1d5db}.prod-comp-urgent-badge{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fecaca;animation:prod-comp-pulse 2s infinite}@keyframes prod-comp-pulse{0%,to{opacity:1}50%{opacity:.7}}.prod-comp-card-ticket-info{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.prod-comp-ticket-number{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);padding:6px 12px;border-radius:8px;border:1px solid #c7d2fe}.prod-comp-title-text{font-size:16px;color:#374151;font-weight:600;flex:1}.prod-comp-card-product-info{margin-bottom:12px}.prod-comp-product-name{font-size:14px;color:#6b7280;font-weight:500}.prod-comp-card-dates{display:flex;flex-direction:column;gap:4px}.prod-comp-created-date,.prod-comp-resolved-date{font-size:13px;color:#9ca3af}.prod-comp-resolved-date{color:#16a34a}.prod-comp-expand-icon{display:flex;align-items:center;margin-left:16px}.prod-comp-chevron{font-size:16px;color:#6b7280;transition:transform .3s ease}.prod-comp-chevron-up{transform:rotate(180deg)}.prod-comp-chevron-down{transform:rotate(0)}.prod-comp-card-details{padding:0 24px 24px;border-top:1px solid #f3f4f6;background:linear-gradient(135deg,#fafbfc,#f8fafc);animation:prod-comp-expand .3s ease-out}@keyframes prod-comp-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prod-comp-details-section{margin:20px 0;padding:16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.prod-comp-details-section:first-child{margin-top:20px}.prod-comp-details-section:last-child{margin-bottom:0}.prod-comp-details-title{font-size:16px;font-weight:700;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prod-comp-description{color:#4b5563;line-height:1.6;margin:0;font-size:15px}.prod-comp-product-details{display:grid;gap:8px}.prod-comp-product-details p{margin:0;font-size:14px;color:#4b5563}.prod-comp-product-details strong{color:#374151;font-weight:600}.prod-comp-attachments{display:flex;flex-direction:column;gap:8px}.prod-comp-attachment{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:8px;transition:all .2s ease}.prod-comp-attachment:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);transform:translate(4px)}.prod-comp-attachment-link{text-decoration:none;color:#667eea;display:block;width:100%;font-weight:500}.prod-comp-attachment-link:hover{color:#4f46e5;text-decoration:underline}.prod-comp-attachment-name{font-size:14px}.prod-comp-comments{display:flex;flex-direction:column;gap:16px}.prod-comp-comment{background:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.prod-comp-comment:hover{box-shadow:0 2px 8px #0000001a}.prod-comp-system-comment{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #94a3b8}.prod-comp-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.prod-comp-comment-author-info{display:flex;align-items:center;gap:8px}.prod-comp-comment-author{font-weight:600;color:#374151;font-size:14px}.prod-comp-comment-type{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px}.prod-comp-comment-date{font-size:12px;color:#9ca3af}.prod-comp-comment-text{margin:0;color:#4b5563;line-height:1.6;font-size:14px}.prod-comp-comment-attachment{margin-top:8px}.prod-comp-system-badge{display:inline-block;font-size:11px;color:#64748b;background:#e2e8f0;padding:4px 8px;border-radius:6px;margin-top:8px;font-weight:600}.prod-comp-comment-form{background:#f8f9fa;border-radius:12px;padding:16px;margin:16px 0;animation:prod-comp-slide-down .3s ease-out}@keyframes prod-comp-slide-down{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.prod-comp-comment-input-container{position:relative;display:flex;align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:8px 12px;gap:12px}.prod-comp-comment-input{flex:1;border:none;outline:none;resize:none;font-size:14px;font-family:inherit;background:transparent;min-height:24px;max-height:120px;padding:0}.prod-comp-comment-input::placeholder{color:#9ca3af}.prod-comp-comment-actions{display:flex;align-items:center;gap:8px}.prod-comp-attachment-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;cursor:pointer;transition:all .2s ease;color:#6b7280}.prod-comp-attachment-btn:hover{background:#f3f4f6;color:#374151}.prod-comp-paperclip-icon{width:18px;height:18px}.prod-comp-file-input{display:none}.prod-comp-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#ff6b35;cursor:pointer;transition:all .2s ease;color:#fff}.prod-comp-send-btn:hover:not(:disabled){background:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.prod-comp-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.prod-comp-send-icon{width:20px;height:20px}.prod-comp-file-name{display:block;margin-top:12px;font-size:13px;color:#16a34a;font-weight:500;padding:8px 12px;background:#f0fdf4;border-radius:6px;border:1px solid #bbf7d0}.prod-comp-form-group,.prod-comp-form-label,.prod-comp-form-textarea,.prod-comp-form-file,.prod-comp-form-actions,.prod-comp-submit-btn{display:none}.prod-comp-resolved-section{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border:1px solid #d8b4fe;border-radius:12px;padding:16px;margin:16px 0}.prod-comp-resolved-label{display:flex;align-items:center;gap:12px;font-weight:600;color:#7c3aed;cursor:pointer;font-size:14px}.prod-comp-resolved-checkbox{width:18px;height:18px;accent-color:#7c3aed;cursor:pointer}.prod-comp-status-history{display:flex;flex-direction:column;gap:12px}.prod-comp-history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:8px;border:1px solid #e5e7eb}.prod-comp-history-status{font-weight:600;color:#374151;font-size:14px}.prod-comp-history-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.prod-comp-history-reason{font-size:13px;color:#6b7280}.prod-comp-history-date{font-size:12px;color:#9ca3af}.prod-comp-resolution{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:16px;border-radius:8px;border:1px solid #bbf7d0}.prod-comp-resolution p{margin:0 0 8px;color:#166534;font-size:14px;line-height:1.6}.prod-comp-resolved-info{font-size:12px;color:#16a34a;font-weight:600}.prod-comp-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0 10px;padding:20px}.prod-comp-pagination-button{padding:10px 20px;border:2px solid #e5e7eb;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;color:#374151}.prod-comp-pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px)}.prod-comp-pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.prod-comp-pagination-info{font-size:14px;color:#6b7280;font-weight:500}@media (max-width: 768px){.prod-comp-container{padding:16px}.prod-comp-header{flex-direction:column;align-items:flex-start;gap:16px}.prod-comp-title{font-size:24px}.prod-comp-card-header{padding:20px 16px}.prod-comp-card-details{padding:0 16px 20px}.prod-comp-card-top-row{flex-direction:column;align-items:flex-start;gap:12px}.prod-comp-card-badges{align-self:flex-start}.prod-comp-card-ticket-info,.prod-comp-history-item{flex-direction:column;align-items:flex-start;gap:8px}.prod-comp-history-details{align-items:flex-start}.prod-comp-filters{flex-direction:column;gap:16px}.prod-comp-pagination{flex-direction:column;gap:12px}.prod-comp-form-actions{justify-content:center}.prod-comp-submit-btn{width:100%}}@media (max-width: 480px){.prod-comp-container{padding:12px}.prod-comp-title{font-size:20px}.prod-comp-card-category{font-size:18px}.prod-comp-card-header{padding:16px 12px}.prod-comp-card-details{padding:0 12px 16px}.prod-comp-card-badges{gap:6px}.prod-comp-priority-badge,.prod-comp-status-badge,.prod-comp-urgent-badge{padding:4px 8px;font-size:10px}.prod-comp-list{gap:16px}.prod-comp-comment-form{padding:16px}}.prod-comp-card-header:focus{outline:2px solid #667eea;outline-offset:2px}.prod-comp-card-header:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.prod-comp-chevron,.prod-comp-card-details,.prod-comp-loading-spinner,.prod-comp-urgent-badge,.prod-comp-comment-form{animation:none;transition:none}}.prod-comp-wrapper{display:flex;justify-content:space-between;align-items:center}.prod-comp-btn-comment{background-color:#1c1ce0;padding:8px 12px;border-radius:20px;margin-bottom:10px;color:#fff;font-size:16px;transition:all .3s ease;border:none;cursor:pointer}.prod-comp-btn-comment:hover{background-color:#00f;box-shadow:1px 1px 5px #000}.my-prod-comp-main{display:flex;padding:16px;gap:16px;min-height:100vh;background-color:#f8fafc}@media (max-width: 1100px){.my-prod-comp-main{flex-direction:column}}.my-prod-comp-container{padding:20px;position:relative;min-height:calc(100vh - 60px);background-color:#fff;box-sizing:border-box;flex:1;border-radius:12px;box-shadow:0 2px 8px #0000001a}.my-prod-comp-back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:20px;width:fit-content}.my-prod-comp-back-button:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.my-prod-comp-back-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.my-prod-comp-back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.my-prod-comp-header-title{display:flex;flex-direction:column;gap:16px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.my-prod-comp-header-title h2{font-size:28px;font-weight:700;color:#1f2937;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.my-prod-comp-product-summary{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014}.my-prod-comp-product-image{width:100px;height:100px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 8px #0000001a}.my-prod-comp-product-info{flex:1}.my-prod-comp-product-info h3{margin:0 0 12px;font-size:20px;font-weight:700;color:#1f2937}.my-prod-comp-product-info p{margin:6px 0;font-size:14px;color:#6b7280}.my-prod-comp-product-info p strong{color:#374151;font-weight:600}.my-prod-comp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.my-prod-comp-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:my-prod-comp-spin 1s linear infinite;margin-bottom:16px}@keyframes my-prod-comp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-prod-comp-loading p{color:#6b7280;font-size:16px;margin:0}.my-prod-comp-error{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:16px;border:1px solid #fecaca}.my-prod-comp-error h3{color:#dc2626;margin:0 0 12px;font-size:20px;font-weight:600}.my-prod-comp-error p{color:#991b1b;margin:0 0 16px;font-size:16px}@media (max-width: 768px){.my-prod-comp-container{padding:16px}.my-prod-comp-header-title h2{font-size:24px}.my-prod-comp-product-summary{gap:16px;padding:16px}.my-prod-comp-product-image{width:80px;height:80px}.my-prod-comp-product-info h3{font-size:18px}.my-prod-comp-product-info p{font-size:13px}.my-prod-comp-back-button{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.my-prod-comp-container{padding:12px}.my-prod-comp-header-title h2{font-size:20px}.my-prod-comp-product-summary{padding:12px;gap:12px}.my-prod-comp-product-image{width:70px;height:70px}.my-prod-comp-product-info h3{font-size:16px}.my-prod-comp-product-info p{font-size:12px}.my-prod-comp-back-button{padding:6px 10px;font-size:12px;gap:6px}}