.tenant-create-complaint-page-body{padding:1.25rem 1.5rem 1.5rem!important;min-height:0!important}.create-complaint-grid-wrapper{display:grid;grid-template-columns:1fr 380px;grid-gap:1.5rem;gap:1.5rem;align-items:start;margin-top:1.5rem}@media (max-width:1100px){.create-complaint-grid-wrapper{grid-template-columns:1fr}}.form-section-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem}.category-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:.75rem;gap:.75rem}.category-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-300)}.category-card.selected{border:2px solid var(--brand-500);background-color:var(--brand-50)}.category-card-icon{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gray-100);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:all var(--duration-fast) var(--ease-out)}.category-card.selected .category-card-icon{background:var(--brand-100);color:var(--brand-600)}.category-card-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.category-card-sub{font-size:.6875rem;color:var(--text-muted)}.card-check-badge{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--brand-600);color:white;display:none;align-items:center;justify-content:center}.category-card.selected .card-check-badge{display:flex}.location-auto-filled-box{display:flex;justify-content:space-between;align-items:center;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;gap:1.5rem}@media (max-width:600px){.location-auto-filled-box{flex-direction:column;align-items:flex-start;gap:.75rem}}.location-item{display:flex;align-items:center;gap:.75rem;flex:1 1}.location-item-icon{color:var(--text-muted);display:flex;align-items:center}.location-item-info{display:flex;flex-direction:column}.location-item-label{font-size:.6875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.location-item-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.location-divider{width:1px;height:28px;background-color:var(--border)}@media (max-width:600px){.location-divider{display:none}}.form-section-title-box{margin-bottom:.5rem}.form-section-h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.form-section-sub{font-size:.75rem;color:var(--text-muted);margin:.125rem 0 0}.priority-attachment-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (max-width:600px){.priority-attachment-grid{grid-template-columns:1fr}}.form-input-wrapper{display:flex;flex-direction:column;gap:.375rem}.form-input-box{width:100%;box-sizing:border-box;padding:.625rem .875rem;border-radius:var(--radius-md);border:1px solid var(--border);font-size:.875rem;background-color:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-sm);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-input-box:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px rgba(52,120,246,.15)}.counter-container{display:flex;justify-content:flex-end;font-size:.6875rem;color:var(--text-muted);margin-top:.25rem}.priority-selection-box{display:flex;gap:.75rem;flex-wrap:wrap}.priority-btn{flex:1 1;min-width:90px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-card);color:var(--text-primary);cursor:pointer;font-weight:500;font-size:.875rem;font-family:inherit;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}.priority-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted)}.priority-btn.high.selected{border-color:#b91c1c;background-color:#fef2f2;color:#b91c1c}.priority-btn.high.selected .priority-dot{background-color:#b91c1c}.priority-btn.medium.selected{border-color:#f97316;background-color:var(--warning-light);color:#c2410c}.priority-btn.medium.selected .priority-dot{background-color:#f97316}.priority-btn.low.selected{border-color:#22c55e;background-color:#f0fdf4;color:#15803d}.priority-btn.low.selected .priority-dot{background-color:#22c55e}.file-upload-dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:1.5rem;text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:var(--gray-50);display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-upload-dropzone.dragover,.file-upload-dropzone:hover{border-color:var(--brand-500);background:var(--brand-50)}.dropzone-icon{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.dropzone-text{font-size:.8125rem;color:var(--text-secondary)}.dropzone-sub{font-size:.6875rem;color:var(--text-muted)}.uploaded-images-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.image-preview-wrapper{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--border);display:inline-block}.image-preview-wrapper img{width:100%;height:100%;object-fit:cover}.image-preview-video{width:100%;height:100%;background:#f1f5f9;color:var(--text-secondary)}.image-preview-remove,.image-preview-video{display:flex;align-items:center;justify-content:center}.image-preview-remove{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.6);color:white;border-radius:50%;width:16px;height:16px;font-size:11px;cursor:pointer;z-index:5;border:none;padding:0;line-height:1}.form-actions-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1.25rem}.mobile-actions-footer{display:none}@media (max-width:1100px){.desktop-actions-footer{display:none!important}.mobile-actions-footer{display:flex;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);justify-content:flex-end;gap:.75rem;margin-bottom:1rem}.mobile-hidden-widget{display:none!important}}.preview-sidebar-widgets{display:flex;flex-direction:column;gap:1.25rem}.preview-card-widget{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.preview-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--gray-50)}.preview-card-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.preview-card-sub{font-size:.75rem;color:var(--text-muted);margin:.125rem 0 0}.preview-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.preview-row{display:flex;gap:.75rem;align-items:flex-start}.preview-row-icon{color:var(--text-muted);margin-top:.125rem;display:flex;align-items:center}.preview-row-info{display:flex;flex-direction:column;flex:1 1;min-width:0}.preview-row-label{font-size:.6875rem;color:var(--text-muted);font-weight:500}.preview-row-value{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-top:.125rem;word-wrap:break-word}.preview-row-value.muted{color:var(--text-muted);font-weight:400;font-style:italic}.preview-priority-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.125rem .625rem;border-radius:100px}.preview-priority-badge.high{background-color:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.preview-priority-badge.medium{background-color:#fff7ed;color:#f97316;border:1px solid #ffedd5}.preview-priority-badge.low{background-color:#f0fdf4;color:#22c55e;border:1px solid #bbf7d0}.timeline-vertical-feed{display:flex;flex-direction:column;gap:1.25rem;position:relative;padding-left:.5rem}.timeline-vertical-line{position:absolute;left:17px;top:14px;bottom:14px;width:2px;background-color:var(--border);z-index:1}.timeline-vertical-item{display:flex;align-items:flex-start;gap:1rem;position:relative;z-index:2}.timeline-icon-bullet-circle{width:26px;height:26px;border-radius:var(--radius-full);background:var(--surface-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out)}.timeline-vertical-item.completed .timeline-icon-bullet-circle{background-color:#dcfce7;border-color:#22c55e;color:#15803d}.timeline-vertical-item.active .timeline-icon-bullet-circle{background-color:#eff6ff;border-color:var(--brand-500);color:var(--brand-600)}.timeline-item-info-box{display:flex;flex-direction:column}.timeline-item-title-h4{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0}.timeline-item-desc{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.info-blue-alert-box{display:flex;gap:.75rem;background:rgba(52,120,246,.05);border:1px solid var(--brand-200);border-radius:var(--radius-md);padding:.75rem 1rem;align-items:flex-start}.info-alert-icon{color:var(--brand-500);display:flex;align-items:center;margin-top:.125rem}.info-alert-message{font-size:.75rem;color:var(--brand-900);line-height:1.4;font-weight:500}.info-alert-message a{color:var(--brand-700);text-decoration:underline;font-weight:600}@media (max-width:680px){.tenant-create-complaint-page-body{padding:.75rem!important}}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}