.dd-container{flex-direction:column;gap:32px;padding-bottom:80px;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dd-hero-banner{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:24px;justify-content:space-between;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #7c3aed33}.dd-hero-content{z-index:2;max-width:60%}.dd-hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#ffffff26;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.dd-hero-pulse{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite ddPulse;box-shadow:0 0 10px #34d399}@keyframes ddPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.dd-hero-title{letter-spacing:-.02em;color:#fff;margin:0 0 8px;font-size:32px;font-weight:900;line-height:1.15}.dd-hero-desc{opacity:.9;margin:0;font-size:14px;font-weight:500}.dd-hero-img-wrapper{z-index:1;justify-content:flex-end;align-items:flex-end;width:320px;height:100%;display:flex;position:absolute;bottom:0;right:0}.dd-hero-img{-o-object-fit:contain;object-fit:contain;width:auto;height:100%;max-height:100%}.dd-layout-grid{grid-template-columns:280px 1fr;align-items:stretch;gap:32px;display:grid}@media (max-width:1024px){.dd-layout-grid{grid-template-columns:1fr;align-items:flex-start}}.dd-sidebar{flex-direction:column;gap:24px;height:100%;display:flex}.dd-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000005}.dd-sidebar-title{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:14px;font-weight:800}.dd-filter-group{flex-direction:column;gap:12px;display:flex}.dd-filter-label{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:700}.dd-select{color:#334155;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:46px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s}.dd-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dd-promo-box{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);position:relative;overflow:hidden}.dd-promo-icon{color:#38bdf8;background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;display:flex}.dd-promo-title{margin:0 0 6px;font-size:15px;font-weight:900;color:#fff!important}.dd-promo-text{margin:0;font-size:11px;font-weight:500;line-height:1.5;opacity:1!important;color:#fff!important}.dd-feed-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dd-feed-title{color:#0f172a;margin:0;font-size:20px;font-weight:900}.dd-feed-grid{flex-direction:column;gap:16px;display:flex}.dd-job-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;grid-template-columns:80px 1fr 180px;align-items:center;gap:24px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid;box-shadow:0 4px 20px #00000005}.dd-job-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}@media (max-width:768px){.dd-job-card{grid-template-columns:1fr;gap:16px}}.dd-job-media{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.dd-job-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.dd-job-info{flex-direction:column;gap:12px;min-width:0;display:flex}.dd-route-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dd-route-node{color:#0f172a;font-size:14px;font-weight:800}.dd-route-arrow{color:#cbd5e1}.dd-addresses{flex-direction:column;gap:6px;display:flex}.dd-addr-row{color:#64748b;align-items:flex-start;gap:6px;min-width:0;font-size:12px;font-weight:500;display:flex}.dd-addr-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-job-action{flex-direction:column;align-items:flex-end;gap:12px;display:flex}@media (max-width:768px){.dd-job-action{border-top:1px solid #f1f5f9;align-items:flex-start;padding-top:16px}}.dd-job-price{color:#10b981;letter-spacing:-.02em;font-size:20px;font-weight:900}.dd-accept-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:12px;height:44px;padding:0 24px;font-size:12px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #0f172a26}.dd-accept-btn:hover{background:#1e293b;transform:translateY(-1px)}.dd-active-slate{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0f172a0f}.dd-active-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.dd-active-title-group{align-items:center;gap:12px;display:flex}.dd-active-indicator{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2.5s infinite ddPulse;box-shadow:0 0 10px #10b98166}.dd-active-body{flex-direction:column;gap:24px;padding:32px;display:flex}.dd-active-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.dd-active-preview-img-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.dd-active-preview-tag{color:#6366f1;text-transform:uppercase;letter-spacing:.1em;margin:0 0 4px;font-size:10px;font-weight:800}.dd-active-preview-name{color:#0f172a;margin:0;font-size:14px;font-weight:800}.dd-active-preview-desc{color:#64748b;margin:4px 0 0;font-size:12px}.dd-active-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.dd-active-grid{grid-template-columns:1fr}}.dd-active-node{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px}.dd-active-node.pickup{border-left:4px solid #6366f1}.dd-active-node.deliver{border-left:4px solid #f97316}.dd-active-node-tag{text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px;font-weight:800}.dd-active-node.pickup .dd-active-node-tag{color:#4f46e5}.dd-active-node.deliver .dd-active-node-tag{color:#ea580c}.dd-active-node-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:15px;font-weight:800;overflow:hidden}.dd-active-node-addr{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.dd-active-pay-row{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dd-active-pay-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:10px;font-weight:800}.dd-active-pay-val{color:#10b981;font-size:28px;font-weight:900}.dd-active-pay-time{color:#0f172a;margin:0;font-size:20px;font-weight:900}.dd-active-controls{gap:12px;display:flex}.dd-btn-phone{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 20px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.dd-btn-phone:hover{background:#f1f5f9;border-color:#94a3b8}.dd-btn-trip-status{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;height:50px;font-size:13px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a14}.dd-btn-trip-status.pickup{color:#fff;background:#0f172a}.dd-btn-trip-status.pickup:hover{background:#1e293b}.dd-btn-trip-status.deliver{color:#fff;background:#10b981}.dd-btn-trip-status.deliver:hover{background:#059669}.dd-empty-state{text-align:center;padding:64px 32px}.dd-empty-icon{color:#94a3b8;background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.dd-empty-title{color:#334155;margin:0 0 4px;font-size:16px;font-weight:800}.dd-empty-desc{color:#94a3b8;margin:0;font-size:12px}
