/* UstaBulduk.com - Complete Stylesheet */
:root {
    --primary:#1e40af;--primary-light:#3b82f6;--primary-dark:#1e3a8a;
    --primary-50:#eff6ff;--primary-100:#dbeafe;
    --secondary:#f97316;--secondary-light:#fb923c;
    --success:#16a34a;--warning:#eab308;--danger:#dc2626;--info:#0891b2;
    --dark:#0f172a;--dark-700:#1e293b;--dark-600:#334155;
    --gray-500:#64748b;--gray-400:#94a3b8;--gray-300:#cbd5e1;
    --gray-200:#e2e8f0;--gray-100:#f1f5f9;--gray-50:#f8fafc;--white:#fff;
    --font-primary:'Plus Jakarta Sans',-apple-system,sans-serif;
    --font-display:'Space Grotesk',sans-serif;
    --shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 3px rgba(0,0,0,.1);
    --shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);
    --shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);
    --radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;
    --transition:all .3s cubic-bezier(.4,0,.2,1);--transition-fast:all .15s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--font-primary);color:var(--dark);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}
a:hover{color:var(--primary-dark)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--dark)}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}

/* Top Bar */
.top-bar{background:var(--dark);color:var(--gray-300);font-size:.8125rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center}
.top-bar-left{display:flex;gap:20px}
.top-bar-left a{color:var(--gray-300);font-size:.8125rem}
.top-bar-left a:hover{color:var(--white)}
.top-bar-left i{margin-right:5px;color:var(--primary-light)}
.top-bar-right{display:flex;align-items:center;gap:16px}
.top-bar-right a{color:var(--gray-400);font-size:.8125rem}
.top-bar-right a:hover{color:var(--white)}
.top-bar-social{display:flex;gap:10px}
.top-bar-social a{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:rgba(255,255,255,.08);color:var(--gray-400);font-size:.75rem}
.top-bar-social a:hover{background:var(--primary);color:var(--white)}

/* Header */
.main-header{background:var(--white);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow);transition:var(--transition)}
.main-header.scrolled{box-shadow:var(--shadow-lg)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:30px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.25rem;box-shadow:0 4px 12px rgba(30,64,175,.3)}
.logo-brand{font-family:var(--font-display);font-size:1.5rem;color:var(--dark);display:block;line-height:1.1}
.logo-brand strong{color:var(--primary)}
.logo-tagline{font-size:.6875rem;color:var(--gray-500);display:block;letter-spacing:.02em}
.main-nav{flex-grow:1}
.nav-list{display:flex;align-items:center;justify-content:center;gap:4px}
.nav-list>li>a{display:flex;align-items:center;gap:5px;padding:8px 16px;font-size:.9375rem;font-weight:500;color:var(--dark-600);border-radius:var(--radius);transition:var(--transition-fast)}
.nav-list>li>a:hover,.nav-list>li>a.active{color:var(--primary);background:var(--primary-50)}
.nav-list>li>a i{font-size:.625rem;transition:var(--transition-fast)}
.has-dropdown{position:relative}
.has-dropdown:hover>a i{transform:rotate(180deg)}
.mega-dropdown{position:absolute;top:100%;left:0;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:24px;opacity:0;visibility:hidden;transition:var(--transition);min-width:600px;max-width:calc(100vw - 40px);border:1px solid var(--gray-200);z-index:1001}
.has-dropdown:hover .mega-dropdown{opacity:1;visibility:visible}
.mega-dropdown-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mega-parent{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);text-decoration:none;color:var(--dark-700);font-weight:600;font-size:.875rem;transition:var(--transition-fast);white-space:nowrap}
.mega-parent:hover{background:var(--primary-50);color:var(--primary-600)}
.mega-parent i{font-size:.95rem;line-height:1}.mega-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mega-parent:hover .mega-icon{transform:scale(1.08);filter:brightness(1.1)}
.mega-count{font-size:.7rem;font-weight:400;color:var(--gray-500);margin-left:auto}

