.timeline{padding-left:30px;position:relative}.timeline:before{content:"";background:#e9ecef;width:2px;position:absolute;top:0;bottom:0;left:13px}.timeline-item{margin-bottom:20px;position:relative}.timeline-item:last-child{margin-bottom:0!important}.timeline-marker{background:#007bff;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:20px;left:-22px;box-shadow:0 0 0 2px #dee2e6}.timeline-content{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:15px;box-shadow:0 0 15px #1a1a1a75}.timeline-content strong{color:#495057;margin-bottom:5px;display:block}.timeline-content p{color:#6c757d;margin:0 0 8px}.timeline-content small{color:#868e96;font-size:.875rem}.complaint-header-section{background:linear-gradient(135deg,#002f8d 0%,#1a4db8 100%);border-radius:12px;margin-bottom:15px;padding:15px;box-shadow:0 4px 15px #002f8d26}.complaint-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.complaint-breadcrumb{color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:500}.complaint-page-title{color:#fff;margin:0;font-size:32px;font-weight:700;line-height:1.2}.complaint-action-buttons{flex-wrap:wrap;gap:12px;display:flex}.complaint-primary-btn,.complaint-secondary-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:auto;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.complaint-primary-btn{color:#fff;background-color:#ef5b00;box-shadow:0 4px 12px #ef5b0033}.complaint-primary-btn:hover{background-color:#d94a00;transform:translateY(-2px);box-shadow:0 6px 16px #ef5b004d}.complaint-primary-btn:disabled{cursor:not-allowed;background-color:#ccc;transform:none}.complaint-secondary-btn{color:#fff;background-color:#fff3;border:1px solid #ffffff4d}.complaint-secondary-btn:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.complaint-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:15px;padding:20px;transition:box-shadow .3s;box-shadow:0 2px 8px #00000014}.complaint-card:hover{box-shadow:0 4px 16px #0000001f}.complaint-card-header{border-bottom:2px solid #f5f5f5;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;padding-bottom:15px;display:flex}.complaint-category-title{color:#111;margin:0 0 5px;font-size:22px;font-weight:700;line-height:1.3}.complaint-area-subtitle{color:#666;margin:0;font-size:14px}.complaint-card-title{color:#111;align-items:center;gap:10px;margin:0 0 15px;font-size:18px;font-weight:700;line-height:1.3;display:flex}.complaint-card-title span{font-size:20px}.complaint-details-grid{grid-gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px;display:grid}.complaint-detail-item{background:#f8f9fa;border-left:4px solid #ef5b00;border-radius:8px;padding:10px;transition:all .3s}.complaint-detail-item:hover{background:#f0f0f0;transform:translate(4px)}.complaint-detail-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px;font-size:12px;font-weight:600}.complaint-detail-value{color:#111;word-break:break-word;margin:0;font-size:15px;font-weight:500}.complaint-description-section{margin-top:5px}.complaint-description-text{color:#333;background:#f8f9fa;border-left:4px solid #ef5b00;border-radius:8px;margin:0;padding:10px;font-size:15px;line-height:1.6}.complaint-divider{border:none;border-top:2px solid #f0f0f0;margin:0}.complaint-form-group{margin-bottom:16px}.complaint-form-label{color:#111;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.complaint-form-control{color:#111;background-color:#fafafa;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 14px;font-family:EuclidCircularA,sans-serif;font-size:14px;transition:all .3s}.complaint-form-control:focus{background-color:#fff;border-color:#ef5b00;outline:none;box-shadow:0 0 0 3px #ef5b001a}.complaint-form-control::placeholder{color:#999}.complaint-image-preview{border:2px solid #f0f0f0;border-radius:8px;height:200px;margin-top:16px;transition:transform .3s;overflow:hidden}.complaint-image-preview span{color:#fff}.complaint-image-preview:hover{transform:scale(1.02)}.complaint-image-preview img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.complaint-empty-state{text-align:center;color:#999;background:#f8f9fa;border-radius:8px;margin:0;padding:20px;font-size:14px}.complaint-history{max-height:420px;overflow:auto}.complaint-secondary-btn svg path,.complaint-primary-btn svg path{fill:#fff;stroke:#fff}@media (max-width:768px){.complaint-header-section{padding:20px}.complaint-header-content{flex-direction:column}.complaint-page-title{font-size:24px}.complaint-card{margin-bottom:16px;padding:18px}.complaint-details-grid{grid-template-columns:1fr;gap:16px}.complaint-card-header{flex-direction:column}.complaint-action-buttons{width:100%}.complaint-primary-btn,.complaint-secondary-btn{flex:1;min-width:120px}}@media (max-width:576px){.complaint-header-section{border-radius:8px;padding:16px}.complaint-page-title{font-size:20px}.complaint-breadcrumb{font-size:12px}.complaint-card{border-radius:8px;padding:16px}.complaint-card-title{font-size:16px}.complaint-category-title{font-size:18px}.complaint-detail-label{font-size:11px}.complaint-detail-value{font-size:14px}}