/* ============================================================ */
:root{--primary-font-family:'Vazir','Tahoma','Arial',sans-serif;--secondary-font-family:'Tahoma','Arial',sans-serif;--monospace-font-family:'Courier New',monospace}html{font-size:14px;position:relative;min-height:100%}@media (min-width:768px){html{font-size:16px}}body{margin-bottom:60px;font-family:var(--primary-font-family)}*{font-family:var(--primary-font-family)}code,pre,kbd,samp{font-family:var(--monospace-font-family)}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 0.1rem white,0 0 0 0.25rem #258cfb}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-responsive{overflow-x:visible}@media (max-width:1199.98px){.table-responsive{overflow-x:auto}.table.table-nowrap{min-width:1100px}.table-sm td,.table-sm th{padding:.45rem .6rem}.badge{font-size:.8rem;padding:.35em .55em}}@media (max-width:991.98px){.table.table-nowrap{min-width:950px}.badge{font-size:.75rem;padding:.3em .5em}}@media (max-width:575.98px){.table.table-nowrap{min-width:900px}}.cell-wrap{white-space:normal !important;max-width:220px}@media (max-width:1199.98px){.cell-wrap{max-width:180px}}@media (max-width:991.98px){.cell-wrap{max-width:160px}}.table .badge.badge-state-pending{background-color:#f57c00 !important;color:#fff !important;font-weight:600;opacity:1 !important}.table .badge.badge-state-paid{background-color:#28a745 !important;color:#fff !important;font-weight:600;opacity:1 !important}.table .badge.badge-state-settled{background-color:#1976d2 !important;color:#fff !important;font-weight:600;opacity:1 !important}.table .badge.badge-state-canceled{background-color:#d32f2f !important;color:#fff !important;font-weight:600;opacity:1 !important}.table .badge.badge-payment{background-color:#673ab7 !important;color:#fff !important;font-weight:600;opacity:1 !important}.table .badge.bg-success{background-color:#198754 !important;color:#fff !important;font-weight:600;opacity:1 !important}.table .badge.bg-danger{background-color:#dc3545 !important;color:#fff !important;font-weight:600;opacity:1 !important}.table .badge{background-image:none !important;filter:none !important}.text-truncate{overflow:hidden;text-overflow:ellipsis}.rounded-3{border-radius:.75rem !important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.btn-primary{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(99,102,241,0.25)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(99,102,241,0.35)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(99,102,241,0.25)}.btn-primary:focus{box-shadow:0 0 0 0.2rem rgba(99,102,241,0.25)}.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(16,185,129,0.25)}.btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(16,185,129,0.35)}.btn-success:active{transform:translateY(0);box-shadow:0 2px 8px rgba(16,185,129,0.25)}.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(245,158,11,0.25)}.btn-warning:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(245,158,11,0.35)}.btn-warning:active{transform:translateY(0);box-shadow:0 2px 8px rgba(245,158,11,0.25)}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(239,68,68,0.25)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(239,68,68,0.35)}.btn-danger:active{transform:translateY(0);box-shadow:0 2px 8px rgba(239,68,68,0.25)}.btn-info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(59,130,246,0.25)}.btn-info:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,0.35)}.btn-info:active{transform:translateY(0);box-shadow:0 2px 8px rgba(59,130,246,0.25)}.btn-secondary{background:rgba(255,255,255,0.95);color:#6b7280;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.btn-secondary:hover{background:#f9fafb;color:#374151;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.btn-secondary:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.btn-sm{padding:6px 14px;font-size:0.85rem;border-radius:8px}.btn-lg{padding:14px 28px;font-size:1.1rem;border-radius:12px}.btn-outline-primary{background:transparent;color:#6366f1;border:1.5px solid #6366f1;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease}.btn-outline-primary:hover{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 16px rgba(99,102,241,0.25)}.btn-outline-success{background:transparent;color:#10b981;border:1.5px solid #10b981;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease}.btn-outline-success:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 16px rgba(16,185,129,0.25)}.btn-outline-danger{background:transparent;color:#ef4444;border:1.5px solid #ef4444;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease}.btn-outline-danger:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px rgba(239,68,68,0.25)}.btn-outline-secondary{background:transparent;color:#6b7280;border:1.5px solid #d1d5db;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease}.btn-outline-secondary:hover{background:#f9fafb;color:#374151;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.btn-outline-info{background:transparent;color:#3b82f6;border:1.5px solid #3b82f6;border-radius:10px;padding:10px 20px;font-weight:600;font-size:0.95rem;transition:all 0.3s ease}.btn-outline-info:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,0.25)}.btn:disabled,.btn.disabled{opacity:0.6;cursor:not-allowed;transform:none !important}.btn.w-100{width:100%}.card{border-radius:12px;border:1px solid rgba(0,0,0,0.08);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s ease;overflow:hidden}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1)}.card-header{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;padding:1rem 1.25rem;font-weight:600;color:#1f2937}.card-body{padding:1.5rem}.card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.form-label{color:#374151;font-weight:600;font-size:0.9rem;margin-bottom:0.5rem}.form-control,.form-select{border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;color:#1f2937;padding:10px 16px;font-size:0.95rem;transition:all 0.3s ease}.form-control:focus,.form-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.1);color:#1f2937;outline:none}.form-control::placeholder{color:#9ca3af;font-size:0.9rem}.form-check-input{border:1.5px solid #d1d5db;width:1.1rem;height:1.1rem;margin-top:0.25rem;cursor:pointer;transition:all 0.2s ease}.form-check-input:checked{background-color:#6366f1;border-color:#6366f1}.form-check-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.form-check-input:checked{background-color:#6366f1;border-color:#6366f1}.form-check-label{cursor:pointer;user-select:none}.user-selection-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f1f1}.user-item .form-check{border-radius:8px;transition:all 0.2s ease}.user-item:hover .form-check{background-color:#f3f4f6;transform:translateX(-2px)}.user-checkbox:checked + .form-check-label{color:#6366f1;font-weight:600}.user-checkbox:checked + .form-check-label i{color:#6366f1 !important}.alert{border-radius:12px;border:none;padding:1rem 1.25rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.alert-success{background-color:#ecfdf5;color:#065f46;border-left:4px solid #10b981}.alert-danger{background-color:#fef2f2;color:#991b1b;border-left:4px solid #ef4444}.alert-warning{background-color:#fffbeb;color:#92400e;border-left:4px solid #f59e0b}.alert-info{background-color:#eff6ff;color:#1e40af;border-left:4px solid #3b82f6}.badge{border-radius:8px;padding:0.4rem 0.8rem;font-weight:600;font-size:0.85rem}.modal-content{border-radius:16px;border:none;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f9fafb 0%,#ffffff 100%)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e5e7eb;padding:1rem 1.5rem;background:#f9fafb}footer{margin-top:auto;padding:1.5rem 0}h1,h2,h3,h4,h5,h6{color:#1f2937;font-weight:600}.section-title{color:#2d3748;font-size:1.75rem;font-weight:600;margin:0}.mb-4{margin-bottom:1.5rem !important}.mt-4{margin-top:1.5rem !important}.list-group-item{border-radius:8px;border:1px solid #e5e7eb;margin-bottom:0.5rem;padding:0.75rem 1rem;transition:all 0.2s ease}.list-group-item:hover{background-color:#f9fafb;border-color:#d1d5db}.list-group-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.list-group-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.input-group-text{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;color:#6b7280}.input-group .form-control:first-child,.input-group .input-group-text:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.input-group .form-control:last-child,.input-group .input-group-text:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.progress{border-radius:999px;background-color:#e5e7eb;height:8px}.progress-bar{border-radius:999px;background:linear-gradient(90deg,#6366f1 0%,#4f46e5 100%)}.table{border-radius:12px;overflow:hidden}.table thead th{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);color:#374151;font-weight:600;border-bottom:2px solid #e5e7eb;padding:1rem}.table tbody tr{transition:background-color 0.2s ease}.table tbody tr:hover{background-color:#f9fafb}.table tbody td{padding:0.875rem 1rem;border-color:#e5e7eb}html,body{overflow-x:hidden}body.notifications-open{overflow:hidden}.app-shell{display:flex;flex-direction:row;align-items:stretch;min-height:100vh}.app-mobile-topbar{display:none;align-items:center;gap:0.75rem;background:#1f2937;color:#fff;padding:0.55rem 0.75rem;border-bottom:1px solid #111827}.app-mobile-menu-btn{border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.08);color:#fff;border-radius:8px;width:38px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem}.app-mobile-brand{font-size:0.95rem;font-weight:700}.app-mobile-backdrop{display:none;pointer-events:none}body.mobile-menu-open .app-mobile-backdrop{display:block;pointer-events:auto}.app-global-notification{position:fixed;top:12px;left:12px;z-index:1063}.app-global-notification-btn{width:40px;height:40px;border-radius:10px;border:1px solid #d1d5db;background:#ffffff;color:#111827;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(15,23,42,0.1)}.app-notification-panel{position:fixed;top:58px;left:12px;width:min(360px,calc(100vw - 24px));height:min(92vh,860px);background:#fff;border:1px solid #d1d5db;border-radius:14px;box-shadow:0 16px 34px rgba(15,23,42,0.18);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity 0.16s ease,transform 0.16s ease;z-index:1064}.app-notification-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.app-notification-backdrop{position:fixed;inset:0;background:transparent;display:none;z-index:1061;pointer-events:none}.app-notification-backdrop.is-open{display:block;pointer-events:auto}.app-notification-panel .notification-menu-header{background:#f3f4f6 !important;color:#111827 !important;border-bottom:1px solid #e5e7eb;padding:12px 14px}.app-notification-panel .notification-menu-header h6{color:#111827}.app-notification-panel .notification-menu-header .bg-white{background:#e5e7eb !important;color:#374151}.app-notification-panel .btn-notification-refresh{background:#e5e7eb;color:#374151}.app-notification-panel .btn-notification-refresh:hover{background:#d1d5db}.app-notification-panel .notification-list{min-height:0;height:auto;max-height:none;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;background:#fafafa}.app-notification-panel .notification-item{background:#fff}.app-notification-panel .notification-item-unread{background:#f3f4f6}.app-notification-panel .notification-footer{border-top:1px solid #e5e7eb;background:#f9fafb}.app-sidebar{position:relative;width:min(292px,30vw);flex-shrink:0;background:#ffffff;border-inline-end:1px solid #dee2e6;display:flex;flex-direction:column;box-shadow:-2px 0 12px rgba(15,23,42,0.04);max-height:100vh;overflow:hidden;transition:width 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.app-sidebar-toggle{flex-shrink:0;margin:0;width:40px;height:40px;border-radius:10px;border:1px solid #d1d5db;background:#f8fafc;color:#334155;align-items:center;justify-content:center;font-size:1.2rem;transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease;padding:0;cursor:pointer;touch-action:manipulation}.app-sidebar-toggle:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8}.app-sidebar-toggle:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.app-shell.app-sidebar-collapsed .app-sidebar{width:56px;min-width:56px;overflow:hidden;background:#fff;border-inline-end:1px solid #dee2e6;box-shadow:-2px 0 12px rgba(15,23,42,0.06);pointer-events:auto}.app-shell.app-sidebar-collapsed .app-sidebar-nav,.app-shell.app-sidebar-collapsed .app-sidebar-footer,.app-shell.app-sidebar-collapsed .app-sidebar-mobile-header,.app-shell.app-sidebar-collapsed .app-sidebar-user-avatar,.app-shell.app-sidebar-collapsed .app-sidebar-user-text{display:none !important}.app-shell.app-sidebar-collapsed .app-sidebar-user{padding:0.75rem 0;border-bottom:0;justify-content:center}.app-shell.app-sidebar-collapsed .app-sidebar-toggle{width:44px;height:44px;border-radius:12px;border-color:#64748b;background:#f1f5f9;color:#0f172a;box-shadow:0 1px 4px rgba(15,23,42,0.1)}.app-sidebar-brand{padding:1rem 1.1rem;border-bottom:1px solid #e9ecef;font-weight:700;font-size:1.05rem;color:#1e293b}.app-sidebar-mobile-header{display:none}.app-sidebar-brand a{color:inherit;text-decoration:none}.app-sidebar-user{padding:1rem 1.1rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:0.75rem;flex-shrink:0}.app-sidebar-user-text{min-width:0;flex:1}.app-sidebar-user-avatar{width:48px;height:48px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.app-sidebar-user-name{font-weight:600;font-size:0.88rem;color:#0f172a;line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.app-sidebar-user-meta{font-size:0.8rem;color:#64748b;margin-top:0.15rem;white-space:normal;overflow-wrap:anywhere}.app-sidebar-tools{padding:0.65rem 1rem;border-bottom:1px solid #e9ecef}.app-sidebar-notification-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.45rem 0.75rem;border-radius:8px;border:1px solid #dee2e6;background:#f8f9fa;color:#334155;font-size:0.88rem;transition:background 0.15s ease,border-color 0.15s ease}.app-sidebar-notification-btn:hover,.app-sidebar-notification-btn:focus{background:#e9ecef;border-color:#ced4da;outline:none}.app-sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:0.75rem 0.65rem;display:flex;flex-direction:column;gap:2px}.app-sidebar-link{display:flex;align-items:center;gap:0.65rem;padding:0.55rem 0.85rem;border-radius:8px;color:#334155;text-decoration:none;font-size:0.9rem;border-inline-end:3px solid transparent}.app-sidebar-link:hover{background:#f1f5f9;color:#0f172a}.app-sidebar-link.active{background:#ecfdf5;color:#047857;font-weight:600;border-inline-end-color:#10b981}.app-sidebar-link i{font-size:1.1rem;opacity:0.9}.app-sidebar-badge{margin-inline-start:auto;min-width:1.35rem;height:1.35rem;padding:0 0.4rem;border-radius:999px;background:#ef4444;color:#fff;font-size:0.72rem;font-weight:700;line-height:1.35rem;text-align:center;flex-shrink:0}.app-sidebar-footer{padding:1rem 1.1rem;border-top:1px solid #e9ecef;background:#fafafa;flex-shrink:0}.app-sidebar-logout-form-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-sidebar-logout{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.55rem 0.75rem;border-radius:8px;border:1px solid #fecaca;background:#fff;color:#b91c1c;font-size:0.88rem;font-weight:500;cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.app-sidebar-logout:hover{background:#fef2f2;color:#991b1b}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f7f7f5}.app-main-body{flex:1 0 auto}.app-main-body > .container,.app-main-body > .container-fluid,.app-main-body > .dashboard-page,.app-main-body > .project-page-modern{max-width:none !important;width:100%;margin-inline:0 !important}.app-footer{flex-shrink:0;text-align:center;padding:1rem 1rem 1.25rem;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;font-size:0.88rem;color:#64748b}.app-sidebar .notification-menu{width:min(320px,92vw) !important}@media (max-width:991.98px){.app-mobile-topbar{display:flex;padding-left:3.2rem}.app-mobile-logout-dock{display:none;box-sizing:border-box}.app-shell.sidebar-open .app-mobile-logout-dock{display:block;position:fixed;right:0;bottom:0;width:min(84vw,320px);z-index:1052;padding:0.65rem 1rem;padding-bottom:max(0.65rem,env(safe-area-inset-bottom,0px));background:#fafafa;border-top:1px solid #e9ecef;box-shadow:0 -6px 18px rgba(15,23,42,0.12)}.app-sidebar{width:min(84vw,320px);border-inline-end:1px solid #dee2e6;border-bottom:none;box-shadow:-8px 0 24px rgba(0,0,0,0.18);height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;position:fixed;top:0;left:auto;right:0;transform:translateX(calc(100% + 12px));transition:transform 0.25s ease;visibility:hidden;pointer-events:none;z-index:1050}.app-shell.sidebar-open .app-sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}.app-shell.sidebar-open + .app-main,.app-shell.sidebar-open .app-main{pointer-events:none}.app-sidebar-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:0.7rem 1rem;border-bottom:1px solid #e5e7eb;font-weight:700;color:#111827;background:#f9fafb;flex-shrink:0}.app-mobile-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.45);z-index:1045;pointer-events:none}body.mobile-menu-open .app-mobile-backdrop{pointer-events:auto}.app-main{width:100%}body.mobile-menu-open{overflow:hidden}.app-global-notification{top:8px;left:8px;z-index:1066}.app-notification-panel{top:52px;left:8px;width:min(360px,calc(100vw - 16px));height:min(90vh,860px);z-index:1067}.app-notification-backdrop,.app-notification-backdrop.is-open{display:none !important;pointer-events:none !important}}@media (min-width:992px){.app-mobile-topbar,.app-mobile-backdrop{display:none !important}.app-sidebar{position:sticky !important;top:0 !important;align-self:flex-start !important;height:100vh;max-height:100vh;right:auto !important;left:auto !important;transform:none !important;visibility:visible !important;pointer-events:auto !important;box-shadow:-2px 0 12px rgba(15,23,42,0.04) !important}.app-shell.app-sidebar-collapsed .app-sidebar{width:56px !important;min-width:56px !important;border-inline-end:1px solid #dee2e6 !important;overflow:hidden !important;background:#fff !important;box-shadow:-2px 0 12px rgba(15,23,42,0.06) !important;pointer-events:auto !important}body.mobile-menu-open{overflow:auto !important}}.project-details-shell{align-items:flex-start}.project-details-main{min-width:0}.project-sidebar-col{position:relative;transition:all 0.2s ease}@media (min-width:992px){.project-details-shell > .project-sidebar-col{flex:0 0 220px !important;width:220px !important;max-width:220px !important}.project-details-shell > .project-details-main{flex:1 1 0 !important;width:auto !important;max-width:100% !important}}.project-sidebar-inner{position:sticky;top:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,0.05);overflow:hidden}.project-sidebar-header{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.project-sidebar-title{padding:0.7rem 0.75rem;font-weight:700;font-size:0.85rem;color:#1f2937}.project-sidebar-nav{padding:0.35rem}.project-nav-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.6rem;border-radius:10px;color:#374151;text-decoration:none;font-weight:500;font-size:0.85rem;transition:background 0.15s ease,color 0.15s ease;margin-bottom:0.15rem;min-width:0}.project-nav-link span:not(.project-nav-meta){min-width:0;overflow-wrap:break-word;word-break:break-word}.project-nav-link:hover{background:#f3f4f6;color:#1d4ed8}.project-nav-link.active{background:#eff6ff;color:#1d4ed8;font-weight:600}.project-nav-link i{font-size:1.05rem;color:#3b82f6;flex-shrink:0}.project-nav-link.active i,.project-nav-link:hover i{color:#2563eb}.project-nav-meta{margin-inline-start:auto;font-size:0.75rem;font-weight:600;color:#6b7280}.project-details-main [id^="section-project-"]{scroll-margin-top:1rem}@media (max-width:992px){.project-sidebar-inner{position:static}}