body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#3b82f6;--text:#0f172a;--muted:#64748b;--gutter:1rem;font-family:Inter,Poppins,Segoe UI,Roboto,sans-serif}.container{align-items:center;box-sizing:border-box;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1440px;max-width:var(--max-width);padding:2rem}.hero{background:#0f172a;background:var(--bg-hero);color:#f8fafc;color:var(--text-on-dark);overflow:visible;padding-bottom:4rem;position:relative}.hero .container{align-items:center;flex-wrap:wrap;gap:2rem}.hero-content{flex:1 1 480px;min-width:280px}.hero-title{color:#f8fafc;color:var(--text-on-dark);font-size:clamp(1.6rem,3.5vw,2.8rem);line-height:1.05;margin-bottom:.6rem}.hero-sub{color:#f8fafce6;margin-bottom:1.4rem;max-width:42rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem}.btn{align-items:center;border-radius:10px;box-shadow:0 6px 18px #02061740;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.65rem 1.05rem;text-align:center;transition:transform .15s ease,background .15s ease}.btn-primary{background:linear-gradient(90deg,#3b82f6,#60a5fa);background:linear-gradient(90deg,var(--primary),var(--light-blue));border:none;z-index:1}.btn-primary:hover{filter:brightness(.98);transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-outline{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff;border:2px solid #f8fafc24;color:#60a5fa;color:var(--light-blue);z-index:1}.btn-outline:hover{background:#ffffff0a}.hero-figure{align-items:center;display:flex;flex:0 0 420px;justify-content:center;min-width:220px}.hero-banner{border-radius:16px;box-shadow:0 12px 40px #02061799;display:block;height:auto;max-width:420px;width:100%}.circle{border-radius:50%;filter:blur(4px);opacity:.16;position:absolute}.circle-1{background:linear-gradient(180deg,#60a5fa,#3b82f6);background:linear-gradient(180deg,var(--light-blue),var(--primary));height:180px;right:8%;top:-30px;transform:translateZ(0);width:180px}.circle-2{background:linear-gradient(180deg,#7dd3fc,#3b82f6);background:linear-gradient(180deg,#7dd3fc,var(--primary));height:100px;left:6%;top:40%;width:100px}.hero-wave{bottom:-1px;left:0;line-height:0;position:absolute;right:0;width:100%}.features{background:#f9fafb;background:var(--bg-light);color:#0f172a;color:var(--text);padding:3rem 0 4rem}.cards{grid-gap:1.25rem;align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{border-radius:14px;box-shadow:0 8px 30px #0206170f;color:#0f172a;color:var(--text);padding:1.25rem}.card h3{color:#3b82f6;color:var(--primary);font-size:1.1rem;margin-bottom:.5rem}.card p{color:#64748b;color:var(--muted);line-height:1.5}.footer{background:#0f172a;background:var(--bg-hero);color:#f8fafc;color:var(--text-on-dark);margin-top:auto;padding:2rem 0;text-align:center}.footer p{font-size:.9rem;margin:0;opacity:.8}.sr-only{height:1px;left:-9999px;overflow:hidden;position:absolute;top:auto;width:1px}@media (max-width:900px){.container{flex-direction:column;padding:1.25rem;text-align:center}.hero-figure{flex:1 1 auto;order:3}.hero-content{order:1}.circle-1{display:none}.hero-cta{justify-content:center}.cards{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.container{padding:1rem}.hero{padding-bottom:3rem}.features{padding:2rem 0 3rem}.footer{padding:1.5rem 0}}.auth-page{align-items:center;background:#f9fafb;display:flex;font-family:Inter,Poppins,sans-serif;justify-content:center;min-height:100vh}.auth-box{background:#fff;border-radius:14px;box-shadow:0 8px 30px #02061714;max-width:400px;padding:2.5rem;width:100%}.auth-box h1{color:#0f172a;font-size:1.6rem;margin-bottom:.5rem}.auth-box p{color:#64748b;margin-bottom:1.5rem}.form-group{position:relative}.form-group label{color:#0f172a;display:block;font-weight:600;margin-bottom:.3rem}.form-group input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;height:42px;padding:.6rem 2.5rem .6rem .6rem;width:100%}.toggle-password-btn{background:none;border:none;color:#555;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.error{color:#ef4444;font-size:.875rem}.btn-primary.full-width{background:linear-gradient(90deg,#3b82f6,#60a5fa);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem;transition:background .2s;width:100%}.btn-primary.full-width:hover:not(:disabled){background:#1e40af}.btn-primary.full-width:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.switch-link{font-size:.95rem;margin-top:1rem;text-align:center}@media (max-width:480px){.auth-box{margin:1rem;padding:2rem}.auth-box h1{font-size:1.4rem}.form-group input{height:40px}}.sidebar{background-color:#fff;box-shadow:2px 0 10px #0000000f;display:flex;flex-direction:column;font-family:Inter,Poppins,Segoe UI,sans-serif;height:100vh;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;width:250px}.sidebar-logo{border-bottom:1px solid #e5e7eb;color:#2563eb;font-size:1.6rem;font-weight:700;letter-spacing:.5px;padding:1.5rem 0;text-align:center}.sidebar-menu{list-style:none;margin:1rem 0;padding:0}.sidebar-item{align-items:center;border-left:3px solid #0000;color:#334155;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.9rem 1.5rem;transition:all .25s ease}.sidebar-item:hover{background-color:#eff6ff;border-left:3px solid #2563eb;color:#1e3a8a;transform:translateX(3px)}.sidebar-icon{align-items:center;display:flex;justify-content:center}.sidebar-text{flex:1 1}.sidebar-logout{align-items:center;border-top:1px solid #e5e7eb;color:#dc2626;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:1rem 1.5rem;transition:all .25s ease}.sidebar-logout:hover{background-color:#fee2e2;color:#b91c1c;transform:translateX(3px)}.sidebar-content{flex-grow:1}.sidebar-close{display:none}@media (max-width:900px){.sidebar-close{cursor:pointer;display:flex;justify-content:flex-end;padding:1rem}.sidebar{background-color:#fff;box-shadow:2px 0 10px #0000000f;flex-direction:column;height:100vh;left:-260px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:100}.sidebar.open{left:0}}body{overflow-x:hidden}.dashboard-container{background-color:#f9fafb;background-color:var(--bg-light,#f9fafb);display:flex;font-family:Inter,Poppins,Segoe UI,Roboto,sans-serif;min-height:100vh}.dashboard-main{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:2rem;scrollbar-color:var(--primary-blue) #0000;scrollbar-width:thin;width:100%;word-break:break-word}.dashboard-main::-webkit-scrollbar{width:8px}.dashboard-main::-webkit-scrollbar-track{background:#0000}.dashboard-main::-webkit-scrollbar-thumb{background:#3b82f6;background:var(--primary-blue,#3b82f6);border-radius:4px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:#1e40af;background:var(--dark-blue,#1e40af)}.dashboard-header{color:#0f172a;color:var(--text-primary,#0f172a);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;line-height:1.2;margin-bottom:1.5rem}.stats-section{margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;width:100%}.stat-card{background:#fff;background:var(--white,#fff);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);display:flex;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card h3{color:#64748b;color:var(--text-muted,#64748b);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.stat-number{color:#0f172a;color:var(--text-primary,#0f172a);font-size:clamp(1.8rem,6vw,2.5rem);font-weight:700;line-height:1;margin:0}.stat-card.open .stat-number{color:#16a34a}.stat-card.resolved .stat-number{color:#6b7280}.quick-actions{margin-top:2rem;text-align:center}.quick-actions h2{color:#1e40af;color:var(--dark-blue,#1e40af);font-size:clamp(1rem,3vw,1.25rem);font-weight:500;margin-bottom:1rem}.manage-btn{background:#3b82f6;background:var(--primary-blue,#3b82f6);border:none;border-radius:12px;border-radius:var(--border-radius,12px);color:#fff;color:var(--white,#fff);cursor:pointer;font-size:1rem;font-weight:500;max-width:300px;padding:12px 24px;transition:background .2s ease;width:100%}.manage-btn:hover{background:#1e40af;background:var(--dark-blue,#1e40af)}.manage-btn:focus{outline:2px solid #60a5fa;outline:2px solid var(--light-blue,#60a5fa);outline-offset:2px}.menu-toggle{background:#3b82f6;background:var(--primary-blue,#3b82f6);border:none;border-radius:8px;color:#fff;color:var(--white,#fff);cursor:pointer;margin-bottom:1rem;padding:.5rem .7rem;z-index:50}.overlay{background:#00000080;cursor:pointer;display:none;inset:0;position:fixed;z-index:30}@media (max-width:900px){.app-wrapper{padding:0 15px}.menu-toggle{left:1rem;position:fixed;top:1rem;z-index:60}.menu-toggle,.overlay{display:block}.dashboard-main{margin-left:0!important;min-height:calc(100vh - 5rem);padding:5rem 1.5rem 2rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.manage-btn{padding:10px 20px}.sidebar{background-color:#fff;background-color:var(--white,#fff);box-shadow:2px 0 10px #0000000f;display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:-260px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:100}.sidebar.open{left:0}.sidebar-content{align-items:stretch;display:flex;flex-direction:column;flex-grow:1;padding-top:1rem}.sidebar-close{cursor:pointer;display:flex;justify-content:flex-end;padding:1rem}@media (max-width:480px){.app-wrapper{padding:0 10px}.dashboard-main{padding:4.5rem 1rem 1.5rem}.stat-card{padding:1rem}.stat-card h3{font-size:.8rem}.quick-actions h2{font-size:1rem}.manage-btn{font-size:.95rem;padding:10px 16px}.dashboard-header{font-size:1.5rem;-webkit-hyphens:auto;hyphens:auto}}}@media (min-width:901px){.menu-toggle,.overlay{display:none}.dashboard-main{margin-left:250px;max-width:calc(100% - 250px);min-height:100vh;padding:2.5rem}.stats-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}.stat-card{padding:2rem}.quick-actions h2{font-size:1.5rem}.manage-btn{font-size:1.1rem;max-width:250px}.sidebar{background-color:#fff;background-color:var(--white,#fff);box-shadow:2px 0 10px #0000000f;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;position:fixed;top:0;width:250px;z-index:50}.sidebar-close{display:none}.app-wrapper{padding:0 30px}}.tickets-page-container{background-color:#f9fafb;background-color:var(--bg-light,#f9fafb);display:flex;height:100vh}.app-wrapper{flex:1 1;max-width:var(--max-width,1440px);width:100%}.tickets-main{flex:1 1;overflow-y:auto;padding:2rem;word-break:break-word}h2{color:#1e40af;color:var(--dark-blue,#1e40af);font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:1.5rem;text-align:center}.ticket-form{background:#fff;background:var(--white,#fff);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);margin-bottom:2rem;padding:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}label{color:#0f172a;color:var(--text-primary,#0f172a);font-weight:600;margin-bottom:.4rem}input,select,textarea{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline-color:var(--light-blue);padding:.6rem;width:100%}textarea{min-height:80px;resize:vertical}.error{color:#dc2626;display:block;font-size:.85rem;margin-top:.25rem}.submit-btn{background:#3b82f6;background:var(--primary-blue,#3b82f6);border:none;border-radius:8px;color:#fff;color:var(--white,#fff);cursor:pointer;font-weight:500;padding:.7rem 1.2rem;transition:background .3s;width:100%}.submit-btn:hover{background:#1e40af;background:var(--dark-blue,#1e40af)}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.submit-btn:disabled:hover{background:#9ca3af}.toast{animation:fadein .3s ease-in;border-radius:8px;color:#fff;font-weight:500;padding:.8rem 1.2rem;position:fixed;right:1rem;top:1rem;z-index:1000}.toast.success{background-color:#16a34a}.toast.error{background-color:#dc2626}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tickets-list{display:flex;flex-direction:column;gap:1rem}.tickets-list h3{color:#0f172a;color:var(--text-primary,#0f172a);font-size:1.25rem;margin-bottom:1rem}.ticket-card{background:#fff;background:var(--white,#fff);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:1.25rem;position:relative;transition:transform .2s ease}.ticket-card:hover{transform:translateY(-2px)}.ticket-card h4{color:#3b82f6;color:var(--primary-blue,#3b82f6);font-weight:600;margin-bottom:.5rem}.ticket-card p{color:#64748b;color:var(--text-muted,#64748b);margin-bottom:1rem}.status-tag{border-radius:6px;color:#fff;color:var(--white,#fff);font-size:.8rem;font-weight:600;padding:.3rem .6rem;position:absolute;right:1rem;text-transform:capitalize;top:1rem}.ticket-card.open .status-tag{background-color:#16a34a}.ticket-card.in_progress .status-tag{background-color:#f59e0b}.ticket-card.closed .status-tag{background-color:#6b7280}.card-actions{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.5rem;transition:background .2s ease}.edit-btn{background:#60a5fa;background:var(--light-blue,#60a5fa);color:#fff;color:var(--white,#fff)}.edit-btn:hover{background:#3b82f6;background:var(--primary-blue,#3b82f6)}.delete-btn{background:#ef4444;color:#fff;color:var(--white,#fff)}.delete-btn:hover{background:#dc2626}.no-tickets{color:#64748b;color:var(--text-muted,#64748b);font-style:italic;text-align:center}.menu-toggle{display:none}@media (max-width:900px){.app-wrapper{padding:0 15px}.menu-toggle{left:1rem;position:fixed;top:1rem;z-index:60}.menu-toggle,.overlay{display:block}.tickets-main{padding:5rem 1.5rem 2rem}.ticket-form{padding:1.25rem}.tickets-list{gap:1rem}.card-actions{flex-direction:column}}@media (max-width:480px){.tickets-main{padding:4.5rem 1rem 1.5rem}.ticket-card,.ticket-form{padding:1rem}.tickets-list h3,h2{font-size:1.1rem}}@media (min-width:901px){.menu-toggle,.overlay{display:none}.tickets-main{margin-left:250px;max-width:calc(100% - 250px);padding:2.5rem}.app-wrapper{padding:0 30px}.form-group{align-items:center;flex-direction:row;gap:1rem}label{flex:0 0 120px;margin-bottom:0;text-align:right}input,select,textarea{flex:1 1}.submit-btn{align-self:flex-end;max-width:200px;width:auto}.tickets-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.ticket-card{height:100%}.card-actions{flex-direction:row}.sidebar{height:100vh;left:0;position:fixed;top:0;width:250px}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:#f9fafb;color:#0f172a;font-family:Inter,Poppins,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow:auto}:root{--primary-blue:#3b82f6;--light-blue:#60a5fa;--dark-blue:#1e40af;--bg-light:#f9fafb;--bg-hero:#0f172a;--text-primary:#0f172a;--text-on-dark:#f8fafc;--text-muted:#64748b;--white:#fff;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--border-radius:12px;--max-width:1440px}.app-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:1440px;max-width:var(--max-width);min-height:100vh;padding:0 20px}.btn{border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#3b82f6;background-color:var(--primary-blue);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#60a5fa;background-color:var(--light-blue)}.btn:focus,a:focus{outline:2px solid #60a5fa;outline:2px solid var(--light-blue);outline-offset:2px}.card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin-bottom:20px;padding:24px}.decorative-circle{background:radial-gradient(circle,#60a5fa 0,#0000 70%);background:radial-gradient(circle,var(--light-blue) 0,#0000 70%);border-radius:50%;height:200px;opacity:.3;position:absolute;width:200px;z-index:-1}.landing-root,body{margin:0;padding:0}.hero{margin:0;padding-top:0}.react-hot-toast{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;color:#0f172a!important}.react-hot-toast .react-hot-toast-icon{color:#3b82f6!important}.react-hot-toast--success .react-hot-toast-icon{color:#16a34a!important}.react-hot-toast--error .react-hot-toast-icon{color:#ef4444!important}.react-hot-toast--success{border-left:4px solid #16a34a!important}.react-hot-toast--error{border-left:4px solid #ef4444!important}
/*# sourceMappingURL=main.d3025225.css.map*/