@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap";
:root{--bs-primary:#1e8d34;--bs-primary-rgb:30, 141, 52;--bs-secondary:#64748b;--bs-secondary-rgb:100, 116, 139;--color-pending:#f59e0b;--color-pending-rgb:245, 158, 11;--color-processing:#3b82f6;--color-processing-rgb:59, 130, 246;--color-ready:#10b981;--color-ready-rgb:16, 185, 129;--color-delivered:#6b7280;--color-delivered-rgb:107, 114, 128;--color-cancelled:#ef4444;--color-cancelled-rgb:239, 68, 68;--color-priority:#ef4444;--color-priority-rgb:239, 68, 68;--color-sla-breach:#dc2626;--color-sla-breach-rgb:220, 38, 38;--color-measured:#8b5cf6;--color-measured-rgb:139, 92, 246;--color-dispatched:#06b6d4;--color-dispatched-rgb:6, 182, 212;--color-labeled:#14b8a6;--color-labeled-rgb:20, 184, 166;--color-attending:#f97316;--color-attending-rgb:249, 115, 22;--color-resolved:#22c55e;--color-resolved-rgb:34, 197, 94;--color-type-delivery:#2563eb;--color-type-dispatch:#8b5cf6;--color-type-consultation:#f59e0b;--color-bg:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-light:#94a3b8;--sidebar-width:260px;--sidebar-collapsed-width:72px;--sidebar-bg:#18181b;--sidebar-text:#cbd5e1;--sidebar-text-active:#fff;--sidebar-accent:var(--bs-primary);--navbar-height:60px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:.375rem;--radius:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease;--sla-delivery:300000;--sla-consultation:600000;--archive-delivered:120000;--archive-cancelled:300000;--app-purple:#7c3aed;--order-card-client-ch:30;--order-card-header-main-width:calc(var(--order-card-client-ch) * 1ch + 2ch);--order-card-metric-slot-w:6.375rem}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cairo,sans-serif;overflow-x:hidden}.btn,.form-control,.form-select,.nav-link,.dropdown-item,.modal-title,.card-title,.badge,.alert,input,select,textarea,table{font-family:Cairo,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Cairo,sans-serif;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition)}@media (hover:hover) and (pointer:fine){.card:hover{box-shadow:var(--shadow)}}.btn{border-radius:var(--radius);transition:all var(--transition);letter-spacing:.01em;font-weight:600}.btn:active{transform:scale(.97)}.badge{letter-spacing:.02em;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:50rem;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-pending{background-color:rgba(var(--color-pending-rgb), .15);color:var(--color-pending)}.status-processing{background-color:rgba(var(--color-processing-rgb), .15);color:var(--color-processing)}.status-ready{background-color:rgba(var(--color-ready-rgb), .15);color:var(--color-ready)}.status-delivered{background-color:rgba(var(--color-delivered-rgb), .15);color:var(--color-delivered)}.status-cancelled{background-color:rgba(var(--color-cancelled-rgb), .15);color:var(--color-cancelled)}.status-measured{background-color:rgba(var(--color-measured-rgb), .15);color:var(--color-measured)}.status-dispatched{background-color:rgba(var(--color-dispatched-rgb), .15);color:var(--color-dispatched)}.status-labeled{background-color:rgba(var(--color-labeled-rgb), .15);color:var(--color-labeled)}.status-attending{background-color:rgba(var(--color-attending-rgb), .15);color:var(--color-attending)}.status-resolved{background-color:rgba(var(--color-resolved-rgb), .15);color:var(--color-resolved)}.type-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.type-delivery{color:var(--color-type-delivery);background-color:#2563eb1f}.type-dispatch{color:var(--color-type-dispatch);background-color:#8b5cf61f}.type-consultation{color:var(--color-type-consultation);background-color:#f59e0b1f}.avatar-stack{align-items:center;display:flex}.avatar-stack .avatar{border:2px solid var(--color-surface);color:#fff;cursor:default;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:.65rem;font-weight:700;display:flex;position:relative}.avatar-stack .avatar:first-child{margin-left:0}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);min-height:100dvh;max-height:100dvh;color:var(--sidebar-text);z-index:1040;transition:width var(--transition-slow);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar .nav-link{color:var(--sidebar-text);border-radius:var(--radius);transition:all var(--transition);align-items:center;gap:.75rem;margin:.15rem .75rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;display:flex}.sidebar .nav-link:hover{color:var(--sidebar-text-active);background:#ffffff14}.sidebar .nav-link.active{color:var(--sidebar-text-active);background:var(--sidebar-accent)}.sidebar .nav-link i{text-align:center;width:20px;font-size:1rem}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow);overflow-x:hidden}.page-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--navbar-height);justify-content:space-between;align-items:center;padding:1.25rem 4rem 1.25rem 1.5rem;display:flex}.page-header h1{margin:0;font-size:1.15rem;font-weight:700}.dashboard-container{padding:1rem 1.25rem}@media (max-width:991.98px){.dashboard-container{padding:.35rem}.page-header{z-index:1020;height:48px;padding:0 1rem;position:fixed;top:0;left:0;right:0}.main-content{margin-left:0;padding-top:48px}.sidebar{width:var(--sidebar-width);transition:transform .3s cubic-bezier(.2,.9,.3,1);transform:translate(-100%)}.sidebar.show{transform:translate(0)}.sidebar-overlay{z-index:1035;background:#00000080;animation:.25s overlayFadeIn;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.queue-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap!important}.queue-filters::-webkit-scrollbar{display:none}.queue-filters .btn{white-space:nowrap;flex-shrink:0}.queue-content{padding-left:0!important;padding-right:0!important}}.login-container{background:linear-gradient(135deg,#18181b 0%,#27272a 50%,#18181b 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:2.5rem}@media (max-width:576px){.login-card{padding:2rem 1.5rem}}.login-card h1{text-align:center;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.login-card .subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:2rem;font-size:.9rem}.login-card .form-control{border-radius:var(--radius);border:1px solid var(--color-border);padding:.65rem 1rem;font-size:.95rem}.login-card .form-control:focus{border-color:var(--bs-primary);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb), .15)}.login-card .btn-primary{border-radius:var(--radius);width:100%;padding:.7rem;font-size:1rem;font-weight:700}.empty-state{text-align:center;color:var(--color-text-muted);padding:3rem 1rem}.empty-state>i{opacity:.4;margin-bottom:1rem;font-size:3rem}.empty-state h5{color:var(--color-text);margin-bottom:.5rem;font-weight:600}.order-card{background:#fff;border-radius:10px;margin:10px;box-shadow:0 2px 8px #0f172a0a}@media (max-width:991.98px){.order-card{margin:6px 3px!important}}.order-card:hover,.order-card:active,.order-card:focus{box-shadow:0 2px 8px #0f172a0a!important}@media (hover:hover) and (pointer:fine){.order-card:hover{box-shadow:var(--shadow)!important}}.badge-slot{flex:none;min-width:0}.badge-slot--invoice{width:7.35rem}.badge-slot--type{width:5.85rem}.badge-slot--location{width:7.25rem}.badge-slot--pending{width:5.85rem;margin-left:auto}.badge-slot>.pill,.badge-slot>.status-main{width:100%}.order-card-header{flex-wrap:nowrap;align-items:center;gap:.25rem;min-width:0;margin-bottom:.25rem;display:flex}.order-card-header-trailing{flex-shrink:0;align-items:center;gap:.35rem;width:13.45rem;margin-left:auto;display:flex}.order-card-header-main{flex:0 0 var(--order-card-header-main-width);width:var(--order-card-header-main-width);min-width:var(--order-card-header-main-width);max-width:var(--order-card-header-main-width);box-sizing:border-box}.order-card-vsep{background:#e2e8f0;flex:none;align-self:center;width:1px;height:2.5rem;margin:0 .12rem}.order-card-header-metrics{flex:auto;justify-content:flex-start;align-items:center;gap:.5rem;min-width:0;padding:0 .5rem;display:flex;overflow:hidden}.order-card-header-metrics .info-metric{flex:none;justify-content:flex-start;align-items:center;gap:.35rem;min-width:0;display:flex}.order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-metric:first-child{flex:0 0 4.5rem}.order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-metric:nth-child(3){flex:0 0 5.5rem}.order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-metric:nth-child(5){flex:0 0 7.5rem}.order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-metric:nth-child(7){flex:auto}.order-card-header-metrics .info-metric>div{min-width:0}.order-card-header-metrics .info-icon{flex-shrink:0;width:18px;height:18px;font-size:1rem}.order-card-header-metrics .info-divider{flex-shrink:0;height:26px;margin-inline:1px}.order-card-header-metrics .info-label{font-size:.55rem}.order-card-header-metrics .info-value{margin-top:1px;font-size:.8rem;font-weight:900;line-height:1.1}.order-card-header-metrics--sparse{flex:none;justify-content:flex-start}.guide-line{align-items:center;gap:2px;width:100%;min-width:0;max-width:100%;line-height:1;display:flex}.guide-line .guide-title{flex:0 auto;min-width:0;margin-right:4px}.guide-title{text-overflow:ellipsis;white-space:nowrap;color:#172033;letter-spacing:.5px;flex-wrap:nowrap;align-items:baseline;gap:4px;font-size:.98rem;font-weight:800;line-height:1;display:flex;overflow:hidden}.guide-title .guide-suffix{letter-spacing:0;font-size:1.7rem;font-weight:900;line-height:1}.order-card-header-main>div{flex-direction:column;align-items:flex-start;gap:0;width:100%;min-width:0;line-height:1;display:flex}.client-row{width:calc(var(--order-card-client-ch) * 1ch);min-width:calc(var(--order-card-client-ch) * 1ch);max-width:calc(var(--order-card-client-ch) * 1ch);box-sizing:border-box;padding-top:0}.client-name{color:#475569;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;width:100%;font-size:.85rem;font-weight:500;line-height:1;display:block;overflow:hidden}.ticket-age-badge{color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:.18rem .45rem;font-size:.68rem;font-weight:700;line-height:1.15;display:inline-flex;overflow:hidden}.ticket-age-badge i{opacity:.85;font-size:.65rem}.pill{text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:.3rem;min-height:36px;padding:.32rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex;overflow:hidden}.pill-outline{color:#fff;background:#dc2626;border:1px solid #dc2626}.pill-invoice-done{color:#fff;background:var(--bs-success);border:1px solid var(--bs-success)}.pill-warning{color:#9a3412;background:#ffedd5}.pill-orange{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.pill-danger{color:#fff;background:#dc2626;border:1px solid #dc2626}.pill-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.pill-success{color:#fff;background:#1e6d38}.pill-gray{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.status-main{color:#fff;box-sizing:border-box;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:.32rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-main-purple{background:var(--app-purple,#7c3aed);color:#fff;border:1px solid #6d28d9}.info-divider{border-left:1px solid #e5e7eb;height:34px;margin-inline:2px}.info-icon{color:#64748b;flex:none;width:22px;height:22px;font-size:1.15rem}.info-label{color:#64748b;font-size:.6rem;font-weight:600;line-height:1}.info-value{color:#172033;margin-top:2px;font-size:.9rem;font-weight:900;line-height:1.18}.note-box{color:#9a3412;background:#fff;border:1px solid #ffd25f;border-radius:9px;padding:.55rem .75rem;font-size:.78rem;font-weight:600}.order-card .avatar{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.55rem;font-weight:500;display:inline-flex}.order-card .avatar-stack .avatar{border:1px solid #e2e8f0;margin-left:-4px}.order-card .avatar-stack .avatar:first-child{margin-left:0}.order-card-footer{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.mobile-card-footer{border-top:none;justify-content:flex-end;align-items:center;gap:6px;margin-top:0;padding-top:4px;display:none}.order-card .order-actions{border-top:1px solid #e2e8f0;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;display:flex}.btn-soft{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding-inline:1.25rem;font-weight:700}.btn-primary-action{color:#fff;background:#2f63ff;border-color:#2f63ff;border-radius:8px;padding-inline:1.45rem;font-weight:800}.btn-primary-action:hover{color:#fff;background:#244fd6;border-color:#244fd6}@keyframes attentionOrangeBlink{0%,to{background-color:#fff}50%{background-color:#ffa52e}}.atenction-blink-1{animation:2s ease-in-out infinite attentionOrangeBlink}@keyframes attentionRedBlink{0%,to{background-color:#fff}50%{background-color:red}}.atenction-blink-2{animation:2s ease-in-out infinite attentionRedBlink}@keyframes attentionGreenBlink{0%,to{background-color:#fff}50%{background-color:#22c55e}}.atenction-blink-3{animation:2s ease-in-out infinite attentionGreenBlink}.order-card.ticket-cancelled{animation:none;background-color:#fef2f2!important}@media (max-width:767.98px){body{padding:0}.dashboard-container{padding:.35rem 8px}.order-card{padding-top:36px;position:relative;overflow:hidden;margin:6px 0!important}.order-card>.card-body{padding:4px 6px!important}.order-card .order-actions{width:100%}.order-card .order-actions .btn{flex:1}.order-card .order-card-header{flex-wrap:wrap;align-items:flex-end;gap:.35rem;margin-bottom:0;padding-bottom:3px;display:flex}.order-card .order-card-header-trailing{display:contents}.order-card .badge-slot--invoice{z-index:10;width:50%;height:36px;position:absolute;top:0;left:0;margin:0!important;padding:0!important}.order-card .badge-slot--pending{z-index:10;width:50%;height:36px;position:absolute;top:0;right:0;margin:0!important;padding:0!important}.badge-slot--invoice .pill-outline{color:#fff!important;background-color:#c2292e!important}.badge-slot--pending .pill-warning{color:#fff!important;background-color:#fbab2c!important}.badge-slot--invoice .pill,.badge-slot--pending .pill,.badge-slot--invoice .status-main,.badge-slot--pending .status-main{text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;font-weight:800;display:flex;border:none!important;border-radius:0!important}.badge-slot--invoice i,.badge-slot--pending i{display:none!important}.order-card .badge-slot--type{flex:0 0 22%;order:1;max-width:25%}.order-card .badge-slot--location{flex:0 0 22%;order:3;justify-content:flex-end;max-width:25%;display:flex}.badge-slot--type .status-main,.badge-slot--type .pill,.badge-slot--location .pill{width:100%;padding-inline:.1rem;font-size:.65rem}.badge-slot--type .bg-primary{color:#fff!important;background-color:#0d6efd!important}.order-card .order-card-header-main{flex-direction:column;flex:1;order:2;align-items:flex-start;width:auto;min-width:0;max-width:none;padding-top:2px;display:flex}.order-card .order-card-header-main>div{flex-direction:column;align-items:flex-start;width:100%;display:flex}.order-card .guide-line{justify-content:flex-start;width:100%;margin-bottom:2px}.order-card .client-row{text-align:left;justify-content:flex-start;width:100%;min-width:0;max-width:none}.order-card .order-card-vsep{display:none}.order-card .order-card-header-metrics{border-top:1px solid #e2e8f0;flex:0 0 100%;order:4;justify-content:space-between;align-items:flex-start;width:100%;margin-top:0;padding-top:6px}.order-card .order-card-header-metrics .info-metric{grid-template-columns:auto 1fr;place-content:start;align-items:center;row-gap:2px;width:100%;display:grid}.order-card .order-card-header-metrics .info-metric>div{display:contents}.order-card .order-card-header-metrics .info-icon{grid-area:1/1;justify-self:start;width:auto;height:auto;margin:0;font-size:.6rem}.order-card .order-card-header-metrics .info-label{white-space:nowrap;grid-area:1/2;justify-self:start;font-size:.6rem;display:block}.order-card .order-card-header-metrics .info-value{text-align:left;white-space:normal;word-break:break-word;grid-area:2/1/auto/3;max-width:100%;font-size:.8rem;font-weight:500;line-height:1.1;display:block}.order-card .order-card-header-metrics--sparse .info-metric{justify-content:flex-start}.order-card .order-card-header-metrics--sparse .info-value{text-align:left}.order-card .order-card-header-metrics:not(.order-card-header-metrics--sparse){flex-wrap:nowrap;gap:0}.order-card .order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-divider{display:none}.order-card .order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-metric:first-child{flex:0 0 12%;max-width:12%;padding-inline:1px}.order-card .order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-metric:nth-child(3){flex:0 0 13%;max-width:13%;padding-inline:1px}.order-card .order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-metric:nth-child(5){flex:0 0 25%;max-width:25%;padding-inline:1px}.order-card .order-card-header-metrics:not(.order-card-header-metrics--sparse) .info-metric:nth-child(7){flex:0 0 41.66%;max-width:41.66%;padding-inline:1px}.order-card .guide-line .ticket-age-badge,.order-card .guide-line .avatar{display:none!important}.order-card .mobile-card-footer{display:flex}}.btn-primary{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;color:#fff!important}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{color:#fff!important;background-color:#156524!important;border-color:#156524!important;box-shadow:0 0 0 .25rem #1e8d3440!important}.form-control:focus,.form-select:focus{border-color:var(--bs-primary)!important;box-shadow:0 0 0 3px #1e8d3426!important}.order-card{--bs-primary:#2563eb!important;--bs-primary-rgb:37, 99, 235!important}.order-card .btn-primary{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}.order-card .btn-primary:hover,.order-card .btn-primary:focus,.order-card .btn-primary:active,.order-card .btn-primary.active{color:#fff!important;background-color:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 0 0 .25rem #2563eb40!important}.order-card .bg-primary{color:#fff!important;background-color:#2563eb!important}@media (max-width:767.98px){.order-card .badge-slot--type .bg-primary{color:#fff!important;background-color:#0d6efd!important}}.swipe-container{margin:10px 0;position:relative;overflow:visible}.swipe-container .order-card{z-index:2;touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;margin:0;transition:transform .4s cubic-bezier(.2,.9,.3,1);position:relative}.swipe-container .order-card:active{cursor:grabbing}.swipe-actions-panel{z-index:1;align-items:center;gap:6px;padding:0;display:flex;position:absolute;top:0;bottom:0}.swipe-actions-panel--left{left:6px;right:auto}.swipe-actions-panel--right{left:auto;right:6px}.swipe-action-btn{cursor:pointer;letter-spacing:.02em;color:#fff;white-space:nowrap;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:64px;height:calc(100% - 2px);padding:0 1rem;font-family:Cairo,sans-serif;font-size:.62rem;font-weight:700;transition:opacity .15s,transform .15s;display:flex;box-shadow:0 2px 6px #00000026}.swipe-action-btn:hover{opacity:.92;transform:scale(1.03)}.swipe-action-btn:active{opacity:.75;transform:scale(.97)}.swipe-action-btn i{margin-bottom:2px;font-size:1.15rem}.swipe-action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.swipe-action-btn--blue{background:#2563eb}.swipe-action-btn--green{background:#16a34a}.swipe-action-btn--success{background:var(--bs-success,#198754)}.swipe-action-btn--orange{background:#ea580c}.swipe-action-btn--yellow{background:#d97706}.swipe-action-btn--red{background:#dc2626}.swipe-action-btn--purple{background:#7c3aed}.swipe-action-btn--teal{background:#0d9488}.swipe-action-btn--gray{background:#475569}.swipe-action-btn--invoice{background:var(--bs-success,#198754)}@media (min-width:992px){.table-responsive{overflow:visible!important}.sidebar{transition:transform var(--transition-slow) cubic-bezier(.2, .9, .3, 1)!important}.main-content{transition:margin-left var(--transition-slow) cubic-bezier(.2, .9, .3, 1)!important}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-collapsed .main-content{margin-left:0!important}.sidebar-collapsed .page-header{transition:padding-left var(--transition-slow) ease!important;padding-left:4.5rem!important}.btn-expand-sidebar{z-index:1030;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex;position:fixed;top:14px;left:1.5rem;transition:all var(--transition)!important}.btn-expand-sidebar:hover{color:var(--bs-primary);background:#1e8d341a;transform:scale(1.05)}}.timeline-container{padding:10px 0;list-style:none;position:relative}.timeline-container:before{content:" ";background-color:#e2e8f0;width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{margin-bottom:20px;padding-left:45px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-badge{text-align:center;color:#475569;z-index:2;background-color:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;line-height:22px;display:flex;position:absolute;top:0;left:8px}.timeline-item.timeline-primary .timeline-badge{color:#1d4ed8;background-color:#dbeafe;border-color:#3b82f6}.timeline-item.timeline-success .timeline-badge{color:#15803d;background-color:#dcfce7;border-color:#22c55e}.timeline-item.timeline-warning .timeline-badge{color:#b45309;background-color:#fef3c7;border-color:#f59e0b}.timeline-item.timeline-danger .timeline-badge{color:#b91c1c;background-color:#fee2e2;border-color:#ef4444}.timeline-item.timeline-info .timeline-badge{color:#0369a1;background-color:#e0f2fe;border-color:#0ea5e9}.timeline-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;position:relative;box-shadow:0 1px 3px #00000005}.timeline-title{color:#1e293b;margin-top:0;margin-bottom:2px;font-size:.85rem;font-weight:600}.timeline-meta{margin-bottom:0;font-size:.75rem}.timeline-body{color:#64748b;font-size:.8rem}.ptr-container{will-change:transform;position:relative}.ptr-indicator{z-index:100;pointer-events:none;opacity:0;justify-content:center;align-items:center;height:50px;transition:opacity .15s;display:flex;position:absolute;top:-50px;left:0;right:0}.ptr-indicator.ptr-visible{opacity:1}.ptr-content{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.ptr-icon-wrap{width:20px;height:20px;color:var(--bs-primary);justify-content:center;align-items:center;transition:transform .18s,color .15s;display:flex}.ptr-icon-wrap.ptr-rotate{color:#10b981;transform:rotate(180deg)}.ptr-spinner{border:2px solid rgba(var(--bs-primary-rgb), .25);border-top-color:var(--bs-primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ticket-archiving{will-change:transform, max-height, margin, padding, opacity;animation:.4s cubic-bezier(.4,0,.2,1) forwards slideLeftOut,.35s cubic-bezier(.4,0,.2,1) .35s forwards collapseHeight;overflow:hidden;pointer-events:none!important}@keyframes slideLeftOut{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-105%)}}@keyframes collapseHeight{0%{max-height:400px;padding-top:inherit;padding-bottom:inherit;margin-top:10px;margin-bottom:10px}to{max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}}@media (max-width:991.98px){.ticket-archiving{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideLeftOut,.35s cubic-bezier(.4,0,.2,1) .35s forwards collapseHeightMobile}}@keyframes collapseHeightMobile{0%{max-height:400px;padding-top:inherit;padding-bottom:inherit;margin-top:6px;margin-bottom:6px}to{max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}}.ticket-entering{will-change:transform, max-height, margin, padding, opacity;animation:.45s cubic-bezier(.4,0,.2,1) forwards expandHeight,.45s cubic-bezier(.4,0,.2,1) both slideRightIn;overflow:hidden;pointer-events:none!important}@keyframes expandHeight{0%{max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{max-height:400px;padding-top:inherit;padding-bottom:inherit;margin-top:10px;margin-bottom:10px}}@keyframes slideRightIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}@media (max-width:991.98px){.ticket-entering{animation:.45s cubic-bezier(.4,0,.2,1) forwards expandHeightMobile,.45s cubic-bezier(.4,0,.2,1) both slideRightIn}}@keyframes expandHeightMobile{0%{max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{max-height:400px;padding-top:inherit;padding-bottom:inherit;margin-top:6px;margin-bottom:6px}}.bultos-tooltip{color:#fff;text-align:center;pointer-events:none;white-space:nowrap;z-index:1050;opacity:0;visibility:hidden;background-color:#1e293b;border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:400;line-height:1.3;transition:opacity .15s,visibility .15s;position:absolute;top:130%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.bultos-tooltip:after{content:"";border-bottom:5px solid #1e293b;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.info-value:hover .bultos-tooltip{opacity:1;visibility:visible}}.bultos-tooltip.show-mobile{opacity:1!important;visibility:visible!important}@media (max-width:991.98px){.bultos-tooltip{text-align:left;left:0;transform:none}.bultos-tooltip:after{left:15px;transform:none}}.notification-bell{color:#1e8d34;cursor:pointer;border-radius:var(--radius);width:36px;height:36px;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative}.notification-bell:hover{background:#1e8d3414}.notification-bell:active{transform:scale(.92)}.notification-bell-wrapper{z-index:1040;position:fixed;top:14px;right:20px}@media (max-width:991.98px){.notification-bell-wrapper{position:absolute;top:10px;right:12px}}.notification-badge{color:#fff;pointer-events:none;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:800;line-height:1;animation:.35s cubic-bezier(.2,.9,.3,1) notifBadgePop;display:flex;position:absolute;top:2px;right:2px}@keyframes notifBadgePop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.notification-panel-overlay{z-index:1044;background:#00000073;animation:.25s notifOverlayFadeIn;position:fixed;inset:0}@keyframes notifOverlayFadeIn{0%{opacity:0}to{opacity:1}}.notification-panel{background:var(--color-surface);z-index:1045;flex-direction:column;width:400px;max-width:100vw;transition:transform .3s cubic-bezier(.2,.9,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.notification-panel.show{transform:translate(0)}.notification-panel-header{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1.25rem 1.25rem .75rem}.notification-panel-header-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.notification-panel-title{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:800}.notification-panel-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.notification-panel-close:hover{background:var(--color-bg);color:var(--color-text)}.notification-controls{align-items:center;gap:.5rem;display:flex}.notification-btn-group{border-radius:var(--radius);border:1px solid var(--color-border);flex:1;display:flex;overflow:hidden}.notification-btn-group button{background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex:1;padding:.4rem .75rem;font-family:Cairo,sans-serif;font-size:.78rem;font-weight:700}.notification-btn-group button:first-child{border-right:1px solid var(--color-border)}.notification-btn-group button:hover{background:var(--color-bg)}.notification-btn-group button.active{color:#fff;background:#1e8d34}.notification-more-btn{border:1px solid var(--color-border);background:var(--color-surface);width:34px;height:34px;color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.notification-more-btn:hover{background:var(--color-bg);color:var(--color-text)}.notification-more-wrapper{position:relative}.notification-more-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:10;padding:4px;animation:.15s notifDropdownIn;position:absolute;top:calc(100% + 4px);right:0}@keyframes notifDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notification-more-dropdown button{width:100%;color:var(--color-text);cursor:pointer;border-radius:var(--radius);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.55rem .75rem;font-family:Cairo,sans-serif;font-size:.82rem;font-weight:600;display:flex}.notification-more-dropdown button:hover{background:var(--color-bg)}.notification-more-dropdown button i{text-align:center;width:18px;color:var(--color-text-muted);font-size:.85rem}.notification-list{flex:1;padding:0;overflow-y:auto}.notification-item-wrapper{border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.notification-swipe-reveal{color:#fff;z-index:0;background:#1e8d34;align-items:center;gap:8px;padding-left:20px;font-family:Cairo,sans-serif;font-size:.8rem;font-weight:700;display:none;position:absolute;inset:0}@media (hover:none) and (pointer:coarse){.notification-swipe-reveal{display:flex}}.notification-swipe-reveal i{font-size:1.1rem}.notification-item{cursor:default;transition:background var(--transition-fast);z-index:1;background:var(--color-surface);align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:relative}.notification-dismiss-btn{width:20px;height:20px;color:var(--color-text-light);cursor:pointer;opacity:0;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.notification-item:hover .notification-dismiss-btn{opacity:1}.notification-dismiss-btn:hover{background:var(--color-border);color:var(--color-text)}@media (hover:none) and (pointer:coarse){.notification-dismiss-btn{display:none}}.notification-item--clickable{cursor:pointer}@media (hover:hover) and (pointer:fine){.notification-item--clickable:hover{background:var(--color-surface-hover)}}.notification-item--unread{background:#f5faf6}[data-theme=dark] .notification-item--unread{background:#1a2e1d}.notification-item--unread:before{content:"";background:#1e8d34;border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.notification-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:1px;font-size:.9rem;display:flex}.notification-icon--info{color:#3b82f6;background:#3b82f61a}.notification-icon--success{color:#1e8d34;background:#1e8d341a}.notification-icon--warning{color:#f59e0b;background:#f59e0b1a}.notification-icon--error{color:#ef4444;background:#ef44441a}.notification-content{flex:1;min-width:0}.notification-title{color:var(--color-text);margin:0;font-size:.85rem;font-weight:700;line-height:1.3}.notification-description{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;font-size:.78rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-meta{align-items:center;gap:.75rem;margin-top:6px;display:flex}.notification-time{color:var(--color-text-light);font-size:.68rem;font-weight:600}.notification-action-btn{border:1px solid var(--color-border);background:var(--color-surface);color:#1e8d34;cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-family:Cairo,sans-serif;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.notification-action-btn:hover{background:#1e8d340f;border-color:#1e8d3440}.notification-empty{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.notification-empty i{opacity:.35;margin-bottom:.75rem;font-size:2.5rem}.notification-empty h4{color:var(--color-text);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.notification-empty p{margin:0;font-size:.8rem}.notification-load-more{text-align:center;border-top:1px solid var(--color-border);flex-shrink:0;padding:.75rem}.notification-load-more button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.4rem 1.25rem;font-family:Cairo,sans-serif;font-size:.78rem;font-weight:700}.notification-load-more button:hover{background:var(--color-bg);color:var(--color-text)}@media (max-width:991.98px){.notification-panel{width:100vw}}.toast-container{z-index:1060;pointer-events:none;flex-direction:column;gap:8px;width:100%;max-width:420px;display:flex;position:fixed;top:76px;right:24px}.toast-container>*{pointer-events:auto}.toast-item{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);will-change:transform, opacity;touch-action:pan-y;background:#fff;border-left:4px solid #cad0d8;align-items:flex-start;gap:12px;width:100%;padding:14px 40px 14px 16px;display:flex;position:relative;overflow:hidden}.toast-item--success{border-left-color:#1e8d34}.toast-item--error{border-left-color:#ef4444}.toast-item--warning{border-left-color:#f59e0b}.toast-item--info{border-left-color:#3b82f6}.toast-item--default{border-left-color:#cad0d8}.toast-item--success{background:#f0f9f2}.toast-item--error{background:#fef2f2}.toast-item--warning{background:#fffbeb}.toast-item--info{background:#eff6ff}.toast-item--default{background:#fff}.toast-item.toast-clickable{cursor:pointer}@media (hover:hover) and (pointer:fine){.toast-item.toast-clickable:hover{background:var(--color-surface-hover)}.toast-item--success.toast-clickable:hover{background:#e8f5ea}.toast-item--error.toast-clickable:hover{background:#fef1f1}.toast-item--warning.toast-clickable:hover{background:#fefaeb}.toast-item--info.toast-clickable:hover{background:#eef5ff}}.toast-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:.9rem;display:flex}.toast-item--success .toast-icon{color:#1e8d34;background:#1e8d341f}.toast-item--error .toast-icon{color:#ef4444;background:#ef44441f}.toast-item--warning .toast-icon{color:#f59e0b;background:#f59e0b1f}.toast-item--info .toast-icon{color:#3b82f6;background:#3b82f61f}.toast-content{flex:1;min-width:0}.toast-title{color:var(--color-text);font-size:.88rem;font-weight:700;line-height:1.3}.toast-description{color:var(--color-text-muted);margin-top:2px;font-size:.8rem;font-weight:500;line-height:1.35}.toast-close{width:24px;height:24px;color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:8px;right:8px}.toast-close:hover{color:var(--color-text-muted);background:#0000000f}@media (hover:none) and (pointer:coarse){.toast-close{display:none}}.toast-button-action{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:8px;align-items:center;gap:5px;margin-top:8px;padding:5px 14px;font-family:Cairo,sans-serif;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.toast-button-action:hover{background:var(--color-bg);border-color:#cbd5e1}.toast-item--success .toast-button-action{color:#1e8d34;border-color:#1e8d344d}.toast-item--success .toast-button-action:hover{background:#1e8d3414}.toast-item--error .toast-button-action{color:#dc2626;border-color:#ef44444d}.toast-item--error .toast-button-action:hover{background:#ef444414}.toast-item--warning .toast-button-action{color:#d97706;border-color:#f59e0b4d}.toast-item--warning .toast-button-action:hover{background:#f59e0b14}.toast-item--info .toast-button-action{color:#2563eb;border-color:#3b82f64d}.toast-item--info .toast-button-action:hover{background:#3b82f614}.toast-action-indicator{color:#cbd5e1;transition:color var(--transition-fast), transform var(--transition-fast);font-size:.75rem;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.toast-clickable:hover .toast-action-indicator{color:var(--color-text-muted);transform:translateY(-50%)translate(2px)}.toast-progress{border-radius:0 0 var(--radius-lg) 0;height:3px;position:absolute;bottom:0;left:4px;right:0;overflow:hidden}.toast-progress-bar{border-radius:0 0 var(--radius-lg) 0;transform-origin:0;height:100%;animation:5s linear forwards toastProgressShrink}.toast-item--success .toast-progress-bar{background:#1e8d34}.toast-item--error .toast-progress-bar{background:#ef4444}.toast-item--warning .toast-progress-bar{background:#f59e0b}.toast-item--info .toast-progress-bar{background:#3b82f6}.toast-item--default .toast-progress-bar{background:#cad0d8}@keyframes toastProgressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-persistent-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);align-items:center;gap:4px;margin-top:6px;font-size:.6rem;font-weight:700;display:inline-flex}.toast-persistent-badge i{font-size:.55rem}.toast-item-enter{animation:.4s cubic-bezier(.2,.9,.3,1) both toastSlideInDesktop}@keyframes toastSlideInDesktop{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-item-exit{animation:.4s cubic-bezier(.4,0,.2,1) forwards toastSlideOutDesktop;pointer-events:none!important}@keyframes toastSlideOutDesktop{0%{opacity:1;max-height:200px;margin-bottom:0;transform:translate(0)}50%{opacity:0;max-height:200px;margin-bottom:0;transform:translate(110%)}to{opacity:0;border-width:0;max-height:0;margin-bottom:-8px;padding-top:0;padding-bottom:0;transform:translate(110%)}}@media (max-width:991.98px){.toast-container{width:auto;max-width:100%;top:56px;left:12px;right:12px}.toast-item-enter{animation:.4s cubic-bezier(.2,.9,.3,1) both toastSlideInMobile}@keyframes toastSlideInMobile{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.toast-item-exit{animation:.4s cubic-bezier(.4,0,.2,1) forwards toastSlideOutMobile}@keyframes toastSlideOutMobile{0%{opacity:1;max-height:200px;margin-bottom:0;transform:translateY(0)}50%{opacity:0;max-height:200px;margin-bottom:0;transform:translateY(-100%)}to{opacity:0;border-width:0;max-height:0;margin-bottom:-8px;padding-top:0;padding-bottom:0;transform:translateY(-100%)}}}.tasks-dashboard{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (min-width:992px){.main-content:has(.tasks-dashboard){flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-content:has(.tasks-dashboard)>main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.main-content:has(.tasks-dashboard) .dashboard-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}}.tasks-filters{flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:.65rem;display:flex}.tasks-filters-left{align-items:center;gap:.65rem;display:flex}.tasks-search{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.tasks-search-icon{color:var(--color-text-light);pointer-events:none;z-index:1;font-size:.72rem;position:absolute;left:.55rem}.tasks-search .form-control{border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius);padding-left:1.75rem;padding-right:1.75rem;font-size:.78rem}.tasks-search .form-control::placeholder{color:var(--color-text-light)}.tasks-search .form-control:focus{border-color:rgba(var(--bs-primary-rgb), .5);box-shadow:0 0 0 .15rem rgba(var(--bs-primary-rgb), .1)}.tasks-search-clear{color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.15rem .25rem;font-size:.72rem;position:absolute;right:.35rem}.tasks-search-clear:hover{color:var(--color-text);background-color:var(--color-bg)}.tasks-kanban-area{flex:1;min-height:0;padding:.75rem 1rem;overflow:hidden}.kanban-view{grid-template-columns:1fr 1fr 1fr;gap:.65rem;height:100%;display:grid}.kanban-column{background-color:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.kanban-column-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.55rem .75rem;display:flex}.kanban-column-title{color:var(--color-text);align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.kanban-column-title i{font-size:.7rem}.kanban-column-count{background-color:var(--color-border);color:var(--color-text-muted);text-align:center;border-radius:10px;min-width:18px;padding:.08rem .4rem;font-size:.68rem;font-weight:700;line-height:1.4}.kanban-column-body{flex-direction:column;flex:1;gap:.35rem;padding:.25rem .45rem .45rem;display:flex;overflow-y:auto}.kanban-column-body::-webkit-scrollbar{width:3px}.kanban-column-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.kanban-empty{color:var(--color-text-light);flex:1;justify-content:center;align-items:center;padding:1.5rem 0;font-size:.78rem;display:flex}.task-card{background-color:var(--color-surface);border-radius:var(--radius);cursor:pointer;border:1px solid var(--color-border);transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;gap:.3rem;padding:.55rem .65rem;display:flex}.task-card:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--bs-primary-rgb), .35);transform:translateY(-1px)}.task-card:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.task-card-overdue{border-left:3px solid var(--color-cancelled)}.task-card-completed .task-card-title,.task-card-cancelled .task-card-title{color:var(--color-text-muted);text-decoration:line-through}.task-card-top{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.task-card-status-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.65rem;font-weight:700;display:inline-flex}.task-card-guide{color:var(--color-text-light);letter-spacing:.02em;font-family:Courier New,monospace;font-size:.6rem}.task-card-title{color:var(--color-text);word-break:break-word;font-size:1.01rem;font-weight:600;line-height:1.35}.task-card-tags{flex-wrap:wrap;gap:.15rem;display:flex}.task-card-tag{border:1px solid;border-radius:3px;padding:.02rem .3rem;font-size:.58rem;font-weight:600;line-height:1.5}.task-card-bottom{justify-content:space-between;align-items:center;margin-top:.1rem;display:flex}.task-card-meta{align-items:center;gap:.4rem;display:flex}.task-card-indicator,.task-card-subtasks{color:var(--color-text-muted);align-items:center;gap:.2rem;font-size:.68rem;display:inline-flex}.task-card-subtasks-done{color:var(--color-ready)}.task-card-cancel-badge{color:var(--color-cancelled);font-size:.62rem}.task-card-assignees{align-items:center;display:flex}.task-card-avatar{color:#fff;border:1.5px solid var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:-4px;font-size:.45rem;font-weight:700;display:flex}.task-card-avatar:first-child{margin-left:0}.task-card-avatar-sm{border-width:1px;width:17px;height:17px;font-size:.4rem}.task-card-avatar-more{background-color:var(--color-border)!important;color:var(--color-text-muted)!important}.priority-badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid;border-radius:3px;align-items:center;gap:.18rem;padding:.04rem .3rem;font-size:.58rem;font-weight:700;line-height:1.5;display:inline-flex}.due-date-badge{color:var(--color-text-muted);align-items:center;gap:.18rem;font-size:.66rem;display:inline-flex}.due-date-badge i{font-size:.58rem}.due-date-overdue{font-weight:600;color:var(--color-cancelled)!important}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(12px)}}@keyframes modalContentOriginIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes modalContentOriginOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.task-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000008c;justify-content:center;align-items:flex-start;padding:2.5rem 1rem;animation:.25s ease-out modalOverlayIn;display:flex;position:fixed;inset:0;overflow-y:auto}.task-modal-overlay.closing{animation:.2s ease-in forwards modalOverlayOut}.task-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);flex-direction:column;width:100%;max-width:860px;max-height:calc(100vh - 5rem);animation:.3s ease-out modalContentIn;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000040}.task-modal-overlay.closing .task-modal,.task-modal-overlay.closing .task-create-modal{animation:.2s ease-in forwards modalContentOut}.task-modal-overlay.has-origin .task-modal{transform-origin:var(--modal-origin-x,50%) var(--modal-origin-y,50%);animation:.35s cubic-bezier(.19,1,.22,1) modalContentOriginIn}.task-modal-overlay.has-origin.closing .task-modal{transform-origin:var(--modal-origin-x,50%) var(--modal-origin-y,50%);animation:.25s ease-in forwards modalContentOriginOut}.task-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem .85rem;display:flex}.task-modal-priority-select{appearance:none;border-radius:var(--radius-sm);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M4.427 9.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 9H4.604a.25.25 0 00-.177.427zM4.427 6.573L7.823 3.177a.25.25 0 01.354 0L11.573 6.573A.25.25 0 0111.396 7H4.604a.25.25 0 01-.177-.427z'/%3E%3C/svg%3E");background-position:right .3rem center;background-repeat:no-repeat;background-size:10px;border:1px solid;outline:none;padding:.2rem 1.2rem .2rem .55rem;font-size:.72rem;font-weight:700}.task-modal-status{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:.18rem .5rem;font-size:.65rem;font-weight:700;display:inline}.task-modal-close{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.2rem .3rem;font-size:1.05rem}.task-modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.task-modal-body{flex:1;grid-template-columns:1fr 340px;min-height:0;display:grid;overflow:hidden}.task-modal-main{flex-direction:column;gap:1.1rem;padding:1.15rem;display:flex;overflow-y:auto}.task-modal-main::-webkit-scrollbar{width:3px}.task-modal-main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.task-modal-sidebar{border-left:1px solid var(--color-border);background-color:var(--color-bg);flex-direction:column;padding:0;display:flex;overflow:hidden}.task-modal-props{background-color:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;display:grid}.task-modal-members-date-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-actions-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow-lg);z-index:1050;padding:.25rem;position:fixed}.task-actions-menu-item{width:100%;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;align-items:center;padding:.4rem .65rem;font-size:.78rem;display:flex}.task-actions-menu-item:hover{background-color:var(--color-bg)}.task-actions-menu-item-danger{color:#ef4444}.task-actions-menu-item-danger:hover{background-color:#ef444414}.task-modal-loading{justify-content:center;align-items:center;min-height:250px;display:flex}.task-modal-title-section{margin-bottom:-.4rem}.task-modal-title{cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);color:var(--color-text);margin:0;padding:.25rem .35rem;font-size:1.1rem;font-weight:700;line-height:1.4}.task-modal-title:hover{background-color:var(--color-bg)}.task-modal-title-input{border-color:rgba(var(--bs-primary-rgb), .5);font-size:1.1rem;font-weight:700}.task-modal-title-input:focus{box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb), .15)}.task-modal-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.25rem;margin-bottom:.35rem;font-size:.68rem;font-weight:700;display:flex}.task-modal-description{color:var(--color-text);cursor:pointer;border-radius:var(--radius);white-space:pre-wrap;min-height:36px;transition:all var(--transition-fast);border:1px dashed #0000;padding:.45rem .55rem;font-size:.83rem;line-height:1.5}.task-modal-description:hover{border-color:var(--color-border);background-color:var(--color-bg)}.task-modal-section-header{justify-content:space-between;align-items:center;display:flex}.task-modal-actions{flex-direction:column;gap:.35rem;display:flex}.task-modal-meta-item{flex-direction:column;gap:.15rem;display:flex}.task-modal-meta-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:700}.member-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.member-add-btn{border:2px dashed var(--color-border);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}.member-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light,#22c55e14)}.member-popover{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:1050;padding:.65rem;position:fixed}.member-popover-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.member-popover-title{color:var(--color-text);font-size:.8rem;font-weight:700}.member-popover-close{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.15rem .25rem;font-size:.75rem}.member-popover-close:hover{background:var(--color-bg);color:var(--color-text)}.member-popover-search{margin-bottom:.5rem}.member-popover-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-top:.35rem;margin-bottom:.25rem;font-size:.65rem;font-weight:600}.member-popover-list{flex-direction:column;gap:1px;display:flex}.member-popover-item{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;align-items:center;gap:.4rem;padding:.3rem .35rem;font-size:.78rem;display:flex}.member-popover-item-add{cursor:pointer;transition:background-color var(--transition-fast)}.member-popover-item-add:hover{background-color:var(--color-bg)}.member-popover-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.member-popover-remove{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:.15rem .25rem;font-size:.65rem}.member-popover-remove:hover{color:#ef4444;background:#ef44441a}.task-modal-tags{flex-wrap:wrap;gap:.2rem;display:flex}.subtask-progress{margin-bottom:.35rem}.subtask-progress-bar{background-color:var(--color-border);border-radius:3px;height:3px;overflow:hidden}.subtask-progress-fill{background:linear-gradient(90deg, var(--color-ready), #34d399);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.subtask-list{flex-direction:column;display:flex}.subtask-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.subtask-item:last-child{border-bottom:none}.subtask-item-left{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.subtask-item-left .form-check-input{flex-shrink:0}.subtask-item-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.subtask-item-title:hover{color:var(--color-primary)}.subtask-edit-input{flex:1;height:auto!important;padding:.1rem .3rem!important;font-size:.8rem!important}.subtask-completed .subtask-item-title{color:var(--color-text-light);text-decoration:line-through}.subtask-item-right{flex-shrink:0;align-items:center;gap:.25rem;margin-left:.5rem;display:flex}.subtask-add-form{align-items:center;gap:.25rem;margin-top:.45rem;display:flex}.subtask-add-form .form-control,.subtask-add-form .form-select{font-size:.76rem}.activity-timeline{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.activity-timeline-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem .85rem .4rem;display:flex}.activity-timeline-items{flex-direction:column;flex:1;gap:.3rem;min-height:0;padding:.2rem .85rem;display:flex;overflow-y:auto}.activity-timeline-items::-webkit-scrollbar{width:3px}.activity-timeline-items::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.activity-empty{text-align:center;color:var(--color-text-light);padding:1.25rem 0;font-size:.76rem}.activity-item{align-items:flex-start;gap:.4rem;display:flex}.activity-item-content{flex:1;min-width:0}.activity-item-header{flex-wrap:wrap;align-items:baseline;gap:.2rem;font-size:.76rem;display:flex}.activity-item-header strong{color:var(--color-text)}.activity-action-text{color:var(--color-text-muted)}.activity-timestamp{color:var(--color-text-light);flex-shrink:0;margin-left:auto;font-size:.62rem}.activity-comment-text{border-radius:var(--radius);white-space:pre-wrap;color:var(--color-text);border:1px solid var(--color-border);background-color:#fff;margin-top:.15rem;padding:.35rem .55rem;font-size:.76rem;line-height:1.45}.mention-tag{color:var(--color-primary);background-color:#2563eb14;border-radius:3px;padding:.05rem .2rem;font-weight:600}.activity-details{color:var(--color-text-muted);margin-top:.08rem;font-size:.68rem}.activity-change{display:block}.activity-detail-text{color:var(--color-text-muted);font-size:.68rem}.activity-comment-input{border-top:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0;margin-top:auto;padding:.6rem .85rem}.activity-comment-input textarea{resize:none;border-color:var(--color-border);font-size:.76rem}.mention-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:20;max-height:170px;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto}.task-create-modal .mention-dropdown{z-index:30;bottom:auto}.mention-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--color-text);transition:background-color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.76rem;display:flex}.mention-dropdown-item:hover,.mention-dropdown-item.active{background-color:var(--color-bg)}.task-create-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;max-width:520px;animation:.3s ease-out modalContentIn;box-shadow:0 25px 60px #00000040}.task-create-modal .task-modal-title-section{margin-bottom:.5rem}.task-create-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1.15rem;display:flex}.task-create-header h3{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.task-create-body{padding:1.15rem}.task-create-body .form-label{color:var(--color-text-muted);font-size:.76rem}.task-create-footer{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:.45rem;padding:.65rem 1.15rem;display:flex}.quick-add-hints{flex-wrap:wrap;gap:.25rem;margin-top:.3rem;display:flex}.quick-add-hint{color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb), .1);border-radius:3px;padding:.1rem .35rem;font-size:.62rem;font-weight:600}@media (max-width:991.98px){.tasks-dashboard{height:calc(100vh - 48px);padding:.5rem .5rem 0}.tasks-filters{padding-bottom:.45rem}.tasks-filters-left{flex-wrap:wrap;gap:.4rem;width:100%}.tasks-search{width:100%;max-width:100%}.tasks-kanban-area{padding:0;overflow:hidden}.kanban-view{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;height:100%;display:flex;overflow-x:auto}.kanban-view::-webkit-scrollbar{display:none}.kanban-column{scroll-snap-align:start;scroll-snap-stop:always;border-left:none;border-right:none;border-radius:0;min-width:100%;max-width:100%}.kanban-column:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.kanban-column:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1070;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:var(--radius-xl);text-align:center;background:#fff;width:100%;max-width:360px;padding:1.5rem;animation:.15s ease-out confirmSlideIn;box-shadow:0 20px 50px #0003}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-dialog-icon{color:var(--color-text-muted);margin-bottom:.5rem;font-size:2rem}:is(.btn-danger+.confirm-dialog-icon,.confirm-dialog:has(.btn-danger) .confirm-dialog-icon){color:#ef4444}.confirm-dialog-title{color:var(--color-text);margin:0 0 .4rem;font-size:1rem;font-weight:700}.confirm-dialog-message{color:var(--color-text-muted);margin:0 0 1.2rem;font-size:.82rem;line-height:1.4}.confirm-dialog-actions{justify-content:center;gap:.5rem;display:flex}.confirm-dialog-actions .btn{min-width:100px}.dtp-container{position:relative}.dtp-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;min-height:2rem;display:flex}.dtp-trigger.disabled{opacity:.6;cursor:default}.dtp-trigger-plain{color:var(--color-text);background:0 0;border:none;justify-content:flex-end;min-height:auto;padding:0;font-size:.82rem}.dtp-trigger-plain .dtp-placeholder{font-style:italic}.dtp-placeholder{color:var(--color-text-muted)}.dtp-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 .2rem;font-size:.7rem;line-height:1}.dtp-clear:hover{color:var(--color-text)}.dtp-popover{z-index:1060;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;min-width:280px;padding:.75rem;position:fixed;box-shadow:0 12px 36px #00000026}.dtp-cal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dtp-month-label{color:var(--color-text);font-size:.85rem;font-weight:700}.dtp-nav-btn{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem}.dtp-nav-btn:hover{background:var(--color-bg);color:var(--color-text)}.dtp-day-names{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:.2rem;display:grid}.dtp-day-name{color:var(--color-text-muted);text-transform:uppercase;padding:.2rem 0;font-size:.65rem;font-weight:600}.dtp-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dtp-day{cursor:pointer;aspect-ratio:1;border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.78rem;transition:background .1s;display:flex}.dtp-day:hover:not(.dtp-day-empty){background:var(--color-bg)}.dtp-day-empty{cursor:default}.dtp-day-today{color:var(--bs-primary);font-weight:700}.dtp-day-selected{font-weight:700;background:var(--bs-primary)!important;color:#fff!important}.dtp-time-section{border-top:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:.5rem;margin-top:.4rem;padding:.6rem 0;font-size:.8rem;display:flex}.dtp-time-inputs{align-items:center;gap:.15rem;display:flex}.dtp-time-input{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2.5rem;color:var(--color-text);background:var(--color-bg);-moz-appearance:textfield;padding:.25rem .1rem;font-size:.85rem;font-weight:600}.dtp-time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dtp-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dtp-time-input:focus{border-color:var(--bs-primary);box-shadow:0 0 0 2px rgba(var(--bs-primary-rgb), .15);outline:none}.dtp-time-sep{color:var(--color-text);font-size:.9rem;font-weight:700}.dtp-footer{border-top:1px solid var(--color-border);gap:.4rem;margin-top:.4rem;padding-top:.5rem;display:flex}.dtp-footer-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);flex:1;padding:.3rem .5rem;font-size:.72rem;font-weight:600;transition:background .15s}.dtp-footer-btn:hover{background:var(--color-border)}.dtp-footer-done{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.dtp-footer-done:hover{opacity:.9;background:var(--bs-primary)}.dtp-footer-clear{color:var(--color-text-muted)}.task-modal-mobile-comment{display:none}@media (max-width:768px){.task-modal-overlay{align-items:stretch;padding:0}.task-modal{border-radius:0;max-width:100%;height:100dvh;max-height:100dvh}.task-modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.task-modal-main{flex-shrink:0;overflow:visible}.task-modal-sidebar{border-left:none;border-top:1px solid var(--color-border);flex-shrink:0;overflow:visible}.activity-timeline{overflow:visible}.activity-timeline-items{max-height:none;padding:.2rem .85rem;overflow:visible}.activity-comment-input{display:none}.task-modal-mobile-comment{padding:.75rem 1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom,1rem));border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:block}}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}