:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--secondary:#10b981;--accent:#f59e0b;--dark:#1e293b;--light:#f8fafc;--gray:#64748b;--gray-light:#e2e8f0;--danger:#ef4444;--success:#10b981;--border-radius:12px;--shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--transition:all 0.3s ease} 
.MKB-container{width:100%;margin:0 auto;padding:20px} .MKB-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:white;padding:25px 0;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:30px;position:relative;overflow:hidden;margin:15px 5px 20px 5px} .MKB-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:0.1} .header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1} .mkb-logo{display:flex;align-items:center;gap:15px;cursor: pointer;} 
.mkb-logo-icon{background:rgba(255,255,255,0.2);min-width:60px;max-width:60px;min-height:60px;max-height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8em;backdrop-filter:blur(10px);cursor:pointer;} .mkb-logo-text h1{font-size:2.2em;font-weight:700;margin-bottom:5px} .mkb-logo-text p{font-weight:300;opacity:0.9;font-size:1em} .header-stats{display:flex;gap:30px} .stat{text-align:center} .stat-value{font-size:1.8em;font-weight:700;margin-bottom:5px} .stat-label{font-size:0.9em;opacity:0.8} 
.MKB-main-content{display:grid;grid-template-columns:300px 1fr;gap:25px} .sidebar{background:white;border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow);height:fit-content} .sidebar-section{margin-bottom:30px} .sidebar-section h3{color:var(--primary);margin-bottom:15px;font-weight:600;display:flex;align-items:center;gap:10px;font-size:1.1em} .filter-options{display:flex;flex-direction:column;gap:12px} .filter-option{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;cursor:pointer;transition:var(--transition)} .filter-option:hover{background:var(--primary-light)} .filter-option.active{background:var(--primary-light);color:var(--primary);font-weight:500} .filter-option i{width:20px;text-align:center} .quick-links{display:flex;flex-direction:column;gap:12px;} .quick-link{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--light);border-radius:8px;text-decoration:none;color:var(--dark);transition:var(--transition);width:100%} .quick-link:hover{background:var(--primary-light);color:var(--primary)} .content-area{display:flex;flex-direction:column;gap:25px;position: relative;background:#fff;padding:5px;} .search-section{background:white;border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow)} .search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px} .search-header h2{color:var(--primary);font-weight:600;display:flex;align-items:center;gap:10px} .search-tools{display:flex;gap:15px} .search-tool{background:var(--light);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray);cursor:pointer;transition:var(--transition)} .search-tool:hover{background:var(--primary-light);color:var(--primary)} .mkb-search-box{display:flex;gap:15px;margin-bottom:20px} .mkb-search-box input{flex:1;padding:16px 20px;border:1px solid var(--gray-light);border-radius:10px;font-size:1em;transition:var(--transition);background:var(--light)} .mkb-search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1)} .mkb-search-box button{background:var(--primary);color:white;border:none;border-radius:10px;padding:0 25px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px} .mkb-search-box button:hover{background:var(--primary-dark);transform:translateY(-2px)} .search-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px} .filter-item{display:flex;flex-direction:column;gap:8px} .filter-item label{font-weight:500;color:var(--gray);font-size:0.9em} .filter-item select{padding:12px 15px;border:1px solid var(--gray-light);border-radius:8px;background:white;font-size:0.9em} .results-section{background:white;border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow)} .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px} .results-header h2{color:var(--primary);font-weight:600} .results-actions{display:flex;gap:10px} .results-action{background:var(--light);border:none;padding:8px 15px;border-radius:6px;font-size:0.9em;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:5px} .results-action:hover{background:var(--primary-light);color:var(--primary)} .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px} .result-card{border:1px solid var(--gray-light);border-radius:10px;padding:20px;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden} .result-card::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--primary);opacity:0;transition:var(--transition)} .result-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--primary)} .result-card:hover::before{opacity:1} .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px} .code{font-size:1.8em;font-weight:700;color:var(--primary)} .card-actions{display:flex;gap:10px} .card-action{background:none;border:none;color:var(--gray);cursor:pointer;transition:var(--transition);font-size:1em} .card-action:hover{color:var(--primary)} .description{font-weight:500;margin-bottom:15px;line-height:1.5} .card-footer{display:flex;justify-content:space-between;align-items:center} .category{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;background:var(--primary-light);color:var(--primary);padding:5px 12px;border-radius:20px;font-size:0.8em;font-weight:500;line-height:1.8;} .billable{display:flex;align-items:center;gap:5px;font-size:0.8em;color:var(--success);font-weight:500} .details-section{background:white;border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow);} .details-section.active{display:block;animation:fadeIn 0.5s ease} @keyframes fadeIn{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } .details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--gray-light)} .details-main{flex:1} .details-code{font-size:2.2em;font-weight:700;color:var(--primary);margin-bottom:5px} .details-title{font-size:1.5em;font-weight:600;margin-bottom:10px;line-height:1.4} .details-category{display:inline-block;background:var(--primary-light);color:var(--primary);padding:6px 15px;border-radius:20px;font-size:0.9em;font-weight:500} .details-actions{display:flex;gap:10px} .details-action{background:var(--light);border:none;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray);cursor:pointer;transition:var(--transition)} .details-action:hover{background:var(--primary-light);color:var(--primary)} .details-content{display:grid;grid-template-columns:1fr 1fr;gap:30px} .info-group{background:var(--light);border-radius:10px;padding:20px} .info-group h3{color:var(--primary);font-size:1.1em;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--gray-light);display:flex;align-items:center;gap:10px} .info-item{margin-bottom:15px} .info-label{font-weight:600;color:var(--gray);margin-bottom:5px;font-size:0.9em} .info-value{color:var(--dark);line-height:1.5} .related-codes{grid-column:1 / -1} .related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:15px} .related-card{border:1px solid var(--gray-light);border-radius:8px;padding:15px;transition:var(--transition);cursor:pointer} .related-card:hover{border-color:var(--primary);background:var(--primary-light)} .related-code{font-weight:700;color:var(--primary);margin-bottom:5px} .related-desc{font-size:0.9em;line-height:1.4} .mobile-menu{display:none;background:var(--primary);color:white;padding:15px;text-align:center;font-weight:600;border-radius:var(--border-radius);margin-bottom:20px;cursor:pointer} @media (max-width:1100px){.MKB-main-content{display:block} .sidebar{display:none} .mobile-menu{display:block} } 
@media (max-width:768px){.header-content{flex-direction:column;gap:20px;text-align:center} .header-stats{justify-content:center}.results-grid{grid-template-columns:1fr} .details-content{grid-template-columns:1fr} .details-header{flex-direction:column;gap:15px} .details-actions{align-self:flex-end}.MKB-container{padding:5px}.results-section,.search-section{padding:10px}.mkb-search-box input{
	width:50%}}