.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-bottom:2rem}.trips-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.trips-card-content{background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.7));padding:12rem 1.5rem 1.5rem}.trips-card-content .trip-details{display:flex;flex-direction:column;gap:.75rem}.trips-card-content .trip-details .collection-date,.trips-card-content .trip-details .fisher-name,.trips-card-content .trip-details .price-range,.trips-card-content .trip-details .quantity{color:#fff;font-size:.95rem}.trips-card-content .trip-details .collection-date{font-weight:700;font-size:1.5rem}.card-item{display:block;width:100%;height:450px;position:relative;border-radius:25px;overflow:hidden}.card-item a{display:flex;flex-direction:column;text-decoration:none;color:inherit}.card-item a .card-image-wrapper{width:100%;height:100%;overflow:hidden;position:absolute}.card-item a .card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;background-color:#323253}.card-item a .card-content-wrapper{background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.54) 50%);color:#fff;z-index:1;position:absolute;width:100%;bottom:0;padding:10rem 1.5rem 1.5rem}.card-item a .card-content-wrapper .card-count{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.card-item a .card-content-wrapper .card-title h2{font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.card-item a .card-content-wrapper .card-action{display:flex;justify-content:left}.card-item a .card-content-wrapper .card-action .btn{font-size:1rem;padding:12px 20px}.card-item a:hover .card-image-wrapper img{transform:scale(1.05)}.card-item a:hover .card-content-wrapper{background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.64) 50%)}.large-card-item{display:block;width:100%;height:600px;position:relative;border-radius:25px;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat}.large-card-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.441);z-index:1}.large-card-item a{display:flex;flex-direction:column;text-decoration:none;color:inherit}.large-card-item a .card-content-wrapper{padding:2rem;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.54) 50%);color:#fff;z-index:1;position:absolute;width:100%;bottom:0}.large-card-item a .card-content-wrapper .card-title h2{font-size:2rem;font-weight:700;margin:0 0 1rem}.large-card-item a .card-content-wrapper .card-description p{font-size:1.1rem;margin-bottom:1.5rem}.large-card-item a .card-content-wrapper .card-action{display:flex;justify-content:left}.large-card-item a .card-content-wrapper .card-action .btn{font-size:1rem;padding:12px 20px}.large-card-item a:hover .card-content-wrapper{background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.64) 50%)}@media(max-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}.large-card-item{height:300px}}@media(max-width:480px){.card-grid{grid-template-columns:repeat(1,1fr)}}.order-status-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.order-status-badges .status-badge-wrapper{display:flex;align-items:center;gap:.25rem}.order-status-badges .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;white-space:nowrap}.order-status-badges .status-badge.confirmed{background-color:#dcfce7;color:#166534}.order-status-badges .status-badge.pending{background-color:#fee2e2;color:#991b1b}.order-status-badges .status-badge-connector{width:20px;height:2px;background-color:#d1d5db}.order-card-skeleton .order-card-header .order-card-title h3{margin-bottom:.5rem}.order-card-skeleton .order-card-body .order-card-row{margin-bottom:.75rem;display:flex;justify-content:space-between;gap:1rem}.order-card-skeleton .order-card-body .order-card-row .label{min-width:80px}.order-card-skeleton .order-card-actions{display:flex;gap:.5rem;margin-top:1rem}.order-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem}.order-detail-skeleton .financial-row,.order-detail-skeleton .info-row,.order-detail-skeleton .trip-info{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.order-detail-skeleton .items-list .item-row{display:flex;gap:1rem;margin-bottom:.5rem}.order-detail-skeleton .sidebar-actions{display:flex;flex-direction:column;gap:.5rem}.order-status-badges-skeleton{display:flex;align-items:center;gap:.25rem}.order-status-badges-skeleton .skeleton-badge{width:80px;height:24px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:1rem}.order-status-badges-skeleton .skeleton-arrow{color:#e5e7eb;font-weight:700;font-size:.75rem;margin:0 .25rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cancel-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.cancel-modal{background:#fff;border-radius:8px;padding:24px;max-width:440px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.2)}.cancel-modal .cancel-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cancel-modal .cancel-modal-header h2{margin:0;color:#d32f2f;font-size:1.2rem}.cancel-modal .cancel-modal-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#666;padding:0 4px}.cancel-modal .cancel-modal-close:hover{color:#333}.cancel-modal p{color:#555;font-size:.9rem;margin-bottom:16px}.cancel-modal label{display:block;font-weight:700;margin-bottom:8px;font-size:.9rem}.cancel-modal select{width:100%;padding:10px 12px;border-radius:4px;border:1px solid #ccc;margin-bottom:20px;font-size:14px}.cancel-modal .cancel-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.cancel-modal .cancel-modal-actions .btn{flex:1 1 auto;min-width:120px;text-align:center}@media(max-width:480px){.cancel-modal{padding:20px 16px}.cancel-modal .cancel-modal-actions{flex-direction:column}.cancel-modal .cancel-modal-actions .btn{width:100%}}