:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand: #6366f1;--brand-soft: #eef2ff;--text-strong: #111827;--text-muted: #4b5563;--bg: #f8fafc;--surface: #ffffff;--border: #e5e7eb;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow-lg: 0 40px 60px -40px rgba(15, 23, 42, .35);--shadow-md: 0 20px 45px -30px rgba(15, 23, 42, .25);--shadow-sm: 0 8px 25px -12px rgba(15, 23, 42, .1);--container-width: 1440px}*{box-sizing:border-box}html,body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text-strong);min-height:100%;scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.container{width:min(100%,var(--container-width));margin:0 auto;padding:clamp(1.5rem,2vw,3rem)}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1}.card{background:var(--surface);border-radius:var(--radius-lg);padding:clamp(1.25rem,2vw,2rem);box-shadow:var(--shadow-sm);border:1px solid rgba(99,102,241,.05);animation:fadeInUp .8s ease forwards;opacity:0;transform:translateY(30px);animation-delay:.4s}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button-ghost{background:transparent;border:1px solid var(--border);color:var(--text-strong)}.button-ghost:hover{background:var(--brand-soft);color:var(--brand)}.button-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.button-secondary{background:#fff;color:var(--brand);border:1px solid rgba(99,102,241,.2)}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.nav{width:100%;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0f172a0a;position:sticky;top:0;z-index:50}.navbar{max-width:1440px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-logo{font-size:1.25rem;font-weight:800;color:var(--brand);letter-spacing:-.01em;transition:opacity .2s ease}.nav-logo:hover{opacity:.8}.nav-toggle{display:none;background:none;border:none;color:var(--text-strong);cursor:pointer}.nav-links{display:flex;align-items:center;gap:1.25rem;transition:all .3s ease}.nav-links a{font-weight:500;color:var(--text-muted);transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--brand)}.nav-user{display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--brand-soft);border-radius:50%;width:36px;height:36px;transition:all .2s ease}.nav-user:hover{color:var(--brand);background:#6366f11a;transform:scale(1.05)}@media (max-width: 768px){.nav-brand{width:100%}.nav-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;width:100%;flex-direction:column;background:var(--surface);padding:1rem 1.5rem;border-top:1px solid var(--border);box-shadow:0 8px 20px #0f172a14;transform:translateY(-20px);opacity:0;visibility:hidden}.nav-links.open{transform:translateY(0);opacity:1;visibility:visible}.nav-links a,.nav-user,.nav-links button{width:100%;text-align:left}.button{width:100%;justify-content:center}}.hero{position:relative;padding:clamp(4rem,8vw,8rem) 0 6rem;background:linear-gradient(to bottom right,#fff,#f9faff);overflow:hidden}.hero .container{padding-top:0;padding-bottom:0}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-wave{position:absolute;left:0;bottom:-1px;width:100%;height:auto;display:block;animation:bob 8s ease-in-out infinite}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:4rem;max-width:1440px;margin:0 auto 120px;opacity:0;transform:translateY(40px);animation:fadeInUp .9s ease forwards}.content-left{flex:1.3;display:flex;flex-direction:column;gap:1.5rem}.content-left span{color:var(--brand);font-weight:600;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.2s}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0;opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:.3s}.hero-text{color:var(--text-muted);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7;max-width:480px;margin:0;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease forwards;animation-delay:.5s}.content-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:2rem;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);background:var(--surface);opacity:0;transform:translateY(30px);animation:fadeInUp .9s ease forwards;animation-delay:.8s}.circle{position:absolute;pointer-events:none;opacity:.3;filter:blur(10px);animation:fadeIn 1s ease forwards;animation-delay:.2s}.circle-one{top:5%;right:8%;width:clamp(100px,14vw,200px)}.circle-two{bottom:0%;left:5%;width:clamp(120px,18vw,240px)}.features{background:var(--brand-soft);padding:clamp(4rem,8vw,6rem) 0;display:flex;flex-direction:column}.features-header{text-align:center;max-width:640px;margin:0 auto 3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.dashboard-header{margin-bottom:3rem}.dashboard-title{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:.5rem}.dashboard-text{color:var(--text-muted);max-width:640px;line-height:1.6;margin-bottom:1.5rem}.dashboard-actions{display:flex;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.card-grid{grid-template-columns:1fr}.dis-btn,.content-right{display:none}}.metric-label{font-size:.9rem;color:var(--brand);font-weight:600}.metric-value{font-size:2.5rem;font-weight:800;margin:.5rem 0}.metric-description{color:var(--text-muted)}.form{background:var(--surface);padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a,0 8px 20px #00000008;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:1.75rem}.field{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;gap:1.5rem;flex-wrap:wrap}.form-row .field{flex:1;min-width:220px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}label{font-weight:500;color:var(--text-strong);font-size:.95rem}input,textarea,select{font-family:var(--font-sans);font-size:1rem;color:var(--text-strong);background:#f9fafb;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;transition:border .2s ease,box-shadow .2s ease;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6366f126;background:#fff}textarea{resize:vertical;min-height:120px}.field-error{color:#dc2626;font-size:.85rem}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.ticket-card{display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,box-shadow .25s ease}.ticket-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.ticket-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.ticket-info h2{margin:.5rem 0;font-size:1.25rem;line-height:1.3;text-transform:capitalize}.ticket-info p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.ticket-priority{display:flex;gap:5px;align-items:center}.ticket-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:1rem}.ticket-updated{font-size:.85rem;color:var(--text-muted)}.ticket-actions{display:flex;gap:.5rem}.table-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:1rem}.badge{display:inline-block;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:capitalize}.badge-open{background:#81c7843b;color:#81c784}.badge-in_progress{background:#ffc10733;color:#ffc107}.badge-closed{background:#9e9e9e27;color:#9e9e9e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero-wave{animation:none!important}.hero-content,.card,.form,.ticket-card{animation:none!important;transform:none!important;opacity:1!important}}@media (max-width: 960px){.hero-content{flex-direction:column;text-align:center;justify-content:center;margin-bottom:10px;gap:3rem}.content-left{align-items:center}.hero-text{max-width:100%}.content-right{width:100%;padding:1.5rem}}footer{text-align:center;padding:2rem 1rem;margin-top:4rem}footer p{margin:0;font-size:.95rem}.site-footer{background:var(--surface);color:var(--text-muted);padding:clamp(2rem,4vw,4rem) 0}.footer-inner{width:min(100%,var(--container-width));margin:0 auto;padding:0 clamp(1.5rem,2vw,3rem)}.footer-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(2rem,3vw,3rem);margin-bottom:clamp(2rem,3vw,3rem)}.footer-col h3{margin:0 0 .75rem;font-weight:600;color:var(--text-strong)}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col ul li{margin-bottom:.5rem}.footer-col ul li a{color:var(--text-muted);font-size:.95rem;transition:color .2s ease}.footer-col ul li a:hover{color:var(--text-strong)}.footer-base{border-top:1px solid var(--border);padding-top:1.5rem;text-align:center;font-size:.85rem}@media (max-width: 640px){.footer-links-grid{grid-template-columns:1fr}}