:root{--history-primary:#01af57;--history-primary-dark:#00964a;--history-primary-light:#e6f7ef;--history-secondary:#00d4aa;--history-text:#333;--history-text-light:#666;--history-bg:#fff;--history-bg-light:#f8f9fa;--history-border:#e9ecef;--history-shadow:rgba(0,0,0,.1);--history-shadow-hover:rgba(0,0,0,.15);--history-birth:#4caf50;--history-death:#9c27b0;--history-war:#f44336;--history-national:#2196f3;--history-historical:#ff9800}.history-container{max-width:1200px;margin:0 auto;padding:20px;font-family:SolaimanLipi,Kalpurush,Arial,sans-serif;color:var(--history-text)}.history-breadcrumbs{display:flex;flex-wrap:wrap;margin-bottom:20px;padding:10px 15px;background:var(--history-bg-light);border-radius:10px;font-size:14px;color:var(--history-text-light);box-shadow:0 2px 5px var(--history-shadow)}.history-breadcrumbs a{color:var(--history-primary);text-decoration:none;transition:all .3s ease}.history-breadcrumbs a:hover{color:var(--history-primary-dark);text-decoration:underline}.breadcrumb-separator{margin:0 8px;color:var(--history-text-light)}.history-header{text-align:center;margin-bottom:30px;padding:30px 20px;background:linear-gradient(135deg,var(--history-primary),var(--history-secondary));color:#fff;border-radius:15px;box-shadow:0 8px 25px rgba(1,175,87,.3);position:relative;overflow:hidden}.history-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image: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:.5}.history-title{font-size:2.5rem;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:15px}.history-title .icon{font-size:2rem}.history-date-picker{background:var(--history-bg);padding:25px;border-radius:15px;margin-bottom:30px;border:1px solid var(--history-border);box-shadow:0 5px 15px var(--history-shadow);transition:all .3s ease}.history-date-picker:hover{box-shadow:0 8px 20px var(--history-shadow-hover);transform:translateY(-2px)}.history-date-picker h3{color:var(--history-primary);margin-bottom:20px;font-size:1.4rem;display:flex;align-items:center;gap:10px}.date-picker-form{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.date-picker-form select{padding:12px 40px 12px 15px;border:2px solid var(--history-border);border-radius:10px;font-size:16px;background:#fff;min-width:150px;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2301af57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.date-picker-form select:focus{outline:none;border-color:var(--history-primary);box-shadow:0 0 0 3px rgba(1,175,87,.1)}.history-search-btn{background:var(--history-primary)!important;color:#fff!important;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;gap:8px}.history-search-btn:hover{background:var(--history-primary-dark)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(1,175,87,.3)}.history-filters{background:var(--history-bg);padding:25px;border-radius:15px;margin-bottom:30px;border:1px solid var(--history-border);box-shadow:0 5px 15px var(--history-shadow)}.history-filters h3{color:var(--history-primary);margin-bottom:20px;font-size:1.4rem;display:flex;align-items:center;gap:10px}.filter-form{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--history-text)}.filter-group select{width:100%;padding:12px 40px 12px 15px;border:2px solid var(--history-border);border-radius:10px;font-size:16px;background:#fff;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2301af57' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.filter-group select:focus{outline:none;border-color:var(--history-primary);box-shadow:0 0 0 3px rgba(1,175,87,.1)}.filter-actions{display:flex;gap:10px}.filter-btn{background:var(--history-primary)!important;color:#fff!important;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;gap:8px}.filter-btn:hover{background:var(--history-primary-dark)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(1,175,87,.3)}.reset-filter-btn{background:#f8f9fa!important;color:#666!important;border:1px solid #ddd;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;gap:8px}.reset-filter-btn:hover{background:#e9ecef!important;transform:translateY(-2px)}.history-events-container{margin-top:30px}.events-title{color:var(--history-primary);font-size:2rem;margin-bottom:25px;text-align:center;padding-bottom:15px;border-bottom:3px solid var(--history-primary);position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.events-title:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:var(--history-secondary)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.history-event-item{background:var(--history-bg);border-radius:15px;overflow:hidden;box-shadow:0 5px 15px var(--history-shadow);transition:all .3s ease;display:flex;flex-direction:column;border-top:5px solid var(--history-primary)}.history-event-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--history-shadow-hover)}.event-category-birth{border-top-color:var(--history-birth)}.event-category-death{border-top-color:var(--history-death)}.event-category-war{border-top-color:var(--history-war)}.event-category-national{border-top-color:var(--history-national)}.event-category-historical{border-top-color:var(--history-historical)}.event-thumbnail{width:100%;height:180px;overflow:hidden;position:relative}.event-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-thumbnail img:hover{transform:scale(1.05)}.event-icon{width:100%;height:180px;background:linear-gradient(135deg,var(--history-primary),var(--history-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;position:relative}.icon-large{font-size:64px;z-index:1}.event-content{padding:20px;flex:1;display:flex;flex-direction:column}.event-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.event-year{background:var(--history-primary);color:#fff;font-size:14px;font-weight:700}.event-category,.event-year{padding:6px 12px;border-radius:20px}.event-category{background:var(--history-bg-light);color:var(--history-text-light);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.event-category-birth .event-category{background:rgba(76,175,80,.1);color:var(--history-birth)}.event-category-death .event-category{background:rgba(156,39,176,.1);color:var(--history-death)}.event-category-war .event-category{background:rgba(244,67,54,.1);color:var(--history-war)}.event-category-national .event-category{background:rgba(33,150,243,.1);color:var(--history-national)}.event-category-historical .event-category{background:rgba(255,152,0,.1);color:var(--history-historical)}.event-title{color:var(--history-text);font-size:1.2rem;margin:0 0 15px;font-weight:700;line-height:1.4;-webkit-line-clamp:2}.event-description,.event-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.event-description{color:var(--history-text-light);line-height:1.6;margin-bottom:20px;font-size:14px;flex:1;-webkit-line-clamp:3}.event-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--history-border)}.event-location{font-weight:500}.event-location,.event-source{color:var(--history-primary);font-size:12px;display:flex;align-items:center;gap:5px}.event-source{text-decoration:none;font-weight:700;transition:all .3s ease;padding:8px 12px;border-radius:20px;background:var(--history-primary-light)}.event-source:hover{background:var(--history-primary);color:#fff;transform:translateY(-1px)}.history-pagination{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:10px;flex-wrap:wrap}.history-pagination button{background:var(--history-primary);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;gap:8px;cursor:pointer}.history-pagination button:hover:not(.disabled){background:var(--history-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(1,175,87,.3)}.history-pagination button.disabled{background:#ccc;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.pagination-numbers{display:flex;gap:5px;align-items:center}.pagination-number{background:var(--history-bg);color:var(--history-text);padding:10px 15px;border-radius:8px;font-weight:700;transition:all .3s ease;border:2px solid var(--history-border);min-width:45px;text-align:center;cursor:pointer}.pagination-number:hover{transform:translateY(-2px)}.pagination-number.current,.pagination-number:hover{background:var(--history-primary);color:#fff;border-color:var(--history-primary)}.pagination-number.current{cursor:default}.pagination-ellipsis{color:var(--history-text-light);padding:10px 5px;font-weight:700}.history-loading{text-align:center;padding:60px;color:var(--history-primary)}.loading-spinner{width:48px;height:48px;border:5px solid var(--history-primary-light);border-top-color:var(--history-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.history-loading p{font-size:18px;font-weight:500;margin:0}.history-no-events{text-align:center;padding:60px 20px;background:var(--history-bg-light);border-radius:15px;color:var(--history-text-light);margin:40px 0}.history-no-events .icon{font-size:64px;color:#ddd;margin-bottom:20px;display:block}.history-no-events p{font-size:18px;margin:0;font-weight:500}@media (max-width:1024px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media (max-width:768px){.history-container{padding:15px}.history-title{font-size:1.8rem;flex-direction:column;gap:10px}.history-header{padding:20px 15px}.date-picker-form,.filter-form{flex-direction:column;align-items:stretch}.date-picker-form select,.filter-btn,.history-search-btn,.reset-filter-btn{width:100%;margin-bottom:10px}.filter-group{min-width:auto}.filter-actions{flex-direction:column}.events-grid{grid-template-columns:1fr;gap:20px}.events-title{font-size:1.5rem}.event-footer{flex-direction:column;gap:10px;align-items:flex-start}.history-pagination{flex-direction:column;gap:15px}}@media (max-width:480px){.history-title{font-size:1.5rem}.history-date-picker,.history-filters{padding:15px}.event-title{font-size:1rem}.pagination-number{padding:8px 12px;min-width:40px}}