*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,sans-serif;background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 100%);min-height:100vh;color:#1e293b;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:20px}
header{background:linear-gradient(135deg,#a78bfa,#8b5cf6);padding:35px;border-radius:12px;margin-bottom:30px;box-shadow:0 8px 32px rgba(0,0,0,.2);text-align:center}
header h1{color:#fff;font-size:3em;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}
.tagline{color:#f5f3ff;font-size:1.1em;margin-bottom:15px;font-weight:500}
nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;padding:10px 20px;background:rgba(255,255,255,.15);border-radius:6px;transition:all .3s;backdrop-filter:blur(10px);font-weight:600}
nav a:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}
.stats-banner{display:flex;gap:20px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}
.stat-item{background:#fff;padding:20px 40px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);text-align:center}
.stat-num{display:block;font-size:2.2em;font-weight:700;color:#7c3aed;margin-bottom:5px}
.featured-section{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 8px 32px rgba(124,58,237,.2);border-top:4px solid #7c3aed}
.featured-section h2{color:#7c3aed;margin-bottom:20px;font-size:1.8em}
.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.featured-coupon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:25px;border-radius:12px;text-align:center;position:relative;border:2px solid #c4b5fd}
.featured-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:700;display:inline-block;margin-bottom:15px}
.featured-coupon h3{color:#5b21b6;margin-bottom:10px;font-size:1.3em}
.discount-big{font-size:2em;font-weight:900;color:#7c3aed;margin-bottom:10px}
.btn-get{display:inline-block;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:10px 25px;border-radius:6px;text-decoration:none;font-weight:700;margin-top:10px;transition:all .3s}
.btn-get:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.4)}
.search-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.search-form{display:flex;gap:10px}
.search-form input{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1em}
.search-form input:focus{outline:none;border-color:#7c3aed}
.search-form button{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer}
.categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px}
.cat-btn{background:#f5f3ff;color:#5b21b6;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:.9em;transition:all .3s;border:2px solid transparent;font-weight:600}
.cat-btn:hover,.cat-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-color:#7c3aed}
.coupons-list{display:grid;gap:25px;margin-bottom:30px}
.coupon-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s;border-left:4px solid #7c3aed}
.coupon-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(124,58,237,.3)}
.coupon-header{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #f5f3ff}
.shop-logo{width:80px;height:80px;object-fit:contain;border-radius:8px;background:#f5f3ff;display:flex;align-items:center;justify-content:center}
.no-logo{font-size:2.5em;color:#c4b5fd}
.coupon-info{flex:1}
.coupon-info h3{color:#5b21b6;font-size:1.4em;margin-bottom:5px}
.coupon-category{color:#7c3aed;font-size:.85em;font-weight:600}
.discount-badge{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:12px 20px;border-radius:8px;font-weight:900;font-size:1.2em;box-shadow:0 4px 15px rgba(124,58,237,.3)}
.coupon-body{padding:20px}
.coupon-body h4{color:#1e293b;margin-bottom:10px;font-size:1.2em}
.coupon-body p{color:#64748b;margin-bottom:15px}
.coupon-meta{display:flex;gap:15px;font-size:.85em;color:#64748b;flex-wrap:wrap}
.coupon-footer{padding:20px;background:#f5f3ff;text-align:center}
.btn-show{display:inline-block;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1em;transition:all .3s;box-shadow:0 4px 15px rgba(124,58,237,.3)}
.btn-show:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.4)}
.discount-huge{font-size:4em;font-weight:900;color:#7c3aed;margin-bottom:20px;text-shadow:2px 2px 4px rgba(124,58,237,.2)}
.code-section{margin:30px 0}
.coupon-details{background:#f5f3ff;padding:20px;border-radius:8px;margin:30px 0}
.detail-row{padding:10px 0;border-bottom:1px solid #ede9fe;display:flex;justify-content:space-between}
.detail-row:last-child{border-bottom:none}
.btn-shop{display:inline-block;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:15px 40px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.2em;margin-top:20px;transition:all .3s}
.btn-shop:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(34,197,94,.4)}
.steps-list{background:#f5f3ff;padding:25px 25px 25px 50px;border-radius:8px;margin-top:20px}
.steps-list li{margin-bottom:15px;color:#1e293b;font-weight:500}
.box{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.box h2,.box h3{color:#5b21b6;margin-bottom:20px;font-size:1.8em}
.note{background:#f5f3ff;border-left:4px solid #7c3aed;padding:15px;margin-bottom:20px;color:#5b21b6;font-weight:500}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;color:#5b21b6;font-weight:600}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
input[type="text"],input[type="url"],input[type="date"],input[type="file"],input[type="password"],textarea,select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1em;transition:all .3s}
input:focus,textarea:focus,select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}
textarea{resize:vertical;font-family:inherit}
button,.btn-small,.btn-del{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(124,58,237,.3)}
button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.4)}
.btn-small{padding:6px 12px;font-size:.9em;margin-right:5px}
.btn-del{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 15px rgba(220,38,38,.3)}
.inline-form{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.inline-form input{flex:1;min-width:150px}
.cat-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.cat-pill{background:#f5f3ff;padding:6px 12px;border-radius:20px;font-size:.9em;border:2px solid #c4b5fd;font-weight:600}
.error{background:#fef2f2;border:2px solid #fca5a5;color:#991b1b;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}
.success{background:#f0fdf4;border:2px solid #86efac;color:#166534;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}
.alert-box{background:#fef3c7;border:2px solid #fbbf24;color:#78350f;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}
.empty{text-align:center;padding:60px 20px;color:#64748b;font-size:1.2em;background:#fff;border-radius:12px}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}
.stat-card{background:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.1);border-top:4px solid #7c3aed}
.stat-big{font-size:3em;font-weight:900;color:#7c3aed;margin-bottom:10px}
table{width:100%;border-collapse:collapse;margin-top:20px}
table th{background:#f5f3ff;color:#5b21b6;padding:15px;text-align:left;font-weight:600;border-bottom:2px solid #c4b5fd}
table td{padding:15px;border-bottom:1px solid #f5f3ff}
table tr:hover{background:#faf8ff}
table code{background:#f5f3ff;padding:4px 8px;border-radius:4px;color:#7c3aed;font-weight:600}
.badge-on,.badge-pending,.badge-featured{padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600}
.badge-on{background:#dcfce7;color:#166534}
.badge-pending{background:#fef3c7;color:#78350f}
.badge-featured{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}
footer{text-align:center;padding:30px;color:#f5f3ff;margin-top:50px;font-weight:500}
@media(max-width:768px){
header h1{font-size:2em}
.form-row{grid-template-columns:1fr}
.search-form{flex-direction:column}
.stats-banner{flex-direction:column}
.coupon-header{flex-direction:column;text-align:center}
.featured-grid{grid-template-columns:1fr}
}