*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937;margin:0}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1180px;margin:0 auto;padding:24px}.card,.search-home.frontend-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.04);margin-bottom:18px}input,button,select,textarea{font-size:16px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;margin:6px 0 14px}input[type=color]{width:100%;height:46px;padding:4px;border:1px solid #d1d5db;border-radius:10px;margin:6px 0 14px;background:#fff}button,.btn{display:inline-block;background:#111827;color:#fff;padding:11px 16px;border-radius:10px;border:0;cursor:pointer;text-decoration:none;margin:3px 2px}.btn:hover{text-decoration:none}.btn-secondary{background:#4b5563}.btn-danger{background:#dc2626}.admin-nav{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;padding:12px;border-radius:14px}.admin-nav a{padding:8px 10px;border-radius:8px}.admin-nav a:hover{background:#f3f4f6;text-decoration:none}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-bottom:1px solid #e5e7eb;padding:11px;text-align:left;vertical-align:top}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stat-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.stat-box span{display:block;color:#6b7280;margin-bottom:8px}.stat-box strong{font-size:30px}.progress{width:100%;height:28px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:18px}.progress-bar{height:100%;background:#111827;color:#fff;text-align:center;line-height:28px;font-size:14px}.pagination{margin-top:24px;display:flex;gap:8px;flex-wrap:wrap}.pagination a{padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:8px}.admin-filter-form{display:grid;grid-template-columns:1fr 260px auto auto;gap:10px;align-items:end}.admin-filter-form label{display:none}









/* Frontend pro with layout variables */




.frontend-body{background:var(--frontend-bg);min-height:100vh}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.8)}.site-header-inner{max-width:var(--header-max-width);margin-left:auto;margin-right:auto;padding:var(--header-padding-y) var(--header-padding-x);display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:var(--header-text-align)}.site-header{display:flex;justify-content:var(--header-align)}.site-header-inner{width:100%}.site-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#111827}.site-brand img{height:38px;max-width:140px;object-fit:contain}.site-nav{display:flex;gap:8px;flex-wrap:wrap}.site-nav a{color:#374151;padding:8px 12px;border-radius:999px}.site-nav a:hover{background:#f3f4f6;text-decoration:none}.frontend-main{max-width:var(--layout-max-width);margin-left:auto;margin-right:auto;padding:var(--body-padding-top) var(--body-padding-x);display:flex;justify-content:var(--body-align);text-align:var(--body-text-align)}.hero-search{position:relative;min-height:540px;width:100%;display:flex;flex-direction:column;align-items:var(--body-align);justify-content:center}.hero-glow{position:absolute;width:460px;height:460px;background:color-mix(in srgb,var(--primary-color) 20%,transparent);filter:blur(70px);border-radius:999px;z-index:0}.hero-card{position:relative;z-index:1;width:min(var(--hero-max-width),100%);background:var(--frontend-card-bg);border:1px solid rgba(229,231,235,.9);border-radius:34px;padding:var(--hero-padding-y) var(--hero-padding-x);box-shadow:0 28px 80px rgba(15,23,42,.10);text-align:var(--body-text-align)}.frontend-logo{margin-bottom:18px}.frontend-logo img{max-height:92px;max-width:280px}.search-title{font-size:clamp(36px,6vw,72px);font-weight:900;letter-spacing:-.05em;margin-bottom:14px;color:#111827}.search-subtitle{font-size:18px;color:#6b7280;margin:0 auto 28px;max-width:620px;line-height:1.6}.search-box{display:flex;gap:10px}.search-box input{flex:1;margin:0;border-radius:999px;padding:16px 20px;border:1px solid #d1d5db}.search-box-large input{padding:20px 24px;font-size:18px}.search-box button{border-radius:999px;padding:14px 24px;background:var(--primary-color);color:var(--button-text-color)}.search-box-large button{padding:18px 30px}.suggest-wrap{position:relative;max-width:760px;margin:0 auto}.suggestions{display:none;position:absolute;left:0;right:0;top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.12);overflow:hidden;z-index:50;text-align:left}.suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6}.suggestion-item:hover{background:#f3f4f6}.popular-widget{position:relative;z-index:1;width:min(var(--hero-max-width),100%);margin:24px 0 0;background:rgba(255,255,255,.72);border:1px solid rgba(229,231,235,.9);border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(15,23,42,.06);text-align:var(--body-text-align)}.popular-widget h2{font-size:18px;margin:0 0 14px;color:#111827}.popular-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:var(--body-align)}.popular-tags a{background:#fff;border:1px solid #e5e7eb;color:#374151;padding:10px 14px;border-radius:999px}.popular-tags a:hover{border-color:var(--primary-color);text-decoration:none}.results-layout{width:min(var(--results-max-width),100%);margin-left:auto;margin-right:auto;text-align:left}.search-panel,.results-card{background:var(--frontend-card-bg);border:1px solid #e5e7eb;border-radius:24px;padding:22px;box-shadow:0 18px 60px rgba(15,23,42,.07);margin-bottom:18px}.results-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#6b7280;margin-bottom:12px}.result{padding:20px 0;border-bottom:1px solid #e5e7eb}.result-source{display:inline-block;background:#f3f4f6;color:#374151;font-size:12px;padding:5px 9px;border-radius:999px;margin-bottom:8px}.result-title{font-size:21px;margin-bottom:5px;font-weight:700}.result-url{color:#15803d;font-size:14px;margin-bottom:8px;word-break:break-all}.result-snippet{color:#374151;line-height:1.6}mark{background:#fff3a3;padding:1px 2px;border-radius:3px}.pagination a.active{background:var(--primary-color);color:var(--button-text-color)}.site-footer{margin-top:50px;background:#111827;color:#d1d5db;display:flex;justify-content:var(--footer-align);text-align:var(--footer-text-align)}.site-footer-wrap{width:100%}.site-footer-inner{max-width:var(--footer-max-width);margin-left:auto;margin-right:auto;padding:var(--footer-padding-y) var(--footer-padding-x);display:grid;grid-template-columns:2fr 1fr;gap:32px}.site-footer h3{color:#fff;margin-top:0}.site-footer p{line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#d1d5db}.site-footer-bottom{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:16px 24px;color:#9ca3af}









@media(max-width:900px){.admin-grid,.admin-grid-2,.admin-filter-form{grid-template-columns:1fr}.site-header-inner{align-items:flex-start;flex-direction:column}.hero-card{padding:30px 20px}.search-box{flex-direction:column}.site-footer-inner{grid-template-columns:1fr}.table{font-size:14px}}