.details-container{max-width:1000px;margin:0 auto;padding-bottom:40px}.details-header{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-bottom:24px;border:1px solid rgba(0,0,0,.05)}.details-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.details-title{font-size:28px;font-weight:700;color:#1e293b;margin:0;line-height:1.3}.status-badge{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap}.status-active{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);color:#fff;box-shadow:0 2px 4px rgba(59,130,246,.3)}.status-completed{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;box-shadow:0 2px 4px rgba(16,185,129,.3)}.status-pending{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);color:#78350f;box-shadow:0 2px 4px rgba(251,191,36,.3)}.status-approved{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;box-shadow:0 2px 4px rgba(16,185,129,.3)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:24px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.info-card{display:flex;align-items:center;gap:12px}.info-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.info-text h4{margin:0 0 2px 0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-weight:600}.info-text p{margin:0;font-size:14px;font-weight:600;color:#334155}.description-section{margin-top:24px}.description-section h3{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;gap:8px}.description-content{color:#475569;line-height:1.7;font-size:16px}.actions-bar{display:flex;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid #e2e8f0}.btn-action{padding:10px 24px;border-radius:10px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;font-size:14px;text-decoration:none}.btn-primary-action{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;box-shadow:0 2px 4px rgba(16,185,129,.3)}.btn-secondary-action{background:#fff;border:1px solid #cbd5e1;color:#475569}.btn-secondary-action:hover{background:#f1f5f9;color:#1e293b;border-color:#94a3b8}.btn-disabled{background:#f1f5f9;border:1px solid #e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.6}.btn-disabled:hover{background:#f1f5f9;border-color:#e2e8f0;transform:none}.timeline-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05)}.timeline{position:relative;max-width:100%;margin-top:30px}.timeline::after{content:'';position:absolute;width:2px;background-color:#e2e8f0;top:0;bottom:0;left:24px;margin-left:-1px}.timeline-item{padding:10px 0 30px 60px;position:relative;background-color:inherit;width:100%}.timeline-item::after{content:'';position:absolute;width:16px;height:16px;right:auto;background-color:#fff;border:3px solid #3b82f6;top:14px;border-radius:50%;z-index:1;left:17px}.timeline-content{background:#f8fafc;padding:16px 20px;border-radius:12px;position:relative;border:1px solid #e2e8f0}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeline-author{font-weight:700;color:#1e293b;font-size:14px}.timeline-date{font-size:12px;color:#64748b}.timeline-text{color:#334155;line-height:1.6;font-size:14px}.add-update-box{margin-bottom:40px;background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.update-textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;resize:vertical;min-height:80px;margin-bottom:12px;font-family:inherit;transition:border-color .2s}.update-textarea:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.btn-send{background:#3b82f6;color:#fff;padding:8px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background .2s}.btn-send:hover{background:#2563eb}