*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fce4ec 0%,#f3e5f5 50%,#e1f5fe 100%);color:#4a148c;line-height:1.6;}
.container{max-width:1200px;margin:0 auto;padding:20px;}
header{background:linear-gradient(135deg,#ba68c8 0%,#9575cd 100%);color:#fff;padding:40px;border-radius:20px 20px 0 0;box-shadow:0 5px 20px rgba(156,39,176,.3);text-align:center;}
h1{font-size:36px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2);}
.tagline{font-size:16px;opacity:.9;margin-bottom:20px;}
nav{margin-top:25px;}
nav a{color:#fff;text-decoration:none;margin:0 15px;padding:8px 20px;border-radius:20px;background:rgba(255,255,255,.2);transition:all .3s;display:inline-block;}
nav a:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);}
.search-box{background:#fff;padding:30px;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.1);margin:30px 0;}
.search-box form{display:flex;gap:10px;}
.search-box input{flex:1;padding:14px 20px;border:2px solid #e1bee7;border-radius:12px;font-size:15px;}
.search-box input:focus{outline:none;border-color:#ba68c8;box-shadow:0 0 0 3px rgba(186,104,200,.1);}
.search-box button{padding:14px 30px;background:linear-gradient(135deg,#ba68c8 0%,#9575cd 100%);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s;}
.search-box button:hover{transform:translateY(-2px);}
.stats{text-align:center;color:#7e57c2;font-size:14px;margin:20px 0;font-weight:600;}
.categories{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;justify-content:center;}
.cat-btn{padding:10px 20px;background:#fff;border:2px solid #e1bee7;border-radius:20px;color:#7e57c2;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s;}
.cat-btn:hover,.cat-btn.active{background:linear-gradient(135deg,#ba68c8 0%,#9575cd 100%);color:#fff;border-color:transparent;transform:translateY(-2px);}
.alphabet{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;justify-content:center;}
.letter-btn{width:40px;height:40px;background:#fff;border:2px solid #e1bee7;border-radius:10px;color:#7e57c2;text-decoration:none;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.letter-btn:hover,.letter-btn.active{background:linear-gradient(135deg,#ba68c8 0%,#9575cd 100%);color:#fff;border-color:transparent;}
.entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin:30px 0;}
.entry-card{background:#fff;padding:25px;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:all .3s;position:relative;border:2px solid transparent;}
.entry-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15);border-color:#e1bee7;}
.entry-card.featured{border:2px solid #ffd54f;background:linear-gradient(to bottom,#fff9e6 0%,#fff 100%);}
.featured-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#ffd54f 0%,#ffb74d 100%);color:#f57f17;padding:5px 12px;border-radius:15px;font-size:12px;font-weight:700;box-shadow:0 2px 10px rgba(255,193,7,.3);}
.entry-card h3{color:#6a1b9a;margin-bottom:10px;font-size:20px;}
.entry-meta{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:15px;font-size:13px;}
.entry-meta span{background:#f3e5f5;color:#7e57c2;padding:5px 12px;border-radius:12px;font-weight:600;}
.category{background:#e1f5fe!important;color:#0277bd!important;}
.rating{background:#fff3e0!important;color:#f57c00!important;}
.views{background:#e8f5e9!important;color:#2e7d32!important;}
.description{color:#666;margin-bottom:15px;font-size:14px;line-height:1.5;}
.contact-info{background:#fafafa;padding:15px;border-radius:12px;margin:15px 0;}
.info-item{margin:5px 0;font-size:14px;color:#555;}
.info-item a{color:#7e57c2;text-decoration:none;font-weight:600;}
.info-item a:hover{text-decoration:underline;}
.btn-details{display:inline-block;margin-top:10px;padding:10px 20px;background:linear-gradient(135deg,#ba68c8 0%,#9575cd 100%);color:#fff;text-decoration:none;border-radius:12px;font-size:14px;font-weight:600;transition:all .3s;}
.btn-details:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(156,39,176,.3);}
.empty{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;color:#999;font-size:16px;box-shadow:0 5px 20px rgba(0,0,0,.08);}
footer{text-align:center;padding:40px 20px;color:#9575cd;margin-top:40px;}
footer a{color:#7e57c2;text-decoration:none;font-weight:600;}
footer a:hover{text-decoration:underline;}
.form-group{margin-bottom:20px;}
.form-group label{display:block;color:#6a1b9a;font-weight:600;margin-bottom:8px;font-size:14px;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:2px solid #e1bee7;border-radius:12px;font-size:14px;font-family:inherit;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ba68c8;box-shadow:0 0 0 3px rgba(186,104,200,.1);}
.form-group textarea{min-height:120px;resize:vertical;}
.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,#ba68c8 0%,#9575cd 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(156,39,176,.3);}
.success{background:#e8f5e9;color:#2e7d32;padding:15px;border-radius:12px;margin-bottom:20px;border-left:4px solid #2e7d32;}
.error{background:#ffebee;color:#c62828;padding:15px;border-radius:12px;margin-bottom:20px;border-left:4px solid #c62828;}
.box{background:#fff;padding:30px;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.08);margin:30px 0;}
table{width:100%;border-collapse:collapse;}
table th{background:linear-gradient(135deg,#ba68c8 0%,#9575cd 100%);color:#fff;padding:12px;text-align:left;font-size:14px;}
table td{padding:12px;border-bottom:1px solid #f3e5f5;}
table tr:hover{background:#fafafa;}
.badge-on{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:600;}
.badge-off{background:#ffebee;color:#c62828;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:600;}
.btn-small{padding:6px 12px;background:#9575cd;color:#fff;border:none;border-radius:8px;font-size:12px;cursor:pointer;margin:0 3px;}
.btn-small:hover{background:#7e57c2;}
.btn-del{padding:6px 12px;background:#e57373;color:#fff;border:none;border-radius:8px;font-size:12px;cursor:pointer;}
.btn-del:hover{background:#ef5350;}
@media(max-width:768px){
.entries{grid-template-columns:1fr;}
h1{font-size:28px;}
.search-box form{flex-direction:column;}
.search-box button{width:100%;}
.categories,.alphabet{justify-content:flex-start;}
}