*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,serif;font-weight:400;line-height:1.6}body{min-height:100vh;margin:0}#root{width:100%;min-height:100vh}:root{--color-primary:#ff9100;--color-primary-dark:#e68200;--color-primary-light:#fa3;--color-secondary:#00b3a2;--color-accent:#ff9100;--color-black:#1a1a2e;--color-dark:#2d2d44;--color-gray-dark:#4a4a66;--color-gray:#71717a;--color-gray-light:#a1a1aa;--color-gray-lighter:#e4e4e7;--color-gray-lightest:#f4f4f5;--color-white:#fff;--color-bg:#fafafa;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--font-primary:"Lora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, serif;--font-heading:"Lora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--container-max:1200px;--container-padding:1.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-black);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}.btn{font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.section{padding:var(--space-16) 0}.section-title{text-align:center;margin-bottom:var(--space-12)}.section-title h2{margin-bottom:var(--space-4)}.section-title p{color:var(--color-gray);max-width:600px;margin:0 auto}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section{padding:var(--space-10) 0}}@media (width<=480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.container{padding:0 var(--space-4)}}.service-icon-svg svg{width:100%;height:100%;fill:#ff9100!important}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.services-grid{grid-template-columns:1fr}}.header{z-index:1000;background:var(--color-white);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{flex-direction:column;line-height:1;display:flex}.logo-text{font-size:var(--text-xl);color:var(--color-primary);letter-spacing:2px;font-weight:800}.logo-subtitle{font-size:var(--text-xs);color:var(--color-gray);letter-spacing:1px}.nav-list{gap:var(--space-6);display:flex}.nav-link{font-size:var(--text-sm);color:var(--color-dark);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;position:relative}.nav-link:after{content:"";background:var(--color-primary);width:0;height:2px;transition:all var(--transition-fast);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:none}.menu-toggle span{background:var(--color-dark);border-radius:var(--radius-full);width:100%;height:3px;transition:all var(--transition-fast);display:block}.menu-toggle.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (width<=768px){.menu-toggle{display:flex}.nav{background:var(--color-white);padding:var(--space-4);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-base);position:fixed;top:80px;left:0;right:0;transform:translateY(-100%)}.nav.nav-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-list{flex-direction:column;gap:0}.nav-link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:block}.nav-link:after{display:none}}.footer{color:#fff;padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-16);background:#1a1a2e}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:2fr 1fr 1fr 2fr;display:grid}.footer-logo{margin-bottom:var(--space-4);flex-direction:column;line-height:1;display:flex}.footer-logo .logo-text{font-size:var(--text-xl);color:#fff;letter-spacing:2px;font-weight:800}.footer-logo .logo-subtitle{font-size:var(--text-xs);color:#a1a1aa;letter-spacing:1px}.footer-tagline{color:#a1a1aa;font-size:var(--text-sm);line-height:1.7}.footer h4{color:#ff9100;font-size:var(--text-base);margin-bottom:var(--space-4);font-weight:600}.footer-links ul,.footer-contact ul{gap:var(--space-3);flex-direction:column;display:flex}.footer-links a,.footer-contact li{color:#a1a1aa;font-size:var(--text-sm);transition:color var(--transition-fast);list-style:none}.footer-links a:hover{color:#ff9100}.footer-contact li{line-height:1.7}.footer-newsletter p{color:#a1a1aa;font-size:var(--text-sm);margin-bottom:var(--space-4)}.newsletter-form{gap:var(--space-2);display:flex}.newsletter-form input{border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);background:#2d2d44;border:1px solid #2d2d44;flex:1;padding:.75rem 1rem}.newsletter-form input::placeholder{color:#a1a1aa}.newsletter-form input:focus{border-color:#ff9100;outline:none}.newsletter-form .btn{white-space:nowrap;background:#ff9100;border-color:#ff9100;padding:.75rem 1.25rem}.newsletter-form .btn:hover{background:#e68200;border-color:#e68200}.footer-map{margin-top:var(--space-10);border-radius:var(--radius-lg);overflow:hidden}.footer-bottom{padding-top:var(--space-8);text-align:center;margin-top:var(--space-10);border-top:1px solid #2d2d44}.footer-bottom p{color:#71717a;font-size:var(--text-sm)}@media (width<=992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr}.newsletter-form{flex-direction:column}}.layout{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;padding-top:80px}.hero{background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-gray-lightest) 100%);justify-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at center, var(--color-primary-light) 0%, transparent 70%);opacity:.1;width:50%;height:100%;position:absolute;top:0;right:0}.hero-content{text-align:center;max-width:800px;padding:0 var(--space-6);z-index:1;position:relative}.hero-subtitle{font-size:var(--text-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:var(--space-4);font-weight:600}.hero h1{font-family:"Lora", var(--font-heading);font-size:var(--text-4xl);color:#ff9100;margin-bottom:var(--space-2);font-weight:800;line-height:1.1}.hero h1,.hero h1:hover{color:#ff9100}.hero-description{font-family:"Lora", serif, var(--font-primary);font-size:var(--text-sm);color:var(--color-black);margin-bottom:var(--space-4);max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.hero-buttons .btn{font-size:var(--text-lg);padding:1rem 2rem}.services-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.service-card{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.service-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.service-icon{background:var(--color-primary);border-radius:var(--radius-lg);width:60px;height:60px;margin-bottom:var(--space-4);font-size:var(--text-2xl);justify-content:center;align-items:center;display:flex}.service-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.service-card p{color:var(--color-gray);line-height:1.7}.projects-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.project-card{border-radius:var(--radius-lg);background:var(--color-black);position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:300px;transition:transform var(--transition-slow)}.project-card:hover img{transform:scale(1.1)}.project-overlay{padding:var(--space-6);color:var(--color-white);transition:transform var(--transition-base);background:linear-gradient(#0000,#000000e6);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.project-card:hover .project-overlay{transform:translateY(0)}.project-overlay h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.project-overlay p{font-size:var(--text-sm);opacity:.8}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.testimonial-card{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.testimonial-text{font-size:var(--text-lg);margin-bottom:var(--space-6);color:var(--color-dark);font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:var(--space-4);display:flex}.testimonial-author img{border-radius:var(--radius-full);object-fit:cover;width:50px;height:50px}.testimonial-info strong{font-weight:600;display:block}.testimonial-info span{font-size:var(--text-sm);color:var(--color-gray)}.cta-section{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);padding:var(--space-20) 0;text-align:center;color:var(--color-white)}.cta-section h2{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.cta-section p{font-size:var(--text-xl);opacity:.9;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.cta-section .btn{background:var(--color-white);color:var(--color-primary)}.cta-section .btn:hover{background:var(--color-gray-lightest);transform:translateY(-2px)}.clients-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));place-items:center;display:grid}.client-logo{opacity:.7;filter:grayscale();transition:all var(--transition-base)}.client-logo:hover{opacity:1;filter:grayscale(0)}@media (width<=768px){.hero h1{font-size:var(--text-4xl)}.hero-buttons{flex-direction:column;align-items:center}.cta-section h2{font-size:var(--text-3xl)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.clients-carousel-wrapper{padding:var(--space-6) 0;background:#fafafa;overflow:hidden}.clients-carousel{gap:var(--space-8);animation:40s linear infinite scroll;display:flex}.clients-carousel:hover{animation-play-state:paused}.client-logo-wrapper{padding:0 var(--space-4);flex:0 0 180px;justify-content:center;align-items:center;display:flex}.client-logo-wrapper img{object-fit:contain;cursor:pointer;filter:none;max-width:150px;max-height:60px;transition:transform .3s}.client-logo-wrapper img:hover{transform:scale(1.1)}.clients-carousel .client-logo{filter:none!important;opacity:1!important}.admin-header{z-index:1000;background:#1e1b4b;border-bottom:1px solid #6366f14d;align-items:center;height:70px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #6366f133}.admin-header .header-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.admin-header .logo{flex-direction:column;line-height:1;text-decoration:none;display:flex}.admin-header .logo .logo-text{color:#f97316;letter-spacing:2px;font-size:1.25rem;font-weight:800}.admin-header .logo .logo-subtitle{color:#fb923c;letter-spacing:1px;font-size:.75rem}.admin-header .admin-nav{align-items:center;display:flex}.admin-header .admin-nav .nav-list{gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-header .nav-link{color:#fb923c;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block;position:relative}.admin-header .nav-link:after{content:"";width:0;height:2px;transition:all var(--transition-fast);background:#f97316;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.admin-header .nav-link:hover:after,.admin-header .nav-link.active:after{width:60%}.admin-header .nav-link:hover,.admin-header .nav-link.active{color:#fdba74}.admin-header .logout-btn:hover,.admin-header .logout-btn.active{color:#f87171}.admin-header .menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.admin-header .menu-toggle span{background:#f97316;border-radius:2px;width:24px;height:2px;display:block}@media (width<=1024px){.admin-header{padding:0 16px}.admin-header .menu-toggle{display:flex}.admin-header .admin-nav{background:#1e1b4b;padding:16px;display:none;position:fixed;inset:70px 0 0}.admin-header .admin-nav.open{display:block}.admin-header .admin-nav .nav-list{flex-direction:column;gap:4px}.admin-header .nav-link{padding:12px 16px;display:block}}.admin-layout{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.admin-main{flex-direction:column;flex:1;margin-top:90px;padding:32px 24px;display:flex}.admin-content{flex:1}.admin-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:3px solid var(--color-gray-lighter);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.admin-main{padding:16px}}.auth-page{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-container{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:#111827;margin:0 0 8px;font-size:1.75rem;font-weight:700}.auth-header p{color:#6b7280;margin:0;font-size:.875rem}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:.875rem}.auth-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;font-size:.875rem}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:.875rem;transition:all .2s}.form-group input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:44px}.password-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:1.125rem;transition:opacity .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{opacity:1}.auth-submit-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;margin-top:8px;padding:14px 24px;font-size:.875rem;font-weight:600;transition:all .2s}.auth-submit-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.auth-footer p{color:#6b7280;margin:0;font-size:.875rem}.auth-footer a{color:#4f46e5;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-demo{text-align:center;color:#6b7280;background:#f9fafb;border-radius:8px;margin-top:24px;padding:16px;font-size:.75rem}.auth-demo p{margin:4px 0}.auth-demo strong{color:#374151}@media (width<=480px){.auth-container{padding:24px}}.dashboard{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{margin-bottom:24px}.dashboard-header h1{color:#111827;margin:0 0 8px;font-size:1.75rem;font-weight:700}.dashboard-header p{color:#6b7280;margin:0;font-size:.875rem}.dashboard-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.stat-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card:hover{color:inherit;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-badge.error{color:#dc2626;background:#fee2e2}.top-pages-list,.activity-list,.errors-list{margin:0;padding:0;list-style:none}.activity-item,.error-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.activity-item:last-child,.error-item:last-child{border-bottom:none}.activity-icon,.error-icon{margin-top:2px;font-size:1rem}.activity-content,.error-content{flex-direction:column;flex:1;gap:4px;display:flex}.activity-description,.error-message{color:#374151;font-size:.8125rem}.activity-time,.error-time{color:#9ca3af;font-size:.6875rem}.empty-state.success{color:#10b981}.quick-actions .actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.action-btn{color:#374151;background:#f9fafb;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.action-btn:hover{color:#111827;background:#f3f4f6}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions .actions-grid{grid-template-columns:1fr}}.crud-page{animation:.3s fadeIn}.crud-header{justify-content:space-between;align-items:flex-start;margin-top:80px;margin-bottom:24px;display:flex}.crud-header h1{color:#111827;margin:0 0 4px;font-size:1.5rem;font-weight:700}.crud-header p{color:#6b7280;margin:0;font-size:.875rem}.crud-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#4338ca}.crud-toolbar{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1;min-width:200px;padding:10px 16px;font-size:.875rem}.search-input:focus{border-color:#4f46e5;outline:none}.filter-buttons{background:#f3f4f6;border-radius:8px;gap:4px;padding:4px;display:flex}.filter-buttons button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.8125rem;transition:all .2s}.filter-buttons button.active{color:#111827;background:#fff;box-shadow:0 1px 2px #0000000d}.crud-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.crud-table{border-collapse:collapse;width:100%}.crud-table th,.crud-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:14px 16px}.crud-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:.75rem;font-weight:600}.crud-table tbody tr:hover{background:#fafafa}.title-cell{flex-direction:column;gap:2px;display:flex}.post-title{color:#111827;font-weight:500}.post-slug{color:#9ca3af;font-size:.75rem}.category-badge,.status-badge{border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-block}.category-badge{color:#4338ca;background:#e0e7ff}.status-badge.published{color:#16a34a;background:#dcfce7}.status-badge.draft{color:#d97706;background:#fef3c7}.actions-cell{gap:8px;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:1rem;transition:background .2s}.btn-icon:hover{background:#f3f4f6}.btn-icon.danger:hover{background:#fee2e2}.empty-state{text-align:center;color:#9ca3af;padding:48px!important}.crud-form-page{animation:.3s fadeIn}.form-header{margin-bottom:24px}.back-link{color:#6b7280;margin-bottom:8px;font-size:.875rem;text-decoration:none;display:inline-block}.back-link:hover{color:#111827}.form-header h1{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.crud-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.form-grid{grid-template-columns:1fr 320px;gap:32px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.btn-full{justify-content:center;width:100%}@media (width<=1024px){.form-grid{grid-template-columns:1fr}}.analytics{animation:.3s fadeIn}.page-header{margin-bottom:24px}.page-header h1{color:#111827;margin:0 0 8px;font-size:1.75rem;font-weight:700}.page-header p{color:#6b7280;margin:0;font-size:.875rem}.analytics-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.stat-icon{background:color-mix(in srgb, var(--accent-color) 15%, transparent);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-content{flex-direction:column;display:flex}.stat-value{color:#111827;font-size:1.5rem;font-weight:700}.stat-label{color:#6b7280;font-size:.75rem}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h3{color:#111827;margin:0;font-size:.875rem;font-weight:600}.card-badge{text-transform:uppercase;color:#1d4ed8;background:#dbeafe;border-radius:4px;padding:4px 8px;font-size:.625rem;font-weight:600}.card-content{padding:16px 20px}.top-pages-list,.activity-list{margin:0;padding:0;list-style:none}.top-page-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:10px 0;display:flex}.top-page-item:last-child{border-bottom:none}.page-rank{color:#9ca3af;width:24px;font-size:.75rem;font-weight:600}.page-path{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;overflow:hidden}.page-views{color:#6b7280;font-size:.75rem;font-weight:500}.activity-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{margin-top:2px;font-size:1rem}.activity-content{flex-direction:column;flex:1;gap:4px;display:flex}.activity-description{color:#374151;font-size:.8125rem}.activity-time{color:#9ca3af;font-size:.6875rem}.empty-state{text-align:center;color:#9ca3af;padding:24px;font-size:.875rem}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}