/* Header Actions */
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.header-notification{position:relative}
.notification-btn{background:none;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--dark-600);font-size:1.125rem;transition:var(--transition-fast);position:relative}
.notification-btn:hover{background:var(--gray-100);color:var(--primary)}
.notification-badge{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--danger);color:var(--white);font-size:.625rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--white)}
.notification-dropdown{position:absolute;top:50px;right:0;width:380px;background:var(--white);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);border:none;display:none;z-index:100;overflow:hidden;animation:notifSlideIn .2s ease}
@keyframes notifSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.notification-dropdown.show{display:block}
.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border:none}
.notif-header h4{font-size:.9375rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px}
.notif-header h4::before{content:'\f0f3';font-family:'Font Awesome 5 Free';font-weight:900;font-size:.7rem}
.notif-header a{font-size:.75rem;font-weight:500;color:rgba(255,255,255,.85);text-decoration:none;padding:4px 10px;border-radius:6px;transition:all .15s;background:rgba(255,255,255,.15);display:flex;align-items:center;gap:4px}
.notif-header a:hover{background:rgba(255,255,255,.25);color:#fff}
.notif-list{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}
.notif-list::-webkit-scrollbar{width:4px}
.notif-list::-webkit-scrollbar-track{background:transparent}
.notif-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}
.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}
.notif-empty-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;margin-bottom:14px;animation:notifPulse 2s ease-in-out infinite}
.notif-empty-icon i{font-size:1.5rem;color:#93c5fd}
@keyframes notifPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}
.notif-empty-title{font-size:.9375rem;font-weight:600;color:var(--gray-600);margin-bottom:4px}
.notif-empty-desc{font-size:.8125rem;color:var(--gray-400)}
.notif-item{transition:background .15s}
.notif-item:hover{background:#f0f7ff !important}
.user-menu-wrapper{position:relative}
.user-menu-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--gray-200);padding:6px 12px 6px 6px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}
.user-menu-btn:hover{border-color:var(--primary-light);background:var(--primary-50)}
.user-avatar-sm{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}
.user-name-sm{font-size:.875rem;font-weight:500;color:var(--dark)}
.user-dropdown{position:absolute;top:52px;right:0;width:280px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);display:none;z-index:100;overflow:hidden}
.user-dropdown.show{display:block}
.user-dropdown-header{display:flex;gap:12px;align-items:center;padding:16px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}
.user-dropdown-header img{width:44px;height:44px;border-radius:var(--radius-full)}
.user-dropdown-header strong{display:block;font-size:.9375rem}
.user-dropdown-header small{color:var(--gray-500);font-size:.8125rem}
.user-dropdown-body{padding:8px}
.user-dropdown-body a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--dark-600);font-size:.9375rem}
.user-dropdown-body a:hover{background:var(--primary-50);color:var(--primary)}
.user-dropdown-body a i{width:18px;text-align:center;color:var(--gray-400)}
.user-dropdown-body a:hover i{color:var(--primary)}
.user-dropdown-footer{padding:8px;border-top:1px solid var(--gray-200)}
.logout-link{color:var(--danger)!important}
.logout-link:hover{background:#fef2f2!important}
.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--dark);border-radius:2px;transition:var(--transition)}
.mobile-auth-buttons{display:none}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-primary);font-size:.9375rem;font-weight:600;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;transition:var(--transition);text-decoration:none;line-height:1.4;white-space:nowrap}
.btn-sm{padding:8px 16px;font-size:.8125rem}
.btn-lg{padding:16px 32px;font-size:1.0625rem}
.btn-block{width:100%}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);box-shadow:0 4px 14px rgba(30,64,175,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,64,175,.45);color:var(--white)}
.btn-secondary{background:linear-gradient(135deg,var(--secondary),var(--secondary-light));color:var(--white)}
.btn-secondary:hover{transform:translateY(-2px);color:var(--white)}
.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}
.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}
.btn-white{background:var(--white);color:var(--primary);box-shadow:var(--shadow-md)}
.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--primary)}
.btn-light{background:rgba(255,255,255,.15);color:var(--white);border-color:rgba(255,255,255,.3);backdrop-filter:blur(4px)}
.btn-light:hover{background:var(--white);color:var(--primary)}

