.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;inset:0;overflow:auto;background: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:rgba(0,0,0,.95)}.portal-modal-content{background:#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:#fff;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:#fff;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(180px,1fr));gap:12px;margin:10px 0 20px}.order-button{padding:16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s;text-align:center;font-weight:600;color:#333;font-size:14px}.order-button:hover,.order-button.active{background:#768678;color:#fff;border-color:#768678;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.order-section-label{font-weight:700;color:#768678;font-size:13px;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.logo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;width:100%}.logo-preview-item{position:relative;width:100%;padding-top:100%;border-radius:8px;overflow:hidden;border:2px solid #e9ecef;cursor:pointer;background:#f8f9fa}.logo-preview-item:hover{border-color:#768678}.logo-preview-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block!important}.logo-preview-item .file-icon-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:36px}.upload-prompt{color:#768678;font-size:13px;font-weight:600;line-height:1.4}.pending-section{width:100%;margin-top:12px;border-top:2px dashed #768678;padding-top:12px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:16px}.file-item{background:#f8f9fa;border-radius:8px;padding:14px;text-align:center;transition:all .3s;border:2px solid #e9ecef}.file-item:hover{transform:translateY(-3px);box-shadow:0 5px 18px rgba(0,0,0,.1);border-color:#768678}.file-item-preview{width:100%;height:160px;border-radius:6px;margin-bottom:10px;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:60px;color:#768678}.file-item-name{font-size:12px;font-weight:500;color:#333;word-break:break-word;margin-bottom:10px;min-height:32px}.file-item-source{font-size:11px;color:#6c757d;margin-bottom:8px;font-style:italic}.file-item-actions{display:flex;gap:6px;justify-content:center}.file-item-btn{flex:1;padding:7px 10px;border-radius:6px;text-decoration:none;font-size:11px;font-weight:600;transition:all .3s;border:none;cursor:pointer;display:inline-block;text-align:center}.file-item-view{background:#768678;color:#fff}.file-item-view:hover{background:#5a6d5a;color:#fff;text-decoration:none}.file-item-download{background:#c1cdc1;color:#333}.file-item-download:hover{background:#a8b8a8;text-decoration:none}.no-files-message{text-align:center;padding:50px 20px;color:#6c757d}.no-files-message h3{font-size:18px;margin-bottom:8px;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:#fff;border:none;font-size:24px;cursor:pointer;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s}.image-nav-btn:hover{background:rgba(0,0,0,.9)}.image-prev{left:16px}.image-next{right:16px}.image-counter{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;z-index:100}.image-viewer .portal-modal-close{position:absolute;top:16px;right:16px;z-index:101;background:rgba(0,0,0,.7)}.image-viewer .portal-modal-close:hover{background:rgba(0,0,0,.9)}.payment-plan-container{max-width:560px;margin:0 auto}.payment-summary{background:#768678;color:#fff;padding:28px;border-radius:12px;margin-bottom:24px;text-align:center}.payment-summary h3{margin:0 0 16px;font-size:18px;font-weight:600;opacity:.9}.payment-amount{font-size:44px;font-weight:700;margin:8px 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:18px 22px;border-bottom:1px solid #e9ecef}.payment-row:last-child{border-bottom:none;background:#f8f9fa}.payment-label{font-size:15px;color:#6c757d;font-weight:500}.payment-value{font-size:22px;font-weight:700;color:#333}.payment-row:last-child .payment-value{color:#dc3545;font-size:26px}.payment-row.paid .payment-value{color:#28a745}.payment-progress{margin-top:24px;background:#e9ecef;height:10px;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:8px;font-size:13px;color:#6c757d;font-weight:600}.save-notification{position:fixed;top:20px;right:20px;padding:14px 22px;border-radius:8px;font-weight:600;box-shadow:0 5px 18px rgba(0,0,0,.2);z-index:999999;animation:slideInRight .3s ease}.save-notification.success{background:#28a745;color:#fff}.save-notification.error{background:#dc3545;color:#fff}.sync-indicator{position:fixed;bottom:20px;right:20px;padding:9px 18px;background:#768678;color:#fff;border-radius:20px;font-size:12px;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}