* {
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
 }

 html,
 body {
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
 }

 body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
     background: #f5f5f5;
     color: #1a1a1a;
     height: 100vh;
     touch-action: manipulation;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }



 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
         r
     }
 }

 @keyframes slideDown {
     from {
         opacity: 0;
         transform: translateY(-20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }
 }

 @keyframes modalFadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes modalSlideUp {
     from {
         opacity: 0;
         transform: scale(0.95) translateY(20px);
     }

     to {
         opacity: 1;
         transform: scale(1) translateY(0);
     }
 }

 .animate-fade-in {
     animation: fadeIn 0.4s ease-out;
 }

 .animate-slide-down {
     animation: slideDown 0.3s ease-out;
 }

 .animate-pulse-subtle {
     animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }

 .modal-overlay {
     animation: modalFadeIn 0.2s ease-out;
 }

 .modal-content {
     animation: modalSlideUp 0.3s ease-out;
 }

 .progress-bar {
     transition: width 0.3s ease-out;
 }

 .hover-lift {
     transition: all 0.2s ease;
 }

 .hover-lift:hover {
     transform: translateY(-2px);
     box-shadow: 0 10px 25px -5px rgba(220, 38, 38, 0.2);
 }

 .search-input:focus {
     box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
 }

 .filter-chip {
     transition: all 0.2s ease;
 }

 .filter-chip:hover {
     transform: scale(1.05);
 }

 .result-card {
     transition: all 0.2s ease;
     border-left: 3px solid transparent;
     border-left-color: #dc2626;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }

 .result-card:hover {
     border-left-color: #dc2626;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }

 ::-webkit-scrollbar {
     width: 5px;
     height: 5px;
 }

 ::-webkit-scrollbar-track {
     background: #f1f1f1;
 }

 ::-webkit-scrollbar-thumb {
     background: #dc2626;
     border-radius: 5px;
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #b91c1c;
 }



 div.overlay{
	    position:fixed;
	    z-index: -999;
	    left: 0px;
	    top:0px;
	    background:rgba(11, 10, 12, 0.35);
	    opacity: 0;
	    width: 100%;
	    height: 100%;
	    transition: opacity 0.3s ease;
	}
	aside.sidebar{
	    z-index: 9999;
	    position: fixed;
	    will-change: transform;
	    height: 100%;
	    top: 0px;
		transition:transform 0.3s ease;
	    background:#fff;
	    width: 330px;
		overflow-y: auto;
		overflow-x: hidden;
		word-wrap: break-word;
	}