/* Alert */
.alert{padding:14px 0;font-size:.9375rem;font-weight:500}
.alert .container{display:flex;align-items:center;gap:10px}
.alert-success{background:#ecfdf5;color:#065f46}
.alert-error{background:#fef2f2;color:#991b1b}
.alert-warning{background:#fffbeb;color:#92400e}
.alert-info{background:#eff6ff;color:#1e40af}
.alert-close{margin-left:auto;background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.6}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes countUp{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes particleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}

/* Hero */
.hero{position:relative;padding:100px 0 80px;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#1e40af 100%);color:var(--white)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(249,115,22,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(30,64,175,.2) 0%,transparent 50%)}
.hero-particles{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(2px 2px at 30% 60%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(2px 2px at 60% 30%,rgba(255,255,255,.12) 0%,transparent 100%),radial-gradient(2px 2px at 80% 70%,rgba(255,255,255,.08) 0%,transparent 100%);animation:particleFloat 20s ease-in-out infinite}
.hero .container{position:relative;z-index:1}
.hero-content{text-align:center;max-width:800px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:rgba(255,255,255,.9);backdrop-filter:blur(8px);margin-bottom:24px;animation:fadeInUp .6s ease}
.hero-title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.1;margin-bottom:20px;color:var(--white);animation:fadeInUp .6s ease .1s both}
.text-gradient{background:linear-gradient(135deg,#60a5fa,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{font-size:1.125rem;color:rgba(255,255,255,.75);max-width:600px;margin:0 auto 40px;line-height:1.7;animation:fadeInUp .6s ease .2s both}

/* Hero Search */
.hero-search{max-width:700px;margin:0 auto 24px;animation:fadeInUp .6s ease .3s both}
.search-form{display:flex;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.search-field{display:flex;align-items:center;gap:10px;padding:16px 20px;flex:1;border-right:1px solid var(--gray-200)}
.search-field i{color:var(--primary-light);font-size:1.125rem;flex-shrink:0}
.search-field select{border:none;background:transparent;font-family:var(--font-primary);font-size:.9375rem;color:var(--dark);outline:none;width:100%;cursor:pointer;appearance:none}
.search-btn{padding:16px 32px;background:linear-gradient(135deg,var(--secondary),var(--secondary-light));color:var(--white);border:none;font-family:var(--font-primary);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition);white-space:nowrap}
.search-btn:hover{filter:brightness(1.1)}
.hero-popular{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.5);font-size:.875rem;animation:fadeInUp .6s ease .4s both}
.hero-popular a{color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);padding:4px 14px;border-radius:var(--radius-full);font-size:.8125rem;border:1px solid rgba(255,255,255,.1);transition:var(--transition-fast)}
.hero-popular a:hover{background:rgba(255,255,255,.15);color:var(--white)}

/* Hero Stats */
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}
.hero-stat{text-align:center;animation:fadeInUp .6s ease .5s both}
.stat-number{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--white);line-height:1}
.stat-label{font-size:.875rem;color:rgba(255,255,255,.6);margin-top:4px}

/* Section */
.section{padding:80px 0}
.section-header{text-align:center;margin-bottom:48px}
.section-badge{display:inline-block;padding:6px 16px;background:var(--primary-50);color:var(--primary);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;margin-bottom:12px;letter-spacing:.03em;text-transform:uppercase}
.section-title{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:12px;color:var(--dark)}
.section-subtitle{font-size:1.0625rem;color:var(--gray-500);max-width:600px;margin:0 auto}
.section-cta{text-align:center;margin-top:40px}

/* Categories Grid */
.categories-section{background:var(--gray-50)}
.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.category-card{display:flex;flex-direction:column;align-items:center;padding:28px 16px;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);text-align:center;text-decoration:none;color:var(--dark);position:relative;overflow:hidden}
.category-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color,var(--primary));opacity:0;transition:var(--transition)}
.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;color:var(--dark)}
.category-card:hover::before{opacity:1}
.category-icon{width:68px;height:68px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--card-color) 10%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:1.25rem;color:var(--card-color);transition:var(--transition)}
.category-card:hover .category-icon{background:var(--card-color);color:var(--white);transform:scale(1.1)}
.category-name{font-size:.9375rem;font-weight:600;margin-bottom:4px}
.category-count{font-size:.8125rem;color:var(--gray-500)}
.category-arrow{width:28px;height:28px;border-radius:var(--radius-full);background:var(--gray-100);display:flex;align-items:center;justify-content:center;margin-top:12px;font-size:.75rem;color:var(--gray-400);transition:var(--transition)}
.category-card:hover .category-arrow{background:var(--card-color);color:var(--white);transform:translateX(4px)}

/* How It Works */
.how-it-works-section{background:var(--white)}
.steps-grid{display:flex;align-items:center;justify-content:center;gap:0;max-width:1000px;margin:0 auto}
.step-card{text-align:center;padding:32px 24px;position:relative;flex:1}
.step-number{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--primary-100);line-height:1;margin-bottom:16px}
.step-icon{width:80px;height:80px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.75rem;color:var(--white);box-shadow:0 8px 30px rgba(30,64,175,.3);transition:var(--transition)}
.step-card:hover .step-icon{transform:scale(1.1);box-shadow:0 12px 40px rgba(30,64,175,.4)}
.step-card h3{font-size:1.25rem;margin-bottom:8px}
.step-card p{color:var(--gray-500);font-size:.9375rem;line-height:1.6}
.step-connector{width:80px;color:var(--gray-300);flex-shrink:0}
.steps-cta{text-align:center;margin-top:40px}

/* Usta Cards */
.featured-ustas-section{background:var(--gray-50)}
.ustas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.usta-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden;transition:var(--transition);position:relative}
.usta-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}
.usta-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;z-index:2}
.usta-badge.verified{background:#ecfdf5;color:#059669}
.usta-badge.featured{background:#fffbeb;color:#d97706;top:12px;right:auto;left:12px}
.usta-card-header{display:flex;gap:14px;align-items:center;padding:20px 20px 12px}
.usta-avatar{width:60px;height:60px;border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--gray-200);flex-shrink:0}
.usta-name{font-size:1.0625rem;margin-bottom:2px}
.usta-name a{color:var(--dark);text-decoration:none}
.usta-name a:hover{color:var(--primary)}
.usta-title{font-size:.8125rem;color:var(--gray-500)}
.usta-card-body{padding:0 20px 16px}
.usta-meta{display:flex;gap:16px;font-size:.8125rem;color:var(--gray-500);margin-bottom:10px}
.usta-meta i{color:var(--primary-light);margin-right:4px}
.usta-categories-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tag{display:inline-block;padding:3px 10px;background:var(--primary-50);color:var(--primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}
.usta-card-cats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;padding:0}
.usta-card-cats span{background:var(--primary-50);color:var(--primary);padding:3px 10px;border-radius:9999px;font-size:.7rem;font-weight:500}
.usta-card-cats span.more{background:var(--gray-50);color:var(--gray-400)}
.usta-rating{display:flex;align-items:center;gap:6px}
.star-rating{display:inline-flex;align-items:center;gap:1px}
.star-rating .text-yellow-400{color:#f59e0b}
.star-rating .text-gray-300{color:var(--gray-300)}
.review-count{font-size:.8125rem;color:var(--gray-500)}
.usta-card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--gray-100)}
.usta-stats-mini{display:flex;gap:12px;font-size:.8125rem;color:var(--gray-500)}
.usta-stats-mini i{color:var(--primary);margin-right:3px}
.w-full{width:100%}

/* AI Promo */
.ai-promo-section{background:var(--white);padding:80px 0}
.ai-promo-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:60px;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:var(--radius-xl);color:var(--white);overflow:hidden;position:relative}
.ai-promo-card::before{content:'';position:absolute;top:-50%;right:-30%;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.2),transparent 70%);border-radius:50%}
.ai-promo-content{position:relative;z-index:1}
.ai-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}
.ai-promo-content h2{font-size:2rem;margin-bottom:16px;color:var(--white)}
.ai-promo-content p{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.7;margin-bottom:24px}
.ai-features{display:grid;gap:10px;margin-bottom:32px}
.ai-features li{display:flex;align-items:center;gap:10px;font-size:.9375rem;color:rgba(255,255,255,.85)}
.ai-features i{color:#34d399;font-size:.875rem}
.ai-promo-visual{position:relative;z-index:1;display:flex;justify-content:center}
.ai-phone-mockup{width:280px;background:#1e293b;border-radius:32px;padding:20px 16px;box-shadow:0 25px 60px rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.1)}
.phone-screen{display:flex;flex-direction:column;gap:12px}
.ai-chat-bubble{padding:12px 16px;border-radius:16px;font-size:.8125rem;line-height:1.5;max-width:90%;animation:fadeInUp .5s ease both}
.ai-chat-bubble i{margin-right:6px;color:#60a5fa}
.ai-bubble{background:rgba(59,130,246,.15);color:rgba(255,255,255,.9);border-bottom-left-radius:4px;align-self:flex-start}
.user-bubble{background:rgba(249,115,22,.15);color:rgba(255,255,255,.85);border-bottom-right-radius:4px;align-self:flex-end}

/* Recent Requests */
.requests-section{background:var(--white)}
.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
.request-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;transition:var(--transition)}
.request-card:hover{box-shadow:var(--shadow-md);border-color:transparent}
.request-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.request-category{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;color:var(--primary)}
.request-urgency{padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}
.urgency-normal{background:#f0fdf4;color:#15803d}
.urgency-urgent{background:#fffbeb;color:#b45309}
.urgency-emergency{background:#fef2f2;color:#dc2626}
.request-title{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--dark)}
.request-desc{font-size:.875rem;color:var(--gray-500);margin-bottom:12px;line-height:1.5}
.request-meta{display:flex;gap:16px;font-size:.8125rem;color:var(--gray-400)}
.request-meta i{margin-right:4px}

/* Pricing */
.pricing-section{background:var(--gray-50)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto}
.pricing-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:32px 24px;text-align:center;transition:var(--transition);position:relative}
.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pricing-card.popular{border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 0 1px var(--primary);transform:scale(1.03)}
.pricing-card.popular:hover{transform:scale(1.03) translateY(-4px)}
.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 16px;background:var(--primary);color:var(--white);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}
.pricing-header{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--gray-200)}
.pricing-header h3{font-size:1.25rem;margin-bottom:8px}
.pricing-price{margin-bottom:8px}
.price-amount{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--dark)}
.price-period{font-size:.9375rem;color:var(--gray-500)}
.pricing-header p{font-size:.875rem;color:var(--gray-500)}
.pricing-features{margin-bottom:24px}
.pricing-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.9375rem;color:var(--dark-600)}
.pricing-features li i{width:16px;text-align:center}
.pricing-features li .fa-check{color:var(--success)}
.pricing-features li .fa-times{color:var(--gray-300)}
.pricing-features li.disabled{color:var(--gray-400)}
.pricing-note{text-align:center;margin-top:32px;font-size:.9375rem;color:var(--gray-500)}
.pricing-note i{color:var(--info);margin-right:4px}

/* Cities */
.cities-section{background:var(--white)}
.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.city-card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--gray-50);border-radius:var(--radius);border:1px solid transparent;transition:var(--transition);text-decoration:none;color:var(--dark)}
.city-card:hover{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary)}
.city-card i{color:var(--primary-light);font-size:.875rem}
.city-name{font-weight:500;font-size:.9375rem;flex:1}
.city-count{font-size:.75rem;color:var(--gray-400)}

/* Testimonials */
.testimonials-section{background:var(--gray-50)}
.testimonials-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-card{background:var(--white);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--gray-200)}
.testimonial-stars{color:#f59e0b;margin-bottom:12px;font-size:1rem}
.testimonial-text{font-size:.9375rem;color:var(--dark-600);line-height:1.7;margin-bottom:16px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:12px}
.testimonial-author img{width:44px;height:44px;border-radius:var(--radius-full)}
.testimonial-author strong{display:block;font-size:.9375rem}
.testimonial-author span{font-size:.8125rem;color:var(--gray-500)}

/* CTA Section */
.cta-section{padding:80px 0;background:var(--white)}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cta-card{padding:48px;border-radius:var(--radius-xl);text-align:center;color:var(--white)}
.cta-customer{background:linear-gradient(135deg,var(--primary),var(--primary-light))}
.cta-usta{background:linear-gradient(135deg,var(--secondary-dark),var(--secondary))}
.cta-icon{width:64px;height:64px;border-radius:var(--radius-full);background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem}
.cta-card h3{font-size:1.5rem;margin-bottom:12px;color:var(--white)}
.cta-card p{color:rgba(255,255,255,.8);margin-bottom:24px;font-size:1rem}

/* Footer */
.main-footer{background:var(--dark);color:var(--gray-300)}
.footer-top{padding:60px 0 40px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr;gap:28px}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.footer-logo .logo-icon{width:40px;height:40px;font-size:1.125rem}
.footer-logo .logo-brand{color:var(--white);font-size:1.375rem}
.footer-col p{font-size:.9375rem;line-height:1.7;margin-bottom:20px;color:var(--gray-400)}
.footer-social{display:flex;gap:10px}
.footer-social a{width:36px;height:36px;border-radius:var(--radius);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:var(--transition-fast)}
.footer-social a:hover{background:var(--primary);color:var(--white)}
.footer-col h4{color:var(--white);font-size:1.0625rem;margin-bottom:20px;position:relative;padding-bottom:12px}
.footer-col h4::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primary)}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{color:var(--gray-400);font-size:.9375rem}
.footer-col ul li a:hover{color:var(--white);padding-left:4px}
.footer-contact-item{display:flex;gap:12px;margin-bottom:16px}
.footer-contact-item i{width:36px;height:36px;background:rgba(255,255,255,.06);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary-light);flex-shrink:0;font-size:.875rem}
.footer-contact-item strong{display:block;color:var(--white);font-size:.875rem;margin-bottom:2px}
.footer-contact-item a,.footer-contact-item span{color:var(--gray-400);font-size:.875rem}
.footer-app-badges{margin-top:20px}
.badge-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:8px}
.app-badges{display:flex;gap:8px}
.app-badges img{height:112px;width:auto;opacity:.5;filter:grayscale(100%)}
.footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.06)}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{font-size:.875rem;color:var(--gray-500)}
.footer-bottom-links{display:flex;gap:20px}
.footer-bottom-links a{color:var(--gray-500);font-size:.875rem}
.footer-bottom-links a:hover{color:var(--white)}

/* Back to Top */
.back-to-top{position:fixed;bottom:90px;right:20px;width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary);color:var(--white);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;visibility:hidden;transform:translateY(20px);transition:var(--transition);z-index:900}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--primary-dark);transform:translateY(-4px)}

/* WhatsApp */
.whatsapp-widget{position:fixed;bottom:75px;right:20px;width:56px;height:56px;border-radius:var(--radius-full);background:#25d366;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:0 4px 16px rgba(37,211,102,.4);z-index:900;transition:var(--transition)}
.whatsapp-widget:hover{transform:scale(1.1);color:var(--white);box-shadow:0 6px 24px rgba(37,211,102,.5)}

/* Pagination */
.pagination-wrapper{display:flex;justify-content:center;margin-top:40px}
.pagination{display:flex;gap:6px;align-items:center}
.page-link,.page-prev,.page-next{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--gray-200);color:var(--dark-600);font-size:.9375rem;font-weight:500;transition:var(--transition-fast)}
.page-link:hover,.page-prev:hover,.page-next:hover{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}
.page-link.active{background:var(--primary);color:var(--white);border-color:var(--primary)}
.page-dots{color:var(--gray-400);padding:0 4px}

/* Forms */
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:.9375rem;font-weight:500;color:var(--dark);margin-bottom:6px}
.form-control{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius);font-family:var(--font-primary);font-size:.9375rem;color:var(--dark);transition:var(--transition-fast);background:var(--white)}
.form-control:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(59,130,246,.15)}
textarea.form-control{resize:vertical;min-height:100px}
select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
.form-error{color:var(--danger);font-size:.8125rem;margin-top:4px}
.form-hint{color:var(--gray-500);font-size:.8125rem;margin-top:4px}

/* Auth Pages */
.auth-page{min-height:50vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50);padding:40px 20px}
.auth-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;padding:40px;border:1px solid var(--gray-200)}
.auth-header{text-align:center;margin-bottom:32px}
.auth-header h1{font-size:1.75rem;margin-bottom:8px}
.auth-header p{color:var(--gray-500);font-size:.9375rem}
.auth-divider{text-align:center;margin:24px 0;position:relative}
.auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--gray-200)}
.auth-divider span{background:var(--white);padding:0 16px;color:var(--gray-500);font-size:.875rem;position:relative}
.auth-footer{text-align:center;margin-top:24px;font-size:.9375rem;color:var(--gray-500)}

/* Responsive */
/* ========== RESPONSIVE ========== */

/* Tablet */
@media(max-width:1024px){
    .pricing-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
    .ai-promo-card{grid-template-columns:1fr;padding:40px}
    .ai-promo-visual{display:none}
    .testimonials-slider{grid-template-columns:repeat(2,1fr)}
}

/* Mobile */
@media(max-width:768px){
    /* Header */
    .top-bar{display:none}
    .mobile-menu-btn{display:flex}
    .main-nav{position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--white);z-index:999;transform:translateX(-100%);transition:var(--transition);overflow-y:auto;padding:20px}
    .main-nav.active{transform:translateX(0)}
    .nav-list{flex-direction:column;align-items:stretch;gap:0}
    .nav-list>li>a{padding:14px 16px;font-size:1rem;border-bottom:1px solid var(--gray-100)}
    .mega-dropdown{position:static;transform:none;display:none;min-width:auto;box-shadow:none;border:none;padding:0 0 0 16px;opacity:1;visibility:visible}
    .mega-dropdown.show{display:block}
    .mega-dropdown-inner{grid-template-columns:1fr}
    .header-actions .btn-outline,.header-actions .btn-primary{display:none}
    .mobile-auth-buttons{display:flex;flex-direction:column;gap:10px;padding:20px 16px;margin-top:12px;border-top:1px solid var(--gray-200)}
    .mobile-auth-buttons .btn{font-size:.9375rem;padding:12px 20px}
    
    /* Hero */
    .hero{padding:48px 0 40px}
    .hero-title{font-size:1.75rem}
    .hero-subtitle{font-size:.9375rem;margin-bottom:24px}
    .search-form{flex-direction:column;border-radius:var(--radius)}
    .search-field{border-right:none;border-bottom:1px solid var(--gray-200);padding:14px 16px}
    .search-btn{justify-content:center;border-radius:0 0 var(--radius) var(--radius)}
    .hero-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px;padding-top:24px}
    .stat-number{font-size:1.75rem}
    .hero-popular{gap:6px}
    .hero-popular a{padding:3px 10px;font-size:.75rem}
    
    /* Sections */
    .section{padding:40px 0}
    .section-header{margin-bottom:28px}
    .section-title{font-size:1.5rem}
    
    /* Categories */
    .categories-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .category-card{padding:20px 12px}
    .category-icon{width:48px;height:48px;font-size:1.1rem}
    .category-name{font-size:.8125rem}
    
    /* Steps */
    .steps-grid{flex-direction:column;gap:16px}
    .step-connector{display:none}
    .step-icon{width:64px;height:64px;font-size:1.5rem}
    
    /* Usta Cards */
    .ustas-grid{grid-template-columns:1fr !important}
    .usta-card-header{padding:16px 16px 10px}
    .usta-avatar{width:50px;height:50px}
    .usta-card-body{padding:0 16px 12px}
    .usta-card-footer{padding:10px 16px}
    
    /* Request Cards */
    .requests-grid{grid-template-columns:1fr}
    
    /* Pricing */
    .pricing-grid{grid-template-columns:1fr}
    .pricing-card.popular{transform:none}
    .pricing-card.popular:hover{transform:translateY(-4px)}
    
    /* Testimonials */
    .testimonials-slider{grid-template-columns:1fr}
    
    /* CTA */
    .cta-grid{grid-template-columns:1fr}
    .cta-card{padding:32px 24px}
    
    /* Cities */
    .cities-grid{grid-template-columns:repeat(2,1fr)}
    
    /* Footer */
    .footer-grid{grid-template-columns:repeat(2,1fr);gap:24px}
    .footer-col-about{grid-column:1 / -1;padding-bottom:20px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
    .footer-top{padding:40px 0 24px}
    .footer-bottom-inner{flex-direction:column;gap:12px;text-align:center}
    .footer-bottom-links{justify-content:center}

    /* Usta Bul - Filter Page */
    .search-page-grid{grid-template-columns:1fr !important}
    .filter-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(0,0,0,.5);display:none}
    .filter-sidebar.active{display:block}
    .filter-sidebar .filter-form{position:fixed;bottom:0;left:0;right:0;max-height:85vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1002;animation:slideUpSheet .3s ease}
    .filter-toggle-btn{display:flex !important}
    .search-sort-bar{flex-direction:column;gap:12px;align-items:stretch !important}
    .search-sort-bar h1{font-size:1.25rem}
    
    /* Usta Panel - Request cards */
    .usta-request-card{flex-direction:column !important;gap:12px !important}
    .usta-request-card .btn{width:100%;justify-content:center}
    
    /* Tables */
    .data-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
    .gallery-grid{grid-template-columns:repeat(2,1fr)}
    
    /* Auth */
    .auth-card{padding:24px;margin:10px}
    .auth-header h1{font-size:1.375rem}

    /* Plan grid */
    .plan-grid{grid-template-columns:1fr}
    
    /* Buttons block on mobile */
    .btn-mobile-block{width:100%;justify-content:center}
    
    /* Generic helpers */
    .hide-mobile{display:none !important}
    .show-mobile{display:block !important}
}

@keyframes slideUpSheet{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* Landscape Phone - wider than 768px but short height */
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){
    .top-bar{display:none}
    .header-inner{height:56px;gap:12px}
    .logo-icon{width:36px;height:36px;font-size:1rem}
    .logo-brand{font-size:1.2rem}
    .logo-tagline{display:none}
    .main-nav{top:56px}
    .nav-list>li>a{padding:6px 10px;font-size:.8125rem}
    .header-actions .btn-sm{padding:6px 10px;font-size:.75rem;white-space:nowrap}
    .header-actions{gap:8px}
    .mobile-auth-buttons{flex-direction:row;padding:16px}
    .mobile-auth-buttons .btn{flex:1;padding:10px 14px;font-size:.8125rem}
}

/* Small Mobile */
@media(max-width:480px){
    .container{padding:0 14px}
    .categories-grid{grid-template-columns:repeat(2,1fr);gap:8px}
    .category-card{padding:16px 10px}
    .category-icon{width:75px;height:75px;font-size:1rem;margin-bottom:8px}
    .category-name{font-size:.85rem}
    .category-count{font-size:.6875rem}
    .hero-stats{gap:12px}
    .stat-number{font-size:1.5rem}
    .stat-label{font-size:.75rem}
    .cities-grid{grid-template-columns:1fr}
    .usta-meta{flex-direction:column;gap:4px}
    .request-meta{flex-wrap:wrap;gap:8px}
    .pagination .page-link,.pagination .page-prev,.pagination .page-next{min-width:36px;height:36px;font-size:.8125rem;padding:0 8px}
    .hero-title{font-size:1.5rem}
    .section-title{font-size:1.25rem}
}

/* Star rating colors */
.text-yellow-400{color:#f59e0b}
.text-gray-300{color:var(--gray-300)}
.ml-1{margin-left:.25rem}
.text-sm{font-size:.875rem}
.text-gray-600{color:var(--gray-500)}

/* ======================================================
   PHASE 6 ADDITIONS - Toast, Search, Validation, etc.
   ====================================================== */

/* Toast Container */
#toast-container { pointer-events: none; }
#toast-container > div { pointer-events: auto; }

/* Search Results Dropdown */
#searchResults {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 1000;
    background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.15);
    max-height: 380px; overflow-y: auto; display: none;
    border: 1px solid #e2e8f0;
}
#searchResults a { display: block; padding: 14px 20px; border-bottom: 1px solid #f1f5f9; text-decoration: none; color: #334155; transition: background .15s; }
#searchResults a:hover { background: #f8fafc; }
#searchResults a:last-child { border-bottom: none; }
.search-no-result { padding: 20px; text-align: center; color: #94a3b8; font-size: 14px; }
.hero-search { position: relative; }

/* Form Validation Errors */
.input-error { border-color: #ef4444 !important; box-shadow: 0 0 0 3px rgba(239,68,68,.1) !important; }
.field-error { color: #ef4444; font-size: 12px; margin-top: 4px; animation: shakeX .3s ease; }
@keyframes shakeX { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }

/* Scroll to Top */
#scrollToTop:hover { transform: scale(1.1); background: #1e3a8a; }

/* Image Lightbox */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.gallery-item { border-radius: 12px; overflow: hidden; cursor: pointer; aspect-ratio: 4/3; position: relative; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.gallery-item:hover img { transform: scale(1.05); }

/* Badge Styles */
.badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; line-height: 1.4; }
.badge-success { background: #dcfce7; color: #166534; }
.badge-warning { background: #fef3c7; color: #92400e; }
.badge-danger { background: #fef2f2; color: #991b1b; }
.badge-info { background: #dbeafe; color: #1e40af; }
.badge-secondary { background: #f1f5f9; color: #475569; }

/* Empty State */
.empty-state { text-align: center; padding: 60px 20px; }
.empty-state-icon { font-size: 64px; margin-bottom: 16px; opacity: .5; }
.empty-state h3 { font-size: 20px; color: #334155; margin-bottom: 8px; }
.empty-state p { color: #94a3b8; font-size: 15px; max-width: 400px; margin: 0 auto 24px; }

/* Dashboard Stats Cards */
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 32px; }
.stat-card { background: #fff; border-radius: 16px; padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,.06); border: 1px solid #f1f5f9; transition: transform .2s, box-shadow .2s; }
.stat-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.stat-card .stat-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 12px; }
.stat-card .stat-value { font-size: 28px; font-weight: 700; color: #1e293b; line-height: 1.2; }
.stat-card .stat-label { font-size: 14px; color: #94a3b8; margin-top: 4px; }

/* Table Improvements */
.data-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.data-table th { background: #f8fafc; padding: 12px 16px; text-align: left; font-size: 13px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: .5px; border-bottom: 2px solid #e2e8f0; }
.data-table td { padding: 14px 16px; border-bottom: 1px solid #f1f5f9; font-size: 14px; color: #334155; }
.data-table tbody tr { transition: background .15s; }
.data-table tbody tr:hover { background: #f8fafc; }

/* Status Badges */
.status-open { background: #dbeafe; color: #1e40af; }
.status-pending { background: #fef3c7; color: #92400e; }
.status-active { background: #dcfce7; color: #166534; }
.status-completed { background: #dcfce7; color: #166534; }
.status-rejected { background: #fef2f2; color: #991b1b; }
.status-expired { background: #f1f5f9; color: #475569; }
.status-in_progress { background: #e0e7ff; color: #3730a3; }

/* Panel Sidebar Refinements */
.panel-sidebar .nav-item.active { background: linear-gradient(135deg, #1e40af, #3b82f6); color: #fff; border-radius: 10px; }
.panel-sidebar .nav-item.active .nav-icon { color: #fff; }
.panel-sidebar .nav-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; color: #475569; border-radius: 10px; transition: all .2s; text-decoration: none; font-size: 14px; margin-bottom: 2px; }
.panel-sidebar .nav-item:hover:not(.active) { background: #f1f5f9; color: #1e293b; }
.panel-sidebar .nav-icon { width: 20px; text-align: center; font-size: 16px; }

/* Card Improvements */
.panel-card { background: #fff; border-radius: 16px; padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,.06); border: 1px solid #f1f5f9; margin-bottom: 24px; }
.panel-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #f1f5f9; }
.panel-card-header h3 { font-size: 18px; font-weight: 600; color: #1e293b; }

/* Loading Spinner */
.spinner { display: inline-block; width: 20px; height: 20px; border: 2px solid #e2e8f0; border-top-color: #1e40af; border-radius: 50%; animation: spin .6s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.btn-loading { pointer-events: none; opacity: .7; }
.btn-loading::after { content: ''; display: inline-block; width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin .6s linear infinite; margin-left: 8px; vertical-align: middle; }

/* Rating Stars Colored */
.star-rating { display: inline-flex; align-items: center; gap: 2px; }
.star-rating .fa-star, .star-rating .fa-star-half-alt { color: #f59e0b; }
.star-rating .far.fa-star { color: #d1d5db; }

/* Urgency Badges */
.urgency-normal { background: #dbeafe; color: #1e40af; }
.urgency-urgent { background: #fef3c7; color: #92400e; }
.urgency-emergency { background: #fef2f2; color: #991b1b; }

/* Responsive Tables */
@media (max-width: 768px) {
    .data-table { display: block; overflow-x: auto; white-space: nowrap; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }
    .filter-close-btn { display: block !important; }
}

/* Print Styles */
@media print {
    .panel-sidebar, .site-header, .site-footer, #scrollToTop, .btn, nav { display: none !important; }
    .panel-card { box-shadow: none; border: 1px solid #ccc; }
    body { background: #fff; }
}

/* Subscription Plan Cards */
.plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.plan-card { background: #fff; border-radius: 16px; padding: 32px 24px; text-align: center; border: 2px solid #e2e8f0; transition: all .3s; position: relative; }
.plan-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,.1); }
.plan-card.featured { border-color: #1e40af; }
.plan-card.featured::before { content: 'Popüler'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #1e40af; color: #fff; padding: 4px 16px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.plan-name { font-size: 20px; font-weight: 700; color: #1e293b; margin-bottom: 8px; }
.plan-price { font-size: 36px; font-weight: 800; color: #1e40af; }
.plan-price small { font-size: 14px; font-weight: 400; color: #94a3b8; }
.plan-features { list-style: none; padding: 0; margin: 24px 0; text-align: left; }
.plan-features li { padding: 8px 0; border-bottom: 1px solid #f1f5f9; font-size: 14px; color: #475569; }
.plan-features li::before { content: '✓'; color: #10b981; font-weight: 700; margin-right: 8px; }

/* === Blog Card Hover Effects === */
.blog-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    transform: translateY(-2px);
}
.blog-card:hover .blog-card-img {
    transform: scale(1.05);
}
.blog-card h3 a:hover {
    color: var(--primary) !important;
}
/* Blog post content images responsive */
.blog-post-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius);
}