.modal-actions-proofing-upload{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:2px;flex-wrap:wrap;position:-webkit-sticky;position:sticky;bottom:0;background:#fff;z-index:10}.modal-actions-proofing-upload-buttons{gap:10px;display:flex}.proofing-unavailable-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:10rem 2rem 2rem}.proofing-unavailable-card{max-width:500px;width:100%;text-align:center;padding:3rem 2rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);background:white;border:1px solid #e5e7eb}.proofing-unavailable-card.success{border-color:#000000;background:rgba(241,241,241,.826)}.proofing-unavailable-card.info{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.unavailable-icon{font-size:3rem;margin-bottom:1rem;display:block}.unavailable-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#111827;font-family:Parkinsans,serif}.unavailable-project{font-size:1.25rem;font-weight:400;margin-bottom:1.5rem;color:#6b7280;font-family:Parkinsans,serif}.unavailable-message{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:#374151;line-height:1.6}.unavailable-details{font-size:1rem;margin-bottom:2rem;color:#6b7280;line-height:1.6}.photographer-contact{background:rgba(255,255,255,.8);border-radius:8px;padding:1rem;margin-bottom:2rem;border:1px solid #e5e7eb}.contact-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.photographer-name{font-size:1rem;font-weight:600;color:#111827}.unavailable-actions{display:flex;justify-content:center}.back-button{background:#374151;color:white;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.back-button:hover{background:#111827}@media (max-width:768px){.proofing-unavailable-container{padding:1rem;min-height:50vh}.proofing-unavailable-card{padding:2rem 1.5rem}.unavailable-title{font-size:1.75rem}.unavailable-project{font-size:1.125rem}}.hero-edit-button-overlay{position:absolute;bottom:4rem;right:1rem;z-index:20}.top-buttons{margin-top:50px;display:flex}@media (max-width:768px){.delivery-cover-image{height:250px}.delivery-cover-overlay{padding:1rem}.delivery-cover-title{font-size:1.5rem}}.page-title,.projects-page-container h1{text-align:center;font-size:40px;margin-bottom:50px;font-weight:500;font-family:Parkinsans,serif}.no-projects-list{text-align:center;padding:3rem 1rem;background-color:#f9f9f9;border-radius:8px}.no-projects-list .edit-button{width:-moz-fit-content;width:fit-content;margin:0 auto}.projects-container{padding-top:100px;padding-bottom:100px;width:90%;margin:0 auto;min-height:90vh}.project-name{font-family:Parkinsans,serif;font-size:30px}.editable-project-name{transition:all .2s ease;border:2px solid transparent;border-radius:6px;padding:6px 10px;margin:-6px -10px}.editable-project-name:hover{background-color:rgba(0,123,255,.08)!important;border-color:rgba(0,123,255,.2)}.editable-project-name-container{position:relative;display:inline-block;width:100%;min-width:800px}.editable-project-name-input{font-family:Parkinsans,serif!important;font-size:30px!important;font-weight:inherit!important;width:100%;padding:6px 10px!important;border:2px solid #007bff!important;border-radius:6px!important;background:white!important;outline:none!important;transition:border-color .2s ease;box-shadow:0 0 0 3px rgba(0,123,255,.1);text-align:center}.editable-project-name-input:focus{border-color:#0056b3!important;box-shadow:0 0 0 3px rgba(0,123,255,.2)!important}.editable-project-name-input:disabled{opacity:.7;cursor:not-allowed}.editable-project-name-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#666;font-family:system-ui,-apple-system,sans-serif;pointer-events:none}.project-details-title{font-family:Parkinsans,serif;font-size:16px;margin-bottom:20px;text-align:center}.project-client-name{font-family:Parkinsans,serif;font-size:12px;color:#555}.project-details-container{display:flex;flex-direction:column;align-items:center;text-align:center}.project-details-container>div:first-child{flex:1 1;text-align:center;font-family:Parkinsans,serif;font-size:28px;font-weight:600;margin:0 0 8px}.project-details-container .project-details-title{flex:1 1;text-align:center;font-family:Poppins,sans-serif;font-size:16px;color:#6b7280;margin:0;font-weight:400}.projects-container .edit-button{width:-moz-fit-content;width:fit-content;margin-top:0}.projects-container .edit-button.project-action-button{margin-top:0}.projects-container .edit-button.project-details-collapse-button{margin:75px auto 0;font-size:32px;padding:0!important;background-color:transparent!important;color:#000!important;border:none!important;width:-moz-fit-content;width:fit-content;box-shadow:none!important;text-align:center}.projects-container .edit-button.project-details-collapse-button:hover{background-color:transparent!important;box-shadow:none!important;transform:none!important}.project-action-buttons .edit-button{margin-top:0}.projects-container .project-progress-bar{margin-top:30px;margin-bottom:30px}.project-details-form-container{margin-left:-20px;margin-right:-20px;display:block;overflow:hidden;max-height:0;opacity:0;visibility:hidden;pointer-events:none;margin-top:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s}.project-details-form-container .form-action{align-content:flex-end;flex-wrap:wrap;justify-content:flex-end;max-width:100%;flex-direction:row}.project-details-form-container .form-action button{margin-top:0}.project-details-form-container .form-divider{grid-column:1/-1;height:1px;background:#e5e7eb;margin:4px 0}.no-photos-msg{font-size:20px;text-align:center}.no-photos-msg,.proofing-msg{color:#8b8b8b;font-family:Poppins}.proofing-msg{font-size:14px}.project-action-buttons{display:flex;gap:5px}.project-photos-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.project-add-photos-container{padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-progress-bar-stage{border-radius:20px;padding:5px 10px;border:1px solid #000000}.progress-bar-stage-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px;margin-top:30px;white-space:nowrap}.progress-bar-stage-container p{font-family:Poppins;font-size:14px;margin-top:0;margin-bottom:0}.project-progress-bar-stage.active-stage p{color:#fff}.project-progress-bar-stage.active-stage{background-color:#000}.progress-bar-desktop{display:block}.progress-bar-mobile{display:none}.progress-bar-stages-container{position:relative;width:100%}.progress-bar-stage-wrapper .progress-bar-stage-container{flex:none;width:auto}.progress-bar-stage-wrapper{display:flex;align-items:flex-start;flex:1 1;position:relative}.progress-bar-stage-wrapper:last-child,.progress-bar-stage-wrapper:last-child .progress-bar-stage-container{flex:none}.progress-bar-connecting-line{flex:1 1;height:2px;background-color:#000000;margin:45px 15px 0;min-width:20px}@media (max-width:720px){.progress-bar-desktop{display:none}.progress-bar-mobile{display:block}.progress-bar-swiper{margin-bottom:20px}.progress-bar-swiper-slide{width:auto!important;display:flex;justify-content:center}.progress-bar-stage-container{width:auto;margin-bottom:10px;margin-top:10px}}.proofing-selection-msg{font-family:Poppins;font-size:18px;margin-bottom:20px}.project-proofing-photo{width:100%}.proofing-photos-container{margin-top:100px}.project-section{border-radius:20px;padding:20px 20px 40px;background-color:#fff;border:1px solid #ccc;margin-bottom:20px}.project-section-header{border-radius:20px;padding:20px;background-color:#fff}.loading-text{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;color:#555;text-align:center}.proofing-gallery-container{width:100%;margin:30px auto;min-height:800px}.proofing-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;padding:1rem 0;align-items:start}.proofing-gallery-grid-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;display:flex;flex-direction:column;margin-bottom:30px}.proofing-gallery-image{width:100%;height:auto;object-fit:contain;display:block}.project-export-selections{display:flex;column-gap:10px;margin-top:30px;margin-bottom:30px}.photo-uploader-dropzone{display:flex;align-items:center;justify-content:center;padding:3rem;border:1px solid #d1d5db;border-radius:20px;background-color:#ffffff;text-align:center;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.photo-uploader-dropzone.is-active{border-color:#000;background-color:#eef2ff}.dropzone-text{color:#000;font-weight:500}.delivery-client-masonry,.proofing-client-masonry{padding:1rem 0}.delivery-client-photo-item{position:relative;margin-bottom:1rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease}.delivery-client-photo-image{width:100%;height:auto;display:block}.delivery-download-buttons{display:flex;width:100%;gap:.5rem;padding:1rem}.delivery-download-button{flex:1 1;padding:.5rem 1rem;background-color:white;color:#374151;border:1px solid #d1d5db;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.delivery-download-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.delivery-download-button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.masonry-download-overlay{position:absolute;bottom:0;right:0;width:80px;height:60px;background:linear-gradient(135deg,transparent 30%,rgba(0,0,0,.8));opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;justify-content:flex-end;padding-bottom:10px;padding-right:10px;border-radius:0 0 8px 0}.delivery-client-photo-item:hover .masonry-download-overlay{opacity:1}.masonry-download-container{position:relative;display:flex;flex-direction:column;align-items:right}.masonry-download-options{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:rgb(255,255,255);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:120px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.masonry-download-option{background:transparent;color:rgb(0,0,0);border:none;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.hero-arrow{margin-bottom:20px}.masonry-download-option:hover:not(:disabled){background:rgba(155,155,155,.15);transform:scale(1.02);color:rgba(0,0,0,.95)}.masonry-download-option:disabled{opacity:.5;cursor:not-allowed}.delivery-content .chapter-description{font-size:1rem;color:#6b7280;margin:0;font-family:Poppins,sans-serif}.delivery-content section{margin-bottom:3rem}.reorder-grid{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:10px;list-style:none;margin:0;padding:0}.reorder-grid-item{cursor:move}.analytics-placeholder{text-align:center;color:#9ca3af;font-style:italic;padding:2rem;font-family:Poppins,sans-serif}.delivery-selection-indicator{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.delivery-selection-indicator.selected{background-color:#000000;color:white}.secondary-button{background-color:transparent!important;border-radius:20px;padding:8px 20px;color:#000!important;border:1px solid #000!important;font-family:Parkinsans,serif;font-size:14px;font-weight:400!important;cursor:pointer;line-height:1.5}.edit-button{padding:10px 20px}.edit-button,.primary-button{background-color:#000!important;color:#fff!important;border:none!important;border-radius:20px;font-family:Parkinsans,serif;font-size:14px;font-weight:400!important;cursor:pointer;line-height:1.5;transition:all .2s ease}.primary-button{padding:8px 20px;margin:0!important}.create-project-modal .primary-button{margin-bottom:20px!important}.create-project-modal .modal-actions{margin-top:20px}.proofing-cancel-button,.proofing-save-button{border-radius:12px;padding:6px 12px;font-family:Parkinsans,serif;font-size:14px;line-height:1.5}.proofing-save-button{background:#000;color:#fff;border:1px solid #000}.proofing-cancel-button{background:transparent;color:#000;border:1px solid #000}.red-outline-button{background:#ff00000e;color:#ff0000;border:1px solid #ff0000;border-radius:12px;padding:10px 20px;max-width:150px}.red-delete-button,.red-outline-button{font-family:Parkinsans,serif;font-size:14px;line-height:1.5}.red-delete-button{background:#ff00000e!important;color:#ff0000!important;border:1px solid #ff0000!important;border-radius:20px;padding:10px 12px;cursor:pointer}.project-delete-button{max-width:150px}.form-description{color:#555;margin-bottom:0}.form-section-title{font-weight:500;color:#111;margin:0 0 12px;font-size:16px}.form-checkbox-group,.form-radio-group{border:1px solid #ddd;border-radius:8px;padding:16px;background-color:#fafafa}.form-checkbox-label,.form-radio-label{display:flex;align-items:flex-start;margin-bottom:8px;cursor:pointer}.form-checkbox,.form-radio{margin-right:8px;margin-top:2px;flex-shrink:0}.form-checkbox-text,.form-radio-text{font-size:14px;color:#374151;line-height:1.4}.form-helper-text{font-size:12px;color:#666;margin:8px 0 0 24px;line-height:1.3;font-family:Poppins,sans-serif}.form-warning-text{color:#dc2626}.review-description{font-size:14px;color:#666;margin-bottom:10px;font-family:Poppins,sans-serif}.review-stars-container{display:flex;gap:5px;margin-bottom:10px}.review-star-button{background:none;border:none;padding:0;cursor:pointer;outline:none;transition:transform .1s ease}.review-star-button:hover{transform:scale(1.1)}.review-star-button:focus{outline:none}.review-star-filled{font-size:32px!important;color:#000000}.review-star-outline{font-size:32px!important;color:#d1d5db}.review-rating-text{font-size:12px;color:#888;font-family:Poppins,sans-serif}.review-textarea{resize:vertical}.proofing-client-photo-item{position:relative;margin-bottom:1rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease}.proofing-client-photo-image{width:100%;height:auto;display:block}.proofing-selection-indicator{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.proofing-selection-indicator.selected{background-color:#ffffff;color:#000000;border:none;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.4)}.proofing-selection-indicator .w-4{width:1.5rem;height:1.5rem}.proofing-selection-indicator.selected svg{fill:#000000;stroke:none}.deletion-selection-overlay{transition:opacity .2s ease}.deletion-selection-overlay:hover{backgroundColor:rgba(0,0,0,.7)!important}.proofing-note-edit-icon{background:transparent;border:none;color:#000;padding:0;cursor:pointer;display:inline-flex;align-items:center}.proofing-note-edit-icon:hover{opacity:.8}.proofing-star-rating{position:absolute;bottom:.5rem;left:.5rem;background-color:rgba(255,255,255,.9);padding:.25rem;border-radius:4px;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.proofing-client-photo-item:hover .proofing-star-rating{opacity:1}@media (hover:none) and (pointer:coarse){.proofing-fullscreen-button{opacity:1!important;pointer-events:auto!important;transform:scale(1)!important}}.proofing-client-note{padding:.5rem;font-size:.875rem;color:#2d3748;display:flex;justify-content:space-between;align-items:center;gap:.5rem;height:2.5rem;flex-shrink:0}.proofing-note-content{flex:1 1;min-height:1rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Poppins}.proofing-note-rating{flex-shrink:0;display:flex;column-gap:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rating-grouped-gallery{width:100%}.rating-section{margin-bottom:3rem}.rating-section-header{justify-content:center;gap:1rem;padding:1.5rem 0;margin-bottom:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #cbd5e0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.rating-section-header,.rating-section-stars{display:flex;align-items:center}.rating-section-label{font-size:1.125rem;font-weight:600;color:#2d3748;font-family:Parkinsans,serif}.proofing-loading-container{display:flex;justify-content:center;align-items:center;padding:2rem}.proofing-loading-text{font-size:1rem;color:#718096}.proofing-error-container{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;text-align:center}.proofing-error-message{font-size:1.1rem;color:#e53e3e;margin-bottom:1rem}.proofing-retry-button{background-color:#4f46e5;color:white;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.proofing-retry-button:hover{background-color:#4338ca}.proofing-skeleton-card{margin-bottom:1rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.proofing-skeleton-image{border-radius:8px 8px 0 0}.proofing-skeleton-content{padding:.75rem}.proofing-skeleton-text{margin-bottom:.5rem}.proofing-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;padding:1rem 0}.filter-option-item{display:block;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;cursor:pointer;border-radius:4px;font-size:14px;font-family:Poppins,sans-serif}.delivery-gallery-not-ready-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.delivery-gallery-not-ready-container h2{font-size:30px;font-weight:600;margin-bottom:10px;color:#000}.delivery-gallery-not-ready-container p{font-size:16px;font-weight:500;font-family:Poppins,sans-serif;text-align:center}.delivery-gallery-client-name{margin-bottom:50px;color:#555}.delivery-gallery-not-ready-text{padding:20px;border-radius:20px;background-color:#555;color:#fff}.delivery-gallery-manage-text{font-size:16px;font-weight:500;font-family:Poppins,sans-serif;color:#555}.delivery-gallery-container{width:100%;margin:30px auto}.delivery-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;padding:1rem 0}.delivery-gallery-grid-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.delivery-gallery-grid-item.editing{cursor:pointer;transition:all .2s ease}.delivery-gallery-container .edit-button{margin-top:0}.delivery-gallery-image{width:100%;height:240px;object-fit:cover;display:block}.delivery-gallery-actions-container{display:flex;justify-content:center;align-items:center;column-gap:20px;margin-bottom:30px}.proofing-pin-container{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;row-gap:20px}.proofing-pin-container .form-group{row-gap:10px;margin-bottom:50px}.form-pin-container,.proofing-pin-container .form-group{display:flex;flex-direction:column;align-items:center;margin-top:50px}.form-pin-container{padding:20px 50px;border-radius:20px;border:1px solid #ccc;max-width:700px;width:90%}.form-pin-container h1{font-size:30px;font-weight:600;margin-bottom:20px;color:#000;text-align:center}.form-pin-container h3{font-size:24px;font-weight:500;color:#555;text-align:center}.form-pin-container .edit-button{width:-moz-fit-content!important;width:fit-content!important;margin:0 auto}.form-group input[type=date],.form-group input[type=email],.form-group input[type=file],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=time],.form-group textarea{padding:8px;font-size:16px;border:1px solid #cccccc;border-radius:4px;outline:none}.form-group input[type=date]{padding-bottom:0}.form-group input[type=password]{padding:8px;font-size:16px;border:1px solid #cccccc;border-radius:4px;outline:none}.project-completed-title{display:flex;align-items:center;gap:10px}.delivery-gallery-manage-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.proofing-gallery-selected-photos-count{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#555}.proofing-gallery-selected-photos{font-family:Poppins,sans-serif;font-size:12px;font-weight:400;color:#555;margin-left:10px}.groups-expanded .desktop-edit-groups-interface{margin-bottom:10px}@media(max-width:980px){.project-details-form-container{grid-template-columns:1fr}.project-details-form-container .form-action{row-gap:10px}.delivery-gallery-manage-text{flex-direction:column;align-items:flex-start;row-gap:10px}.projects-container .delivery-gallery-manage-text .edit-button{width:-moz-fit-content;width:fit-content}.project-action-buttons{display:flex;flex-direction:column;row-gap:10px}.project-details-container .project-action-buttons{display:flex;flex-direction:row;row-gap:10px}.action-buttons-left{margin-bottom:10px}}@media (max-width:768px){.delivery-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.delivery-gallery-image{height:200px}.form-pin-container{padding:20px 0}.projects-container .edit-button{width:100%;margin-top:10px}.project-details-container{flex-direction:column;row-gap:10px;align-items:flex-start}.project-details-container .project-action-buttons{display:flex;flex-direction:column;row-gap:10px}.photo-count-details{display:flex;flex-direction:column;align-items:center}.create-project-modal .secondary-button{margin-top:10px!important}}@media (max-width:480px){.delivery-gallery-grid{grid-template-columns:1fr;gap:.5rem}.delivery-gallery-image{height:160px}}.proofing-selection-controls{position:-webkit-sticky;position:sticky;bottom:2rem;background-color:white;padding:10px 20px 5px;box-shadow:0 4px 20px rgba(0,0,0,.15);gap:1rem;justify-content:center;align-items:center;margin:2rem auto;width:-moz-fit-content;width:fit-content;z-index:10;max-width:700px;overflow:visible}.proofing-selection-controls .edit-button{width:-moz-fit-content;width:fit-content;margin:0}.proofing-selection-controls .edit-button:disabled{opacity:.6}.proofing-confirmation-msg{border-radius:200px;padding:60px;width:-moz-fit-content;width:fit-content;margin:30px auto;box-shadow:0 10px 100px rgba(0,0,0,.1)}.proofing-loading-text{color:#555}.proofing-confirmation-msg p,.proofing-loading-text{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;text-align:center}.proofing-confirmation-msg p{color:black}.proofing-gallery-grid-item.editing{cursor:pointer;position:relative}.selection-overlay{display:none;position:absolute;top:.5rem;right:.5rem;z-index:10;border-radius:50%;width:2rem;height:2rem;background-color:#000000}.delivery-client-photo-item.selected .selection-overlay,.delivery-gallery-grid-item.selected .selection-overlay,.proofing-gallery-grid-item.selected .selection-overlay{display:block}.proofing-gallery-grid-item.group-assignment{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.proofing-gallery-grid-item.group-assignment:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.proofing-gallery-grid-item.selected-for-grouping{transform:scale(.98)}.group-assignment-controls button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.group-assignment-interface button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}.proofing-gallery-grid-item button:hover{transform:scale(1.1)}.selection-check-icon{width:100%;height:100%;color:white;display:flex;align-items:center;justify-content:center}.dropzone-text{margin:0;font-family:Parkinsans,serif}.dropzone-text,.send-to-client-section p{color:#555;font-size:16px;font-weight:400}.send-to-client-section p{font-family:Poppins,sans-serif}@media (max-width:768px){.proofing-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;align-items:start}.proofing-gallery-image{height:auto}.proofing-selection-controls{flex-direction:column;gap:.75rem;padding:1rem;bottom:1rem}.proofing-save-button,.proofing-submit-button{width:100%;padding:1rem}}@media (max-width:480px){.proofing-gallery-grid{grid-template-columns:1fr 1fr;gap:.5rem;align-items:start}.proofing-gallery-image{height:auto}}.projects-page-container{margin:0 auto;padding:100px 2rem 2rem}.projects-page-header{position:relative;margin-bottom:2rem}.projects-page-header .page-title{text-align:center;width:100%;margin:0 auto}.header-buttons-group{margin-top:50px;display:flex;gap:.75rem;align-items:center;justify-content:flex-end}.collapse-all-button,.sort-order-button{font-family:Parkinsans,serif;font-size:14px;padding:10px 20px;background-color:#ffffff;color:#2d3748;border:1px solid #e2e8f0;border-radius:120px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.collapse-all-button:hover,.sort-order-button:hover{background-color:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.collapse-all-button:active,.sort-order-button:active{transform:translateY(0)}@media (max-width:768px){.header-buttons-group{position:static;transform:none;flex-direction:column;width:100%;margin-top:1rem}.collapse-all-button,.sort-order-button{width:100%;text-align:center}}.projects-page-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#1a202c}.projects-page-loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);font-size:1.2rem;color:#4a5568}.create-project-button{background-color:#000!important;color:#fff!important;border:none!important;padding:6px 12px;border-radius:12px;font-family:Parkinsans,serif;font-size:14px;font-weight:400!important;cursor:pointer;line-height:1.5;transition:all .2s ease}.create-project-button:focus{outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.3)}@media (max-width:640px){.project-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.create-project-button{width:100%;justify-content:center}}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.project-list-grouped{display:flex;flex-direction:column;gap:2rem}.month-section{margin-bottom:2rem;background-color:#f7fafc;padding:40px 20px;border-radius:20px;overflow:hidden;transition:background-color .3s ease,border-radius .3s ease,padding .3s ease,margin-bottom .3s ease}.month-section.collapsed{background-color:white;padding:10px 20px;margin-bottom:0;transition:background-color .3s ease,padding .3s ease,margin-bottom .3s ease}.month-section.collapsed:hover{background-color:#f7fafc}.month-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 10px 20px}.month-header.collapsed{padding:10px}.month-title{font-family:Poppins,sans-serif;font-size:1.8rem;color:#000000;margin:0}.month-chevron{stroke-width:2;transition:transform .3s ease;color:#000000}.month-chevron.expanded{transform:rotate(-180deg)}.month-chevron.collapsed{transform:rotate(0deg)}.month-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease;margin-top:1rem}.month-projects.expanded{max-height:10000px;opacity:1}.month-projects.collapsed{max-height:0;opacity:0;margin-top:0}.month-projects.expanded .project-card-link{animation:fadeInUp 1s ease-out backwards}.project-card-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.project-card{background-color:#ffffff;border-radius:20px;padding:1.5rem;border:1px solid #e2e8f0}.project-card.no-link{cursor:default}.project-card h3{font-size:24px;font-weight:600;margin-bottom:.5rem;font-family:Parkinsans,serif}.project-card p{font-family:Poppins,sans-serif;font-size:16px}.project-card p.project-date{font-size:14px;color:#757575;font-family:Poppins,sans-serif}.project-status-badge{display:inline-block;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;border-radius:120px;text-transform:uppercase;letter-spacing:.5px;background-color:#000;color:#fff;padding:5px 10px}.project-card-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.project-storage-info{font-size:16px;color:#000000;font-family:Poppins,sans-serif}.project-card-delete-btn{padding:6px 12px;background:transparent;border:1px solid #fee2e2;border-radius:8px;color:#000000;font-size:14px;font-family:Poppins,sans-serif;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.project-card-delete-btn:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.project-card-delete-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-actions-container{display:block;position:-webkit-sticky;position:sticky;bottom:20px;margin:auto;width:90%;max-width:200px;z-index:10;transition:max-width .3s ease,width .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:20px;background-color:#ffffff}@media (max-width:767px){.mobile-actions-container.expanded .mobile-selection-count-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;border-radius:25px 25px 0 0!important}}.mobile-actions-container.expanded{max-width:700px;width:90%;max-height:70vh;overflow-y:auto}@media (min-width:768px){.mobile-actions-container.expanded.filter-expanded{overflow-y:visible}}.mobile-actions-container.expanded::-webkit-scrollbar{width:8px}.mobile-actions-container.expanded::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 20px 20px 0}.mobile-actions-container.expanded::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.mobile-actions-container.expanded::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile-toggle-header{display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:white;border-radius:20px;border:1px solid #ccc;padding:.75rem 1.5rem;margin-bottom:0;transition:border-radius .3s cubic-bezier(.4,0,.2,1)}.mobile-actions-container.expanded .mobile-toggle-header{border-radius:25px 25px 0 0;margin-bottom:0}.mobile-actions-container.edit-mode.groups-expanded .mobile-toggle-header{border-radius:20px;margin-bottom:0;padding-bottom:.75rem}.mobile-toggle-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;color:#000;transition:opacity .2s ease;justify-content:center}.mobile-toggle-icon{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-actions-content{background-color:white;border-radius:0 0 25px 25px;border-top:none;max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);position:relative}.mobile-actions-container.expanded .mobile-actions-content{max-height:600px;opacity:1;transform:translateY(0);padding:1rem 1.5rem}@media (min-width:768px){.mobile-actions-container.expanded.filter-expanded .mobile-actions-content{overflow:visible}}.mobile-actions-content-inner{display:flex;flex-direction:column;gap:.75rem;transform:translateY(-20px);opacity:0;position:absolute;width:100%;left:0;top:0;padding:1rem 1.5rem;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1) .1s,opacity .05s cubic-bezier(.4,0,.2,1)}.mobile-actions-container.expanded .mobile-actions-content-inner{transform:translateY(0);opacity:1;position:static;padding:0;pointer-events:auto;transition:transform .3s cubic-bezier(.4,0,.2,1) .1s,opacity .3s cubic-bezier(.4,0,.2,1) .1s}.proofing-share-button{display:flex;align-items:center;gap:.5rem}@media (min-width:981px){.mobile-actions-content-inner{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:100%;margin:0 auto}.mobile-actions-content-inner .edit-button,.mobile-actions-content-inner .primary-button,.mobile-actions-content-inner .secondary-button{width:auto;flex:0 1 auto;padding:12px 32px;border-radius:20px;font-size:14px;font-weight:500;transition:all .2s ease}}@media (max-width:980px){.desktop-only{display:none}.mobile-actions-content-inner{display:flex;flex-direction:column}.mobile-actions-content-inner .primary-button{order:1}.mobile-actions-content-inner .edit-button{order:0}.mobile-actions-content-inner .secondary-button{order:2}.mobile-actions-content-inner .mobile-filter-content{order:3}.mobile-actions-content-inner .edit-button,.mobile-actions-content-inner .primary-button,.mobile-actions-content-inner .secondary-button{width:100%;justify-content:center;padding:.875rem;font-size:14px;margin:0;min-height:48px;display:flex;align-items:center;transition:all .2s ease;border-radius:20px}.mobile-actions-content-inner .edit-button:hover:not(:disabled){background-color:#f8f9fa;transform:translateY(-1px)}.mobile-actions-content-inner .edit-button:disabled{opacity:.6}}@media (max-width:640px){.mobile-actions-container.collapsed button{display:flex;justify-content:flex-end;align-items:flex-end}.mobile-toggle-header{padding:.625rem 1.25rem}.mobile-toggle-button{font-size:13px}.mobile-actions-container.expanded .mobile-actions-content{padding:.75rem 1rem}.mobile-actions-content-inner{gap:.5rem}.mobile-actions-content-inner .edit-button{padding:.75rem;font-size:13px;min-height:44px}}.mobile-edit-groups-interface{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;flex-direction:column}.mobile-actions-container.edit-mode.groups-expanded .mobile-edit-groups-interface{flex-direction:column;align-items:stretch;gap:16px}.mobile-edit-groups-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.mobile-edit-groups-interface .selection-count{font-size:14px;font-weight:500;color:#000000;font-family:Poppins,sans-serif}.mobile-edit-groups-interface .add-to-group-button{background:#000;color:white;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease;flex-grow:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.mobile-edit-groups-interface .add-to-group-button:disabled{opacity:.5;cursor:not-allowed}.mobile-edit-groups-interface .close-edit-mode-button{background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-edit-groups-interface .close-edit-mode-button:hover{background:#f3f4f6;color:#374151}.proofing-selection-controls.edit-mode{border:1px solid #ccc;border-radius:12px;padding:10px 10px 0}.desktop-edit-groups-interface .selection-count{font-size:16px;font-weight:500;color:#374151;font-family:Poppins,sans-serif}.desktop-group-assignment-dropdown{background:white;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-10px);opacity:0;height:100%;max-height:0;overflow:hidden;padding:0 16px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.proofing-selection-controls.edit-mode.groups-expanded .desktop-group-assignment-dropdown{transform:translateY(0);opacity:1;height:100%;max-height:200px;overflow-y:auto;padding:16px}.desktop-group-assignment-dropdown>div{max-height:200px;overflow-y:auto}.desktop-group-assignment-dropdown button{transform:translateY(-15px);opacity:0;transition:background-color .2s ease,transform .3s cubic-bezier(.4,0,.2,1) .1s,opacity .3s cubic-bezier(.4,0,.2,1) .1s}.proofing-selection-controls.edit-mode.groups-expanded .desktop-group-assignment-dropdown button{transform:translateY(0);opacity:1}.desktop-group-assignment-dropdown::-webkit-scrollbar,.desktop-group-assignment-dropdown>div::-webkit-scrollbar{width:6px}.desktop-group-assignment-dropdown::-webkit-scrollbar-track,.desktop-group-assignment-dropdown>div::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.desktop-group-assignment-dropdown::-webkit-scrollbar-thumb,.desktop-group-assignment-dropdown>div::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.desktop-group-assignment-dropdown::-webkit-scrollbar-thumb:hover,.desktop-group-assignment-dropdown>div::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile-filter-content{padding-top:0;padding-bottom:0;margin-top:0;border-top:1px solid #e5e7eb;transform:translateY(-10px);opacity:0;max-height:0;overflow:hidden;width:100%;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.mobile-actions-container.expanded.filter-expanded .mobile-filter-content{transform:translateY(0);opacity:1;max-height:300px;overflow:visible;padding-top:1rem;padding-bottom:.5rem}.mobile-filter-container{display:flex;flex-direction:column;gap:.75rem;width:100%}@media (min-width:981px){.mobile-filter-container{flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:12px}.mobile-filter-container>div{width:auto!important;flex:0 1 auto}.mobile-filter-container button{border-radius:20px!important;padding:12px 24px!important}}.mobile-filter-container button{transform:translateY(-15px);opacity:0;transition:background-color .2s ease,transform .3s cubic-bezier(.4,0,.2,1) .1s,opacity .3s cubic-bezier(.4,0,.2,1) .1s}.mobile-actions-container.expanded.filter-expanded .mobile-filter-container button{transform:translateY(0);opacity:1}.mobile-groups-content{padding-top:0;padding-bottom:0;margin-top:0;border-top:1px solid #e5e7eb;transform:translateY(-10px);opacity:0;max-height:0;overflow:hidden;width:100%;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.mobile-actions-container.edit-mode.groups-expanded .mobile-groups-content{transform:translateY(0);opacity:1;max-height:300px;overflow:visible;padding-top:1rem;padding-bottom:.5rem}.mobile-group-cards-container{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto;width:100%}@media (min-width:981px){.mobile-actions-container.edit-mode.groups-expanded .mobile-group-cards-container,.mobile-group-cards-container{flex-direction:row!important;flex-wrap:wrap;max-height:300px;gap:12px}.mobile-actions-container.edit-mode.groups-expanded .mobile-group-card,.mobile-group-card{width:auto!important;flex:0 1 auto;min-width:120px}}.mobile-group-card{width:100%;justify-content:flex-start;padding:12px 20px;font-size:14px;margin:0;min-height:48px;border-radius:20px;transform:translateY(-15px);opacity:0;transition:background-color .2s ease,transform .3s cubic-bezier(.4,0,.2,1) .1s,opacity .3s cubic-bezier(.4,0,.2,1) .1s,width .3s cubic-bezier(.4,0,.2,1)}.mobile-actions-container.edit-mode.groups-expanded .mobile-group-card{transform:translateY(0);opacity:1;width:100%}.mobile-group-card:hover:not(:disabled){background-color:#f8f9fa;transform:translateY(-1px)}.mobile-group-card:disabled{opacity:.6}.filter-dropdown-option{transition:background-color .2s ease;font-family:Poppins,sans-serif;color:#000000!important}.filter-dropdown-option:hover:not(:disabled){background-color:#f3f4f6!important;cursor:pointer}.filter-dropdown-option:disabled{cursor:not-allowed!important}.mobile-breakdown-section{padding:20px;background-color:white;border-bottom:1px solid #e5e7eb;animation:slideDown .3s ease forwards;max-height:400px;overflow-y:auto}.mobile-breakdown-section .breakdown-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;margin-top:0}.mobile-breakdown-section .breakdown-grid.single-column{grid-template-columns:1fr;justify-items:center}.mobile-breakdown-section .breakdown-grid.single-column .breakdown-column{max-width:400px;width:100%}.mobile-breakdown-section .breakdown-column{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.mobile-breakdown-section .breakdown-column h4{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#333333;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.mobile-breakdown-section .breakdown-items-container{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.mobile-breakdown-section .breakdown-items-container::-webkit-scrollbar{width:6px}.mobile-breakdown-section .breakdown-items-container::-webkit-scrollbar-track{background:#e9ecef;border-radius:3px}.mobile-breakdown-section .breakdown-items-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.mobile-breakdown-section .breakdown-items-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile-breakdown-section .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:white;border-radius:8px;margin-bottom:0;font-family:Poppins,sans-serif}.mobile-breakdown-section .breakdown-item span:first-child{color:#000000;font-size:14px}.mobile-breakdown-section .breakdown-item span:last-child{color:#6b7280;font-weight:500;font-size:14px}.mobile-breakdown-section .breakdown-group-name{display:flex;align-items:center;gap:8px;color:#374151}.mobile-breakdown-section .breakdown-folder-icon{font-size:18px;color:#6b7280}.breakdown-groups-scrollable{max-height:300px;overflow-y:auto;padding-right:4px}.breakdown-groups-scrollable::-webkit-scrollbar{width:6px}.breakdown-groups-scrollable::-webkit-scrollbar-track{background:#e9ecef;border-radius:10px}.breakdown-groups-scrollable::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:10px}.breakdown-groups-scrollable::-webkit-scrollbar-thumb:hover{background:#868e96}@media (max-width:768px){.mobile-breakdown-section .breakdown-grid{grid-template-columns:1fr!important;gap:16px}.mobile-breakdown-section .breakdown-column{padding:16px}.mobile-breakdown-section .breakdown-column h4{font-size:14px}}.mobile-group-cards-container::-webkit-scrollbar{width:6px}.mobile-group-cards-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.mobile-group-cards-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.mobile-group-cards-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.groups-dropdown-icon{width:16px!important;height:16px!important;transition:transform .2s ease}.mobile-edit-groups-interface .groups-dropdown-icon{width:14px!important;height:14px!important}.client-review-display{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:12px}.review-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;font-family:Poppins,sans-serif}.review-rating{display:flex;align-items:center;gap:4px;margin-bottom:12px}.review-rating .review-star-filled{font-size:24px!important;color:#000000}.review-rating .review-star-outline{font-size:24px!important;color:#d1d5db}.review-rating .rating-text{margin-left:8px;font-size:14px;color:#666;font-weight:500}.review-comment{font-size:14px;color:#555;font-style:italic;margin-bottom:8px;line-height:1.5}.pin-input-container{position:relative}.pin-input-field{padding-right:2.5rem!important}.pin-visibility-button{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .2s ease}.pin-visibility-button:hover{color:#374151}.pin-visibility-icon{width:1.25rem;height:1.25rem}.project-details-form-container.expanded{margin-left:-20px;margin-right:-20px;max-height:1600px;opacity:1;visibility:visible;pointer-events:auto;margin-top:40px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear}.groups-form-container{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;display:block;overflow:hidden;max-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),padding-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s}.groups-form-container.expanded{max-height:800px;opacity:1;visibility:visible;pointer-events:auto;margin-top:20px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),padding-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear}.project-details-sections{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:20px}.project-details-section{display:flex;flex-direction:column;background:#f7fafc;border-radius:12px;padding:20px}.project-details-section-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 50px;gap:10px 50px;padding:20px}.project-details-section,.project-details-section .bg-amber-50,.project-details-section .form-group.full-width,.project-details-section .space-y-3{grid-column:1/-1}.project-details-section-header{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#333333;margin:0 0 8px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.project-details-section .form-group{margin-bottom:16px}.project-details-section .form-group:last-child{margin-bottom:0}.project-details-form-container .form-action{margin-top:40px;clear:both}@media (max-width:768px){.project-details-sections{grid-template-columns:1fr;gap:16px}.project-details-section{padding:16px}.project-details-section-header{font-size:16px}.project-details-section-content{grid-template-columns:1fr;gap:16px}.project-details-section:first-child{grid-column:1}}.section-title{font-family:Parkinsans,serif;font-size:24px;font-weight:500;color:#000;margin:0 0 16px}.section-subtitle{font-size:18px;color:#333;margin:0 0 12px}.form-label,.section-subtitle{font-family:Parkinsans,serif;font-weight:400}.form-label{font-size:14px;color:#374151;display:block;margin-bottom:4px}.form-description{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#6b7280;margin-top:4px;line-height:1.4}.error-message{font-size:14px;color:#dc2626;margin-top:4px}.body-text{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;color:#374151;line-height:1.5}.secondary-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.secondary-button:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.danger-button{background-color:#dc2626;color:white;border:none;border-radius:8px;padding:8px 16px;font-family:Parkinsans,serif;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease}.danger-button:hover{background-color:#b91c1c}.toggle-button{background:transparent;border:none;padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.toggle-button:hover{background-color:#f3f4f6}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.project-content{padding:16px 0}.project-form-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.project-actions{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}.project-actions.center{justify-content:center}.project-actions.end{justify-content:flex-end}.form-input-group{margin-bottom:16px}.form-input-group input,.form-input-group select,.form-input-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-family:Poppins,sans-serif;font-size:14px;margin-top:4px}.form-input-group input:focus,.form-input-group select:focus,.form-input-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:12px;margin-top:20px}.checkbox-group label{font-family:Poppins,sans-serif;font-size:14px;color:#374151;margin:0}.select-group{margin-bottom:16px}.select-group select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-family:Poppins,sans-serif;font-size:14px;background-color:white}.progress-indicator{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.progress-indicator.creating{background-color:#fef3c7;color:#92400e}.progress-indicator.proofing{background-color:#dbeafe;color:#1d4ed8}.progress-indicator.editing{background-color:#f3e8ff;color:#7c3aed}.progress-indicator.delivery{background-color:#dcfce7;color:#15803d}.progress-indicator.completed{background-color:#e5e7eb;color:#374151}.mobile-project-view{display:block}@media (min-width:768px){.mobile-project-view{display:none}}.desktop-project-view{display:none}@media (min-width:768px){.desktop-project-view{display:block}}.spacing-xs{margin-bottom:8px}.spacing-sm{margin-bottom:12px}.spacing-md{margin-bottom:16px}.spacing-lg{margin-bottom:24px}.spacing-xl{margin-bottom:32px}.display-number{font-family:Parkinsans,serif;font-size:42px;font-weight:800;color:#0F172A;line-height:1}.display-subtitle{font-family:Poppins,sans-serif;font-size:16px;color:#64748B;margin-top:4px}.text-center{text-align:center;margin-bottom:24px}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.deleted-user-text{color:#666;font-style:italic}.conditional-margin{margin-top:-6px}.conditional-margin.with-expiration{margin-bottom:10px}.conditional-margin.without-expiration{margin-bottom:0}.warning-icon{font-size:16px;color:#f59e0b;margin-top:1px}.warning-icon-lg{font-size:18px;color:#f59e0b}.add-icon{margin-right:8px;font-size:18px}.section-spacing{margin-bottom:50px}.photo-cursor-pointer{cursor:pointer}.photo-cursor-default{cursor:default}.dropdown-controls{display:flex;gap:12px;flex-wrap:wrap}.dropdown-position{position:relative}.dropdown-arrow{font-size:18px}.rating-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;border-radius:8px;background-color:#f9fafb;min-width:120px}.rating-stars{color:black}.group-breakdown{flex-direction:column}.group-breakdown,.group-item{display:flex;gap:6px;align-items:center}.group-item{font-size:14px;color:black;font-weight:500;padding:6px 10px;border-radius:12px;justify-content:center;min-width:100px}.group-count{background-color:black;color:white;border-radius:10px;padding:2px 6px;font-size:12px;min-width:20px;text-align:center}.warning-message{display:flex;align-items:center;gap:.5rem}.action-flex,.action-spacing{margin-top:1rem}.action-flex{display:flex;align-items:center;gap:.5rem}.dropdown-container{position:relative;display:inline-block}.dropdown-content{position:absolute;right:0;top:100%;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50;min-width:200px;padding:8px 0}.gallery-controls{margin-top:1rem;padding:1rem;background-color:#f3f4f6;border-radius:8px}.select-label{margin-left:.5rem;cursor:pointer}.select-count{margin-left:1rem;font-size:.875rem;color:#6b7280}.photo-upload-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.group-edit-buttons{border-radius:12px}.group-delete-buttons,.group-edit-buttons{margin-top:0;padding:6px 12px;font-size:12px}.no-ratings-text{font-size:14px;color:#9CA3AF;font-style:italic}.warning-message-flex{display:flex;align-items:center;gap:.5rem}.margin-top-1{margin-top:1rem}.select-count-text{margin-left:1rem;font-size:.875rem;color:#6b7280}.inline-block-relative{position:relative;display:inline-block}.avatar-container{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.1)}.avatar-loading{width:100%;height:100%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.chapter-control{color:"#6b7280";-webkit-text-decoration:"underline";text-decoration:"underline";cursor:"pointer";font-size:"0.75rem";margin-left:"0.5rem"}.project-dropdown-menu{position:absolute;right:0;top:100%;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50;min-width:200px;padding:8px 0}.height-40{height:40px}.margin-top-0{margin-top:0}.album-cover-image{width:200px;height:200px;object-fit:cover}.proofing-page-container{margin:150px auto 50px;padding:0 24px 24px}.project-header-section{background:white;border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.project-hero{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.project-title{font-family:Parkinsans,serif;font-size:36px;font-weight:600;color:#1f2937;margin:0;line-height:1.2}.project-subtitle{font-family:Poppins,sans-serif;font-size:18px;font-weight:400;color:#6b7280;margin:0}.project-status-row{justify-content:space-between;gap:16px}.project-status-badges,.project-status-row{display:flex;align-items:center;flex-wrap:wrap}.project-status-badges{gap:12px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.stage{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.status-badge.warning{background-color:#fef3c7;color:#d97706;border:1px solid #fed7aa}.status-badge.success{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.project-actions-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.expandable-section{background:white;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:box-shadow .2s ease}.expandable-section:hover{box-shadow:0 2px 8px rgba(0,0,0,.05)}.expandable-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;font-family:Parkinsans,serif;font-size:16px;font-weight:500;color:#374151;text-align:left;transition:background-color .2s ease}.expandable-header:hover{background-color:#f9fafb}.expand-icon{width:20px;height:20px;color:#6b7280;transition:transform .2s ease,color .2s ease}.expandable-header:hover .expand-icon{color:#374151}.expandable-content{padding:0 20px 20px;border-top:1px solid #f3f4f6;animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-top:12px}.detail-item,.project-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label,.project-detail-label{font-family:Parkinsans,serif;font-size:14px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.detail-value,.project-detail-value{font-family:Poppins,sans-serif;font-size:16px;color:#1f2937;line-height:1.5}.detail-notes{grid-column:1/-1}.detail-notes .detail-value{white-space:pre-wrap;font-style:italic;color:#4b5563}.selection-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:24px}.selection-count{text-align:center;padding:8px}.count-number{display:block;font-family:Parkinsans,serif;font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px}.count-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.summary-stat{text-align:center;padding:8px}.summary-stat-number{display:block;font-family:Parkinsans,serif;font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px}.summary-stat-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:16px}.breakdown-grid.single-column{grid-template-columns:1fr;justify-items:center}.breakdown-grid.single-column .breakdown-column{max-width:400px;width:100%}.breakdown-column{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto}.breakdown-column::-webkit-scrollbar{width:6px}.breakdown-column::-webkit-scrollbar-track{background:#e9ecef;border-radius:3px}.breakdown-column::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.breakdown-column::-webkit-scrollbar-thumb:hover{background:#94a3b8}.breakdown-column h4{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:#333333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px}.breakdown-group-name{display:flex;align-items:center;gap:8px}.group-management-container{max-width:95%}.group-cards-container{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;max-height:100px;overflow-y:auto;overflow-x:hidden;padding:2px}.group-cards-container::-webkit-scrollbar{width:6px}.group-cards-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.group-cards-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.group-cards-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.group-cards-container button{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-width:0}.desktop-view-options{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;overflow:visible;max-height:0;opacity:0;transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top:0 solid #e5e7eb}.desktop-view-options.expanded{max-height:300px;opacity:1;transform:translateY(0);padding-top:16px;padding-bottom:10px;margin-top:16px;margin-bottom:0;border-top-width:1px;overflow:visible}.group-management-container{overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);padding:0;margin:0;background-color:transparent;border:0 solid #d1d5db;border-radius:8px}.group-management-container.expanded{max-height:400px;opacity:1;transform:translateY(0);padding:16px;background-color:#F3F4F6;border-width:1px}.breakdown-folder-icon{width:16px;height:16px;color:#6b7280;flex-shrink:0}.selection-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px;flex-wrap:wrap}.button-icon{width:16px;height:16px}.compact-selection-card{background:white;margin:0 0 -50px;overflow:hidden;padding:0 50px}.compact-header{display:flex;flex-direction:column;padding:10px 20px 80px;gap:16px;position:relative}.compact-info{flex:1 1;min-width:0}.project-title-section{display:flex;justify-content:center;width:100%;margin-bottom:30px}.bottom-right-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.selection-count-section{display:flex;justify-content:flex-end;text-align:right}.bottom-actions-row{display:flex;justify-content:space-between;align-items:flex-end;padding:8px 12px 16px;margin:-80px 0 8px;gap:20px}.bottom-left-actions{display:flex;align-items:center;gap:12px;line-height:5.5}.bottom-left-actions button{line-height:1.5}.bottom-left-actions .secondary-button{justify-content:center}.bottom-left-actions .download-button,.bottom-left-actions .secondary-button{display:flex;align-items:center;gap:6px;padding:8px 16px;min-height:40px;box-sizing:border-box}.bottom-right-actions{gap:10px}.bottom-right-actions,.selection-counter{display:flex;flex-direction:column;align-items:flex-end}.selection-counter{justify-content:center;width:100%}.review-button-container{display:flex;justify-content:center}.breakdown-pill-container{width:100%;display:flex;flex-direction:column;gap:0;margin-bottom:10px}.breakdown-pill-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#1f2937;width:100%}.breakdown-pill-toggle:hover{background:#f1f3f5;border-color:#d1d5db}.breakdown-pill-text{flex:1 1;text-align:left}.breakdown-chevron{width:18px;height:18px;transition:transform .3s ease;color:#6b7280}.breakdown-chevron.rotated{transform:rotate(180deg)}.breakdown-pill-expanded{margin-top:12px;padding:20px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;animation:slideDown .3s ease forwards;box-shadow:0 2px 8px rgba(0,0,0,.05)}.breakdown-pill-expanded .breakdown-grid{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.breakdown-empty-state{text-align:center;color:#6b7280;font-size:14px;padding:20px;margin:0}.breakdown-filter-controls{display:flex;flex-direction:column;gap:12px}.filter-button-wrapper{position:relative;display:inline-block}.filter-dropdown-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;border-radius:12px;border:1px solid #000000;background-color:transparent;color:#000000;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease}.filter-dropdown-button.active{background-color:#000000;color:#ffffff}.filter-dropdown-button:hover{background-color:#f1f3f5}.filter-dropdown-button.active:hover{background-color:#1f2937}.filter-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:10000;background:white;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:6px;min-width:220px;animation:fadeInUp .2s ease-out;max-height:250px;overflow-y:auto}.filter-dropdown-menu button{text-align:left;padding:8px 10px;background:transparent;border:none;cursor:pointer;border-radius:6px;width:100%;font-size:14px;transition:background-color .15s ease}.filter-dropdown-menu button:hover{background-color:#f3f4f6}.applied-filters-section{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid #e5e7eb}.applied-filters-label{font-size:14px;font-weight:600;color:#6b7280;font-family:Poppins,sans-serif}.applied-filters-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;border:1px solid #6b7280;background-color:#f9fafb;color:#4b5563;font-size:14px;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease}.filter-pill:hover{background-color:#f3f4f6;border-color:#4b5563}.filter-pill-remove{font-size:18px;font-weight:700;color:#6b7280;transition:color .2s ease;line-height:1}.filter-pill:hover .filter-pill-remove{color:#1f2937}.project-info{display:flex;align-items:center;justify-content:center;gap:16px}.photographer-section{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;flex:1 1}.photographer-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #f3f4f6;flex-shrink:0}.photographer-details-container{display:flex;align-items:center;gap:12px}.photographer-avatar img{width:100%;height:100%;object-fit:cover}.photographer-details{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.photographer-name{font-family:Poppins,sans-serif;font-size:18px;font-weight:500;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proofing-page-container .project-name{font-family:Parkinsans,serif;font-size:40px;font-weight:400;color:#000000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-info{display:flex;align-items:center;gap:12px;flex-shrink:0}.selection-buttons{display:flex;align-items:center;gap:8px}.selection-count{font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:flex-end;gap:2px;width:100%}.selection-count-main{font-size:26px;font-weight:700;color:#000000;line-height:1.2}.selection-count.exceeded .selection-count-main{color:#dc2626}.selection-count-sub{font-size:14px;font-weight:400;color:#6b7280;line-height:1.2}.selection-count.exceeded .selection-count-sub{color:#dc2626}.selection-limit-tip{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#dc2626;margin-top:4px;line-height:1.4;text-align:right;width:100%}.share-button{display:flex;align-items:center;gap:6px}.share-button:hover{background:#f9fafb;border-color:#9ca3af}.share-icon{width:16px;height:16px;color:#000000}.compact-actions{display:flex;align-items:center;gap:8px}.selection-info .secondary-button{display:flex;align-items:center;column-gap:10px}.compact-actions .edit-button{margin-top:0}.submit-button{padding:8px 20px;background:#000;color:white;border:none;border-radius:12px;font-family:Parkinsans,serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#1f2937}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.chevron-icon{width:16px;height:16px;transition:transform .2s ease}.chevron-icon.rotated{transform:rotate(180deg)}.compact-expanded{padding:20px;background:#ffffff;animation:slideDown .3s ease forwards;max-height:70vh;overflow-y:auto;opacity:0}.compact-expanded::-webkit-scrollbar{width:8px}.compact-expanded::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.compact-expanded::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.compact-expanded::-webkit-scrollbar-thumb:hover{background:#94a3b8}.compact-expanded .selection-breakdown{padding-top:20px;border-top:1px solid #ccc}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;overflow:visible;padding-top:20px;padding-bottom:20px}}.selection-breakdown h3{font-family:Parkinsans,serif;font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.selection-breakdown-container{display:block;overflow:hidden;max-height:0;opacity:0;visibility:hidden;pointer-events:none;margin-top:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s}.selection-breakdown-container.expanded{max-height:500px;opacity:1;visibility:visible;pointer-events:auto;margin-top:16px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear}.storage-management-container{display:block;overflow:hidden;max-height:0;opacity:0;visibility:hidden;pointer-events:none;margin-top:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s}.storage-management-container.expanded{max-height:400px;opacity:1;visibility:visible;pointer-events:auto;margin-top:16px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),visibility 0s linear}.gallery-management-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:12px}.gallery-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827;font-family:Poppins,sans-serif}.gallery-info p{margin:0;color:#6b7280}.gallery-info p,.storage-warning{font-size:14px;font-family:Poppins,sans-serif}.storage-warning{margin-top:12px;margin-bottom:0;padding:12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e}.selection-summary-stats{text-align:center;margin:20px 0}.selection-count-large{display:flex;flex-direction:column;align-items:center;gap:4px}.count-number-large{font-family:Parkinsans,serif;font-size:48px;font-weight:700;color:#1f2937;line-height:1}.count-text{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;color:#6b7280}.client-permission-note{background:#ffffff;border-radius:8px;padding:12px 16px;margin:16px 0;text-align:center}.client-permission-note p{font-family:Poppins,sans-serif;font-size:14px;color:#6b7280;margin:0;line-height:1.4}.expanded-submit-section{padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px;text-align:center;display:flex;justify-content:center}.expanded-submit-button{width:auto;justify-content:center;font-size:15px}.expanded-submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.proofing-page-container{margin:100px auto 50px}.compact-header{gap:16px;padding:16px}.project-title-section{justify-content:center}.bottom-right-section{align-items:stretch;gap:12px}.selection-count-section{justify-content:center;text-align:center}.bottom-actions-row{flex-direction:column-reverse;align-items:center;gap:30px;text-align:center;margin-top:30px}.bottom-left-actions{flex-direction:row;justify-content:center;align-items:center;width:100%;order:2;gap:8px}.bottom-left-actions button{width:auto;text-align:center;padding:8px 12px;min-width:auto;border-radius:20px;flex-direction:row;gap:4px}.bottom-left-actions .button-text{display:block;font-size:10px;line-height:1.2;white-space:nowrap}.bottom-left-actions .download-icon,.bottom-left-actions .share-icon,.bottom-left-actions .tips-icon{margin:0;font-size:18px}.bottom-right-actions{align-items:center;order:1}.selection-counter{justify-content:center;align-items:center}.selection-count{align-items:center}.selection-count-main{font-size:22px}.selection-count-sub{font-size:13px}.selection-limit-tip{text-align:center}.proofing-page-container .project-name{font-size:30px}.compact-selection-card{padding:0}.review-button-container{justify-content:center;max-width:220px;width:100%}.photographer-section{justify-content:center}.breakdown-grid{grid-template-columns:1fr;gap:16px}.breakdown-pill-container{width:100%;max-width:100%}.breakdown-pill-toggle{padding:12px 16px;font-size:15px}.breakdown-pill-expanded{padding:16px}.breakdown-pill-expanded .breakdown-grid{grid-template-columns:1fr;gap:16px}.breakdown-filter-controls{gap:10px}.filter-dropdown-button{width:100%;justify-content:space-between}.applied-filters-section{flex-direction:column;align-items:flex-start}.applied-filters-pills{width:100%}.filter-pill{font-size:13px;padding:6px 12px}.selection-info{justify-content:space-between;flex-direction:column;align-items:start;width:100%}.selection-info .selection-buttons{width:100%}.selection-info .secondary-button{width:100%;justify-content:center}.compact-actions .edit-button{width:100%;margin:0}.compact-actions{justify-content:stretch;gap:12px}.submit-button{margin:40px 0 0}.review-button,.submit-button{flex:1 1;justify-content:center;width:100%}.review-button{margin:0}.compact-expanded{padding:16px}.selection-buttons{flex-direction:column;gap:6px}.group-card-item{font-size:10px!important}}.tips-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .2s ease-in-out}.tips-modal-overlay.ReactModal__Overlay--after-open{opacity:1}.tips-modal-content{background:white;border-radius:12px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .2s ease-in-out;box-shadow:0 10px 25px rgba(0,0,0,.2)}.ReactModal__Overlay--after-open .tips-modal-content{transform:scale(1)}.tips-modal-header{text-align:center;padding:32px 32px 1px}.tips-modal-header h2{font-family:Parkinsans,serif;font-size:28px;font-weight:600;color:#1f2937;margin:0 0 8px}.tips-modal-header p{font-family:Poppins,sans-serif;font-size:16px;color:#6b7280;margin:0;font-weight:400}.tips-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease}.tips-modal-close:hover{background:#f3f4f6;color:#374151}.tips-modal-body{padding:32px}.tips-sections{gap:32px}.tips-section,.tips-sections{display:flex;flex-direction:column}.tips-section{gap:16px;background:#f8f9fa;border-radius:12px;padding:20px}.tips-section h3{font-size:18px;font-weight:600;color:#333333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.tips-item,.tips-section h3{font-family:Poppins,sans-serif}.tips-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#374151;line-height:1.5;margin-bottom:16px}.tips-item:last-child{margin-bottom:0}.tips-ui-element{display:flex;align-items:center;flex-shrink:0;width:160px;justify-content:flex-start}.star-rating{display:flex;gap:2px}.selection-checkmark{width:20px;height:20px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e5e7eb;padding:5px}.tips-subtle-text{color:#9ca3af;font-size:13px;font-weight:400;font-style:italic}.tips-demo-button{cursor:default;pointer-events:none;font-size:12px!important;transform:scale(.8);transform-origin:left center;margin-top:-10px}.tips-button{display:flex;align-items:center;gap:6px}.tips-icon{width:16px;height:16px;color:#000000}.tips-modal-footer{padding:5px 24px 24px;background:#ffffff}.tips-footer-content{gap:16px}.tips-footer-content,.tips-help-section{display:flex;flex-direction:column;align-items:center}.tips-help-section{gap:4px;text-align:center;padding-bottom:20px}.tips-help-text{font-family:Poppins,sans-serif;font-size:14px;color:#6b7280;font-weight:500;cursor:pointer;transition:color .2s ease}.tips-help-text:hover{color:#374151}.tips-contact-details{opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.tips-help-section:hover .tips-contact-details{opacity:1;max-height:50px}.tips-contact-details span{font-size:12px;color:#9ca3af;font-weight:400;line-height:1.4;display:flex}.tips-contact-details span,.tips-got-it-button{font-family:Poppins,sans-serif;justify-content:center}.tips-got-it-button{background:#000000;color:#ffffff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;margin-top:0}.tips-got-it-button:hover{background:#333333;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.tips-got-it-button:active{transform:translateY(0)}@media (max-width:768px){.tips-modal-content{width:95%;margin:20px}.tips-modal-header{padding:24px 16px 20px}.tips-modal-header h2{font-size:24px}.tips-modal-header p{font-size:15px}.tips-modal-body{padding:24px 16px}.tips-sections{gap:24px}.tips-section{padding:16px}.tips-section h3{font-size:16px}.tips-item{font-size:14px;gap:8px}.tips-ui-element{width:120px}.tips-subtle-text{font-size:12px}.tips-demo-button{font-size:10px!important;padding:4px 8px!important;transform:scale(.75)}.tips-modal-footer{padding:16px 16px 20px}.tips-footer-content{gap:12px}.tips-got-it-button{font-size:15px;padding:10px 20px}}.keyboard-keys{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.keyboard-key{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;font-family:Poppins,sans-serif;border:1px solid #d1d5db;box-shadow:0 1px 2px rgba(0,0,0,.1);min-width:24px;text-align:center;white-space:nowrap}.gallery-section{margin-top:32px}.gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:16px}.gallery-title{font-family:Parkinsans,serif;font-size:24px;font-weight:600;color:#1f2937;margin:0}.gallery-controls{display:flex;align-items:center;gap:12px}.expiration-warning{display:flex;align-items:center;gap:6px;background:#fef2f2;color:#dc2626;font-weight:500;border-radius:20px}.expiration-warning,.project-completion-date{padding:8px 12px;font-family:Poppins,sans-serif;font-size:14px}.project-completion-date{color:#000000;font-weight:800}.project-completion-date .completion-date{font-weight:400;color:#5c5b5bd5}.photo-count-info{color:#000000;font-family:Poppins,sans-serif;font-size:14px;font-weight:800}.photo-count-details{display:flex;flex-direction:column}.photo-count-details .photos-value{font-weight:400;color:#5c5b5bd5}.photo-count-details .photos-label{padding:8px 12px}.project-notes{padding:8px 12px 2px;color:#5c5b5bd5;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.project-notes .project-notes-label{font-weight:800;color:#000000}.project-notes .notes-content{white-space:pre-wrap}.project-photographer-name{text-transform:capitalize}.submission-success{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ccc;color:#000000;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;border-radius:20px}.content-loading{display:flex;justify-content:center;align-items:center;min-height:300px;flex-direction:column;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:#000000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{font-family:Poppins,sans-serif;font-size:16px;color:#6b7280}.error-container{text-align:center;padding:48px 24px;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.error-title{font-family:Parkinsans,serif;font-size:20px;font-weight:600;color:#dc2626;margin:0 0 8px}.error-message{font-family:Poppins,sans-serif;font-size:16px;color:#991b1b;margin:0;line-height:1.5}@media (max-width:768px){.proofing-page-container{padding:0 16px 16px}.project-title{font-size:28px}.project-subtitle{font-size:16px}.project-status-row{flex-direction:column;align-items:flex-start;gap:12px}.project-details-grid{grid-template-columns:1fr;gap:16px}.selection-summary{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.summary-stat-number{font-size:24px}.gallery-header{flex-direction:column;align-items:flex-start;gap:12px}.expandable-header{padding:14px 16px}.expandable-content{padding:0 16px 16px}.projects-container{width:100%}.delivery-client-photo-item{border-radius:0}.action-buttons-left{padding-left:10px}.project-completion-date,.project-notes{text-align:center}}@media (max-width:480px){.project-title{font-size:24px}.selection-summary{grid-template-columns:1fr}.project-status-badges{flex-direction:column;align-items:flex-start;gap:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submission-message{display:flex;align-items:center;gap:16px;padding:20px}.submission-icon{width:48px;height:48px;background:#000000;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.submission-content{display:flex;flex-direction:column;gap:4px}.submission-title{font-size:16px;font-weight:600;color:#1f2937}.submission-subtitle,.submission-title{font-family:Poppins,sans-serif;margin:0}.submission-subtitle{font-size:14px;font-weight:400;color:#6b7280;line-height:1.4}@media (max-width:640px){.submission-message{padding:16px;gap:12px}.submission-icon{width:40px;height:40px}.submission-title{font-size:15px}.submission-subtitle{font-size:13px}}.export-switch-container{display:flex;align-items:center;gap:8px}.export-switch-label{font-size:14px;font-weight:500;font-family:Poppins,sans-serif;transition:color .2s ease}.export-switch-label.active{color:#1f2937}.export-switch-label.inactive{color:#9ca3af}.pin-field-highlight{animation:pinFieldDoublePulse 6s ease-in-out!important;border:2px solid #3b82f6!important;box-shadow:0 0 0 2px rgba(59,130,246,.4),0 0 8px 0 rgba(59,130,246,.3)!important;outline:none!important}@keyframes pinFieldDoublePulse{0%{box-shadow:0 0 0 2px rgba(59,130,246,.4),0 0 8px 0 rgba(59,130,246,.3);border-color:#3b82f6}12.5%{box-shadow:0 0 0 4px rgba(59,130,246,.3),0 0 16px 4px rgba(59,130,246,.2),0 0 24px 8px rgba(59,130,246,.1);border-color:#2563eb}25%{box-shadow:0 0 0 2px rgba(59,130,246,.35),0 0 10px 2px rgba(59,130,246,.25);border-color:#3b82f6}37.5%{box-shadow:0 0 0 4px rgba(59,130,246,.3),0 0 16px 4px rgba(59,130,246,.2),0 0 24px 8px rgba(59,130,246,.1);border-color:#2563eb}50%{box-shadow:0 0 0 2px rgba(59,130,246,.4),0 0 8px 0 rgba(59,130,246,.3);border-color:#3b82f6}62.5%{box-shadow:0 0 0 4px rgba(59,130,246,.3),0 0 16px 4px rgba(59,130,246,.2),0 0 24px 8px rgba(59,130,246,.1);border-color:#2563eb}75%{box-shadow:0 0 0 2px rgba(59,130,246,.35),0 0 10px 2px rgba(59,130,246,.25);border-color:#3b82f6}87.5%{box-shadow:0 0 0 4px rgba(59,130,246,.3),0 0 16px 4px rgba(59,130,246,.2),0 0 24px 8px rgba(59,130,246,.1);border-color:#2563eb}to{box-shadow:0 0 0 0 rgba(59,130,246,0),0 0 4px 0 rgba(59,130,246,0);border-color:#d1d5db}}.chunk-download-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:9999}.chunk-download-modal{position:relative;background:white;border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:Poppins,sans-serif}.chunk-modal-header{text-align:center;margin-bottom:24px}.chunk-modal-header h2{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:#111827;font-family:Parkinsans,serif}.chunk-modal-header p{font-size:.9rem;color:#6b7280;margin:0}.chunk-progress-container{margin-bottom:24px}.chunk-progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:12px}.chunk-progress-fill{height:100%;background:black;transition:width .5s ease;border-radius:6px}.chunk-progress-text{font-size:.875rem;color:#4b5563;text-align:center}.chunk-list{display:flex;flex-direction:column;gap:12px;margin:24px 0;max-height:400px;overflow-y:auto;padding-right:8px}.chunk-list::-webkit-scrollbar{width:6px}.chunk-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.chunk-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.chunk-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.chunk-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.chunk-item:hover{background:#f3f4f6;border-color:#d1d5db}.chunk-info{display:flex;flex-direction:column;gap:8px;flex:1 1}.chunk-title{display:flex;align-items:center;gap:8px}.chunk-status-icon{font-size:18px;min-width:18px}.chunk-name{font-weight:600;font-size:14px;color:#111827}.chunk-details{display:flex;gap:12px;font-size:12px;color:#6b7280}.chunk-photos,.chunk-size{display:inline-flex;align-items:center}.chunk-actions{display:flex;align-items:center;gap:8px}.chunk-status-text{font-size:14px;color:#6b7280;font-weight:500}.chunk-downloaded{color:#000000}.chunk-failed{color:#515151}.chunk-download-btn{min-width:100px;padding:8px 16px;font-size:14px}.chunk-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.chunk-modal-actions button{min-width:140px}.chunk-instructions{margin-top:20px;padding:12px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;text-align:center}.chunk-instructions p{margin:0;font-size:13px;color:#92400e;line-height:1.5}.chunk-instructions strong{font-weight:600}@media (max-width:640px){.chunk-download-modal{width:95%;padding:24px;max-height:95vh}.chunk-modal-header h2{font-size:1.25rem}.chunk-item{flex-direction:column;align-items:flex-start;gap:12px}.chunk-actions{width:100%;justify-content:space-between}.chunk-download-btn{flex:1 1}.chunk-modal-actions{flex-direction:column}.chunk-modal-actions button{width:100%}.chunk-list{max-height:300px}}