@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--color-primary:#dc2626;--color-secondary:#f43f5e;--color-cta:#e11d48;--color-background:#f8fafc;--color-text:#0f172a;--color-text-muted:#475569;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--font-headings:"Outfit", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a14;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a1a}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-background);height:100%;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}body{flex-direction:column;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--color-text);font-weight:700;line-height:1.25}a{color:inherit;cursor:pointer;text-decoration:none;transition:all .2s}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.btn-primary{background-color:var(--color-cta);color:var(--color-white);font-weight:600;font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);border:none;border-radius:8px;padding:12px 24px;font-size:15px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);font-weight:600;font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);background-color:#0000;border-radius:8px;padding:10px 22px;font-size:15px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{color:var(--color-white);font-weight:600;font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);background-color:#ef4444;border:none;border-radius:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px)}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);padding:var(--space-lg);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.form-group{margin-bottom:var(--space-md);flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-text);font-size:14px;font-weight:600}.input,.textarea,.select{border:1px solid var(--color-gray-300);width:100%;font-size:15px;font-family:var(--font-body);background-color:var(--color-white);color:var(--color-gray-900);border-radius:8px;padding:12px 16px;transition:all .2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #dc262626}.textarea{resize:vertical;min-height:120px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;width:100vw;height:100vh;padding:var(--space-md);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal{background:var(--color-white);padding:var(--space-xl);box-shadow:var(--shadow-xl);border-radius:16px;width:100%;max-width:550px;max-height:90vh;position:relative;overflow-y:auto}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:100;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{font-family:var(--font-headings);color:var(--color-primary);align-items:center;gap:var(--space-sm);font-size:24px;font-weight:700;text-decoration:none;display:flex}.logo-accent{color:var(--color-cta)}.nav-menu{align-items:center;gap:var(--space-xl);list-style:none;display:flex}.nav-link{color:var(--color-text);border-bottom:2px solid #0000;padding:6px 0;font-size:15px;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-actions{align-items:center;gap:var(--space-md);display:flex}.footer{background-color:var(--color-gray-900);color:var(--color-gray-300);padding:var(--space-3xl) 0 var(--space-xl) 0;margin-top:auto}.footer-grid{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1.5fr;display:grid}@media (max-width:768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}.nav-menu{display:none}}.footer-heading{font-family:var(--font-headings);color:var(--color-white);margin-bottom:var(--space-lg);font-size:18px;font-weight:600}.footer-links{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer-link{color:var(--color-gray-400);font-size:14px;text-decoration:none}.footer-link:hover{color:var(--color-white);padding-left:2px}.footer-bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--space-lg);color:var(--color-gray-500);justify-content:space-between;align-items:center;font-size:14px;display:flex}.grid-2{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.badge{text-transform:capitalize;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-pending{color:#d97706;background-color:#fef3c7}.badge-processing{color:#2563eb;background-color:#dbeafe}.badge-active{color:#059669;background-color:#d1fae5}.badge-cancelled{color:#dc2626;background-color:#fee2e2}.badge-completed{color:#0369a1;background-color:#e0f2fe}.badge-new{color:#7c3aed;background-color:#ede9fe}.badge-contact{color:#ea580c;background-color:#ffedd5}.badge-resolved{color:#059669;background-color:#d1fae5}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.bento-grid{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.bento-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:24px;flex-direction:column;padding:40px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bento-card-large{grid-column:span 2}.bento-card-featured{color:var(--color-white);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:none}.bento-card-featured h3{color:var(--color-white)}.bento-card-featured p{color:var(--color-gray-400)}.bento-card-featured .bento-link{color:var(--color-white)!important}.bento-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 30px 60px -15px #0f172a1f}.bento-card-featured:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px #dc26262e}.bento-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:28px;transition:all .3s;display:flex}.bento-card:hover .bento-icon-wrapper{transform:scale(1.1)rotate(5deg)}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card-large{grid-column:span 2}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr}.bento-card-large{grid-column:span 1}}.mobile-menu-toggle{cursor:pointer;color:var(--color-text);padding:var(--space-xs);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-drawer{display:none}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-menu,.nav-actions{display:none!important}.mobile-drawer{background-color:var(--color-white);border-top:1px solid var(--color-gray-100);z-index:999;width:100%;height:calc(100vh - 70px);padding:var(--space-xl) var(--space-lg);gap:var(--space-lg);flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:70px;left:0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-nav-links{gap:var(--space-md);flex-direction:column;list-style:none;display:flex}.mobile-nav-links .nav-link{border-bottom:none;padding:8px 0;font-size:20px;font-weight:600;display:block}.mobile-nav-actions{gap:var(--space-md);flex-direction:column;margin-top:auto;padding-bottom:40px;display:flex}}.hero-grid{gap:var(--space-2xl);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}@media (max-width:992px){.hero-grid{gap:var(--space-xl);text-align:center;grid-template-columns:1fr}.hero-grid>div{flex-direction:column;align-items:center;display:flex}.hero-grid .hero-animate{justify-content:center}}.dashboard-grid{gap:var(--space-xl);grid-template-columns:300px 1fr;align-items:start;display:grid}@media (max-width:992px){.dashboard-grid{grid-template-columns:1fr}}.form-grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-grid-price{gap:var(--space-sm);grid-template-columns:120px 1fr;align-items:center;display:grid}.admin-service-card{gap:var(--space-md);grid-template-columns:1fr auto;align-items:center;display:grid}@media (max-width:640px){.form-grid-2{gap:var(--space-sm);grid-template-columns:1fr}.form-grid-price{gap:var(--space-sm);grid-template-columns:1fr;align-items:stretch}.admin-service-card{gap:var(--space-md);text-align:center;grid-template-columns:1fr}.admin-service-card div:last-child{justify-content:center}}.admin-layout{min-height:calc(100vh - 70px);display:flex}.admin-sidebar{color:#f8fafc;width:280px;padding:var(--space-xl) var(--space-md);background-color:#0f172a;border-right:1px solid #ffffff0d;flex-direction:column;display:flex}.admin-sidebar-logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:0 var(--space-md);display:flex}.admin-sidebar-menu{gap:var(--space-xs);flex-direction:column;list-style:none;display:flex}.admin-sidebar-item{width:100%}.admin-sidebar-link{align-items:center;gap:var(--space-md);color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-sidebar-link:hover{color:#fff;background-color:#ffffff0a}.admin-sidebar-link.active{color:#fff;background-color:var(--color-primary);box-shadow:0 4px 12px #dc262640}.admin-sidebar-footer{padding-top:var(--space-xl);padding-left:var(--space-md);padding-right:var(--space-md);border-top:1px solid #ffffff0d;margin-top:auto}.admin-sidebar-user{margin-bottom:var(--space-md)}.admin-sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.admin-sidebar-user-role{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.admin-main-content{padding:var(--space-2xl);background-color:#f8fafc;flex:1;overflow-y:auto}@media (max-width:992px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;padding:var(--space-md);border-bottom:1px solid #ffffff0d;border-right:none}.admin-sidebar-logo{margin-bottom:var(--space-md);justify-content:center}.admin-sidebar-menu{gap:var(--space-xs);flex-flow:wrap;justify-content:center}.admin-sidebar-link{padding:8px 12px;font-size:13px}.admin-sidebar-footer{display:none}.admin-main-content{padding:var(--space-lg) var(--space-md)}}