.status.pending{background:#e0e0e0!important;color:#000!important}.status.in-progress{background:#768678!important;color:#fff!important}.status.complete{background:#000!important;color:#fff!important}.portal-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);animation:fadeIn .3s}.portal-modal.active{display:flex;align-items:center;justify-content:center}.portal-modal.image-viewer{z-index:999999;background-color:rgba(0,0,0,.95)}.portal-modal-content{background-color:#fff;margin:auto;padding:0;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 10px 50px rgba(0,0,0,.3);animation:slideIn .3s}.portal-modal-header{padding:20px 25px;background:#768678;color:white;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.portal-modal-header h2{margin:0;font-size:24px;font-weight:600}.portal-modal-close{color:white;font-size:32px;font-weight:700;cursor:pointer;background:0 0;border:none;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.portal-modal-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.portal-modal-body{padding:30px;max-height:calc(90vh - 100px);overflow-y:auto}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin:20px 0}.order-button{padding:20px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s;text-align:center;font-weight:600;color:#333}.order-button:hover{background:#768678;color:white;border-color:#768678;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.order-button.active{background:#768678;color:white;border-color:#768678}.logo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;width:100%;margin-top:15px}.logo-preview-item{position:relative;width:100%;padding-top:100%;border-radius:8px;overflow:hidden;border:2px solid #e9ecef}.logo-preview-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.logo-preview-item .remove-preview{position:absolute;top:5px;right:5px;background:rgba(255,0,0,.8);color:white;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10}.logo-preview-item .remove-preview:hover{background:rgba(255,0,0,1)}.upload-prompt{color:#768678;font-size:14px;font-weight:600;margin-top:10px}.payment-plan-container{max-width:600px;margin:0 auto}.payment-summary{background:#768678;color:white;padding:30px;border-radius:12px;margin-bottom:30px;text-align:center}.payment-summary h3{margin:0 0 20px;font-size:20px;font-weight:600;opacity:.9}.payment-amount{font-size:48px;font-weight:700;margin:10px 0}.payment-details{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.payment-row:last-child{border-bottom:none;background:#f8f9fa}.payment-label{font-size:16px;color:#6c757d;font-weight:500}.payment-value{font-size:24px;font-weight:700;color:#333}.payment-row:last-child .payment-value{color:#dc3545;font-size:28px}.payment-row.paid .payment-value{color:#28a745}.payment-progress{margin-top:30px;background:#e9ecef;height:12px;border-radius:6px;overflow:hidden}.payment-progress-bar{height:100%;background:#768678;transition:width .5s ease;border-radius:6px}.payment-percentage{text-align:center;margin-top:10px;font-size:14px;color:#6c757d;font-weight:600}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.file-item{background:#f8f9fa;border-radius:8px;padding:15px;text-align:center;transition:all .3s;border:2px solid #e9ecef;position:relative}.file-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,0,0,.1);border-color:#768678}.file-item-preview{width:100%;height:180px;border-radius:6px;margin-bottom:12px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.file-item-preview img{width:100%;height:100%;object-fit:cover}.file-item-icon{font-size:70px;color:#768678}.file-item-name{font-size:13px;font-weight:500;color:#333;word-break:break-word;margin-bottom:12px;min-height:36px}.file-item-source{font-size:11px;color:#6c757d;margin-bottom:8px;font-style:italic}.file-item-actions{display:flex;gap:8px;justify-content:center}.file-item-btn{flex:1;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:600;transition:all .3s;border:none;cursor:pointer;display:inline-block;text-align:center}.file-item-view{background:#768678;color:white}.file-item-view:hover{background:#5a6d5a;color:white;text-decoration:none}.file-item-download{background:#c1cdc1;color:#333}.file-item-download:hover{background:#a8b8a8;color:#333;text-decoration:none}.no-files-message{text-align:center;padding:60px 20px;color:#6c757d}.no-files-message h3{font-size:20px;margin-bottom:10px;color:#495057}.image-viewer-content{background:0 0;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;position:relative}.image-viewer-content img{max-width:100%;max-height:90vh;border-radius:8px}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:white;border:none;padding:15px 20px;font-size:24px;cursor:pointer;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:100}.image-nav-btn:hover{background:rgba(0,0,0,.9)}.image-prev{left:20px}.image-next{right:20px}.image-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:white;padding:8px 16px;border-radius:20px;font-size:14px;z-index:100}.image-viewer .portal-modal-close{position:absolute;top:20px;right:20px;z-index:101;background:rgba(0,0,0,.7)}.image-viewer .portal-modal-close:hover{background:rgba(0,0,0,.9)}.save-notification{position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:8px;font-weight:600;box-shadow:0 5px 20px rgba(0,0,0,.2);z-index:999999;animation:slideInRight .3s ease}.save-notification.success{background:#28a745;color:white}.save-notification.error{background:#dc3545;color:white}.sync-indicator{position:fixed;bottom:20px;right:20px;padding:10px 20px;background:#768678;color:white;border-radius:20px;font-size:13px;box-shadow:0 3px 10px rgba(0,0,0,.2);z-index:99998;display:none}.sync-indicator.show{display:block;animation:fadeIn .3s}.upload-loading{opacity:.6;pointer-events:none}