@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);
*{box-sizing:border-box}body{background:#f5f6fa!important;color:#2b2d42;font-family:Inter,Segoe UI,sans-serif!important;overflow-x:hidden}.error-message{color:#ec4561;font-size:12px;margin-top:5px}.error-border{border-color:#ec4561!important}.error{color:red}.text-muted{color:#8d99ae!important}.text-primary{color:#4361ee!important}.fw-bold{font-weight:700!important}#wrapper{background:#f5f6fa;min-height:100vh;overflow:visible!important}.topbar .topbar-left{background:#13111e!important}.navbar-custom{background:#1e1b4b!important;border-bottom:1px solid hsla(0,0%,100%,.05)}.side-menu{background:#13111e!important;bottom:0!important;overflow-x:hidden;overflow-y:auto;padding-bottom:0!important;top:0!important;width:240px!important;z-index:1001!important}.content-page{margin-left:240px!important;min-height:100vh;overflow:visible!important}.content-page .content{margin-top:70px!important;min-height:calc(100vh - 70px);padding:24px 24px 40px!important}.footer{background:#f5f6fa!important;border-top:1px solid #e9ecef;color:#8d99ae;font-size:.82rem;left:240px!important;padding:16px 24px!important;position:relative!important;text-align:center!important}body.enlarged .side-menu{position:fixed!important;width:70px!important}body.enlarged .content-page{margin-left:70px!important}body.enlarged .footer{left:70px!important}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(15,23,42,.55);display:none;inset:0;opacity:0;position:fixed;transition:opacity .25s;z-index:1050}@media (max-width:992px){.left.side-menu,.side-menu{bottom:0!important;box-shadow:0 0 30px rgba(0,0,0,.35);left:0!important;position:fixed!important;top:70px!important;transform:translateX(-105%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:260px!important;z-index:1100!important}.content-page{margin-left:0!important}.content-page .content{padding:14px!important}.footer{left:0!important}body.mobile-sidebar-open{overflow:hidden}body.mobile-sidebar-open .left.side-menu,body.mobile-sidebar-open .side-menu{transform:translateX(0)!important}body.mobile-sidebar-open .mobile-sidebar-backdrop{display:block;opacity:1;top:70px}body.enlarged .left.side-menu,body.enlarged .side-menu{width:260px!important}body.enlarged .content-page{margin-left:0!important}}@media (max-width:576px){.left.side-menu,.side-menu{max-width:300px;width:80vw!important}.content-page .content{padding:10px!important}}.page-title{margin-bottom:24px}.page-title h3{color:#1a1f5e;font-size:1.6rem;font-weight:800;margin:0 0 4px}.page-title p{color:#8d99ae;font-size:.95rem;margin:0}.page-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title-row h3{color:#1a1f5e;font-size:1.6rem;font-weight:800;margin:0 0 4px}.page-title-row p{color:#8d99ae;font-size:.95rem;margin:0}.stats-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.stats-grid{grid-template-columns:1fr}}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04);display:flex;gap:18px;padding:22px 24px;transition:transform .2s}.stat-card:hover{transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:1.5rem;height:52px;justify-content:center;width:52px}.stat-body{flex:1;min-width:0}.stat-value{color:#1a1f5e;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:#8d99ae;font-size:.8rem;font-weight:600;margin-top:3px}.stat-blue .stat-icon{background:#e0e7ff;color:#4361ee}.stat-green .stat-icon{background:#d1fae5;color:#10b981}.stat-purple .stat-icon{background:#ede9fe;color:#7c3aed}.stat-orange .stat-icon{background:#fef3c7;color:#f59e0b}.pm-card{background:#fff;border:none;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04);margin-bottom:24px;overflow:hidden}.pm-card-header{align-items:center;border-bottom:1px solid #f1f3f9;color:#2b2d42;display:flex;font-size:.95rem;font-weight:700;gap:8px;padding:16px 22px}.pm-card-body{padding:20px}.pm-card-body.p-0{padding:0}.live-dot{background:#10b981;border-radius:50%;box-shadow:0 0 0 2px rgba(16,185,129,.2);display:inline-block;height:8px;width:8px}.live-dot.pulse{animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.pm-table{border-collapse:collapse;font-size:.82rem;width:100%}.pm-table thead tr{background:linear-gradient(135deg,#4361ee,#7209b7)}.pm-table th{border-bottom:none;color:hsla(0,0%,100%,.95);font-size:.68rem;font-weight:700;letter-spacing:.6px;padding:10px 14px;text-transform:uppercase}.pm-table th:first-child{border-top-left-radius:10px}.pm-table th:last-child{border-top-right-radius:10px}.pm-table td{border-bottom:1px solid #f1f5f9;font-size:.82rem;padding:10px 14px;vertical-align:middle}.pm-table tbody tr:hover{background:#fafbff}.pm-table tbody tr:last-child td{border-bottom:none}.project-list{list-style:none;margin:0;padding:0}.project-list li{align-items:center;border-bottom:1px solid #f5f6fa;display:flex;font-size:.9rem;justify-content:space-between;padding:14px 20px}.project-list li strong{color:#2b2d42;display:block}.project-list li small{color:#adb5bd;font-size:.78rem}.project-list li:last-child{border-bottom:none}.pm-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.3px;line-height:1.3;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.badge-active{background:#d1fae5;color:#065f46}.badge-done{background:#dbeafe;color:#1e40af}.badge-hold{background:#fef3c7;color:#92400e}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-low{background:#d1fae5;color:#065f46}.badge-medium{background:#dbeafe;color:#1e40af}.badge-high{background:#fef3c7;color:#92400e}.badge-critical{background:#fee2e2;color:#991b1b}.badge-project{background:#ede9fe;border-radius:6px;color:#5b21b6;font-size:.78rem;font-weight:600;padding:3px 10px}.user-chip{gap:10px}.avatar,.user-chip{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#4361ee,#7209b7);border-radius:50%;color:#fff;flex-shrink:0;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-chip strong{color:#2b2d42;display:block;font-size:.88rem}.user-chip small{color:#adb5bd;font-size:.78rem}.btn-pm-primary{align-items:center;background:linear-gradient(135deg,#4361ee,#7209b7);border:none;border-radius:10px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:6px;padding:10px 22px;transition:transform .2s,box-shadow .2s}.btn-pm-primary:hover:not(:disabled){box-shadow:0 6px 18px rgba(67,97,238,.3);transform:translateY(-2px)}.btn-pm-primary:disabled{cursor:not-allowed;opacity:.65}.btn-secondary{background:#f1f3f9;color:#6c757d;font-weight:600;padding:10px 22px}.btn-secondary,.btn-stop{border:none;border-radius:10px;cursor:pointer;font-size:.9rem}.btn-stop{align-items:center;background:#fee2e2;color:#c1121f;display:flex;font-weight:700;gap:6px;padding:10px 20px}.btn-stop:hover{background:#fecaca}.btn-start{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:6px;padding:10px 22px}.btn-start:disabled{cursor:not-allowed;opacity:.6}.icon-btn{align-items:center;background:#f1f3f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.icon-btn:hover{background:#e0e7ff;color:#4361ee}.icon-btn.danger{color:#64748b}.icon-btn.danger:hover{background:#fee2e2;color:#c1121f}.btn-view-tasks{align-items:center;background:#e0e7ff;border:none;border-radius:8px;color:#4361ee;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;gap:5px;padding:6px 14px}.btn-view-tasks:hover{background:#4361ee;color:#fff}.btn-view-files{align-items:center;background:#f0fdf4;border:none;border-radius:8px;color:#16a34a;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;gap:5px;padding:6px 14px}.btn-view-files:hover{background:#16a34a;color:#fff}.btn-view-roadmap{align-items:center;background:#fdf4ff;border:none;border-radius:8px;color:#7e22ce;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;gap:5px;padding:6px 14px}.btn-view-roadmap:hover{background:#7e22ce;color:#fff}.project-deadline-strip{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.deadline-item{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;padding:3px 9px}.deadline-item em{font-style:normal;margin-left:3px;opacity:.75}.deadline-arrow{color:#94a3b8;font-size:.9rem}.dl-ok{background:#eff6ff;color:#1d4ed8}.dl-soon{background:#fef3c7;color:#92400e}.dl-overdue{animation:blink 1.2s infinite;background:#fee2e2;color:#991b1b}.roadmap-timeline{display:flex;flex-direction:column;gap:0}.roadmap-item{align-items:stretch;display:flex;gap:14px}.roadmap-line-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:20px}.roadmap-dot{border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(0,0,0,.08);flex-shrink:0;height:14px;margin-top:16px;width:14px}.roadmap-connector{background:#e2e8f0;flex:1;margin:4px 0;width:2px}.roadmap-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.04);flex:1;margin-bottom:14px;padding:14px 16px}.roadmap-card-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.roadmap-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.roadmap-index{background:#f1f5f9;border-radius:999px;color:#94a3b8;font-size:.68rem;font-weight:700;padding:1px 7px}.roadmap-title{color:#1e293b;font-size:.9rem;font-weight:700;margin:0}.roadmap-status{border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.rs-planned{background:#f1f5f9;color:#475569}.rs-in-progress{background:#dcfce7;color:#166534}.rs-completed{background:#dbeafe;color:#1d4ed8}.roadmap-card-actions{display:flex;flex-shrink:0;gap:4px}.roadmap-desc{color:#64748b;font-size:.78rem;margin:0 0 8px}.roadmap-dates{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.roadmap-date-chip{align-items:center;background:#f8fafc;border-radius:999px;color:#475569;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:2px 9px}.roadmap-date-chip em{font-style:normal;margin-left:2px;opacity:.75}.rdc-overdue{background:#fee2e2;color:#991b1b}.roadmap-progress-bar{background:#e2e8f0;border-radius:999px;height:4px;overflow:hidden}.roadmap-progress-fill{border-radius:999px;height:100%;transition:width .4s}.form-input{background:#fafbff;border:1.5px solid #e9ecef;border-radius:10px;font-family:inherit;font-size:.92rem;outline:none;padding:11px 14px;transition:border .2s;width:100%}.form-input:focus{background:#fff;border-color:#4361ee}.form-input-sm{background:#fafbff;border:1.5px solid #e9ecef;border-radius:7px;font-family:inherit;font-size:.82rem;outline:none;padding:5px 10px}.form-input-sm:focus{border-color:#4361ee}.session-control{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04);margin-bottom:4px;padding:20px 24px}.session-active{flex-wrap:wrap;gap:16px;justify-content:space-between}.session-active,.session-info{align-items:center;display:flex}.session-info{gap:14px}.session-info strong{color:#1a1f5e;display:block;font-weight:700}.session-info small{color:#10b981;font-weight:600}.session-start{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.project-select{flex:1;min-width:220px}.pm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pm-modal{animation:modal-pop .2s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.15);max-width:520px;overflow:hidden;width:100%}.pm-modal-lg{max-width:800px}.pm-modal-header{align-items:center;border-bottom:1px solid #f1f3f9;display:flex;justify-content:space-between;padding:20px 24px}.pm-modal-header h5{color:#1a1f5e;font-size:1.05rem;font-weight:800;margin:0}.pm-modal-body{padding:24px}.pm-modal-footer{border-top:1px solid #f1f3f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.modal-close{background:none;border:none;color:#adb5bd;cursor:pointer;font-size:1.4rem;line-height:1}.modal-close:hover{color:#2b2d42}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.projects-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1400px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.projects-grid{grid-template-columns:1fr}}.project-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04);display:flex;flex-direction:column;height:100%;padding:18px;transition:transform .2s}.project-card:hover{transform:translateY(-4px)}.project-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:14px}.project-card-actions{display:flex;flex-shrink:0;gap:2px}.project-card-actions .icon-btn{font-size:.9rem;height:28px;width:28px}.project-card-name{color:#1a1f5e;font-size:1rem;font-weight:800;margin:0 0 6px}.project-card-desc{color:#8d99ae;font-size:.85rem;line-height:1.5;margin:0 0 16px}.project-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.projects-grid{align-items:stretch}.task-count{color:#adb5bd;font-size:.82rem;font-weight:600}.empty-state-full{grid-column:1/-1;padding:60px 20px;text-align:center}.empty-state-full i{color:#dee2e6;font-size:3rem}.empty-state-full p{color:#adb5bd;margin-top:12px}.task-add-row{align-items:center;gap:10px}.filter-tabs,.task-add-row{display:flex;flex-wrap:wrap}.filter-tabs{gap:8px;margin-bottom:22px}.tab-btn{background:#fff;border:1.5px solid #e9ecef;border-radius:20px;color:#6c757d;cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 18px;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:#4361ee;border-color:#4361ee;color:#fff}.empty-state{padding:40px;text-align:center}.empty-state i{color:#dee2e6;font-size:2.5rem}.empty-state p{color:#adb5bd;font-size:.9rem;margin-top:8px}.pm-spinner{animation:spin .7s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#4361ee;display:inline-block;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.router-link-exact-active.nav-link-item{background:linear-gradient(135deg,#4361ee,#7209b7)!important;box-shadow:0 4px 12px rgba(67,97,238,.25);color:#fff!important}a{color:#4361ee}.dash-grid{display:grid;gap:24px;margin-top:24px}.dash-grid-2col{grid-template-columns:1fr 1fr}@media (max-width:992px){.dash-grid-2col{grid-template-columns:1fr}}.dash-grid-main-side{grid-template-columns:2fr 1fr}@media (max-width:992px){.dash-grid-main-side{grid-template-columns:1fr}}.dash-grid-side-main{grid-template-columns:1fr 2fr}@media (max-width:992px){.dash-grid-side-main{grid-template-columns:1fr}}#sidebar-menu>ul>li>a{align-items:center!important;display:flex!important;flex-direction:row!important;gap:14px!important}#sidebar-menu ul li a i{display:inline-flex!important;font-size:1.15rem!important;width:auto!important}@media print{#preloader,.footer,.navbar-custom,.side-menu,.topbar{display:none!important}.content-page{margin-left:0!important}.content-page .content{margin-top:0!important;padding:0!important}body{background:#fff!important}}.swal2-container{z-index:999999!important}