@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600;700&display=swap";body{background-color:#1f1f1f;font-family:Barlow Semi Condensed,sans-serif;color:#fff}.background-container{background:transparent!important}.background-container .wave svg{background:#0000!important}.background-container{position:absolute;overflow:hidden;z-index:-1}.circle{position:fixed;border:2px solid #ff872b;border-radius:50%;z-index:-1}.circle.one{top:10%;left:7%;width:100px;height:100px;opacity:.5}.circle.two{top:-8%;right:45%;background-color:#ff872b;width:140px;height:140px}.circle.three{top:70%;right:10%;width:70px;height:70px}@media(max-width:480px){.circle.two{top:2px;right:50%;width:50px;height:50px}.circle.one{top:100px;width:50px;height:50px}.wave.one{display:none}}@media(min-width:500px){.wave.two{display:none}}.wave{position:fixed;bottom:0;left:0;width:100%;z-index:1}.wave svg{display:block;width:100%;height:auto;z-index:1}.navbar{width:100%;margin-top:20px;position:fixed;display:flex;justify-content:center;align-items:center;top:0;z-index:1000;padding-left:10px;padding-right:10px}.nav-container{max-width:1000px;width:60%;margin:0;padding:.8rem 2rem;display:flex;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;justify-content:space-between;box-shadow:0 2px 6px #0000000d;border:2px solid #616161;border-radius:18px;z-index:1000;position:relative}.nav-logo{display:flex;align-items:center;gap:.5rem}.nav-logo img{height:40px}.logo-text{font-family:Barlow Semi Condensed,sans-serif;font-weight:700;color:#ff872b;font-size:1.5rem}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:#c2c2c2;font-weight:500;transition:color .3s ease}.nav-links .active{border-bottom:3px solid #ff872b;color:#fff}.nav-links a:hover{color:#ff872b}.nav-actions .login-btn,.nav-actions .logout-btn{background:#ff872b;color:#fff;border:none;padding:.5rem 1.2rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:500;transition:background .3s ease}.nav-actions .login-btn:hover,.nav-actions .logout-btn:hover{background:#e06f10;color:#fff}.menu-toggle{display:none;flex-direction:column;gap:5px;position:relative;z-index:200}.menu-toggle span{background:#616161;height:3px;width:25px;border-radius:3px;transition:all .3s ease}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0;width:1px}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:768px){.nav-links{position:absolute;overflow:hidden;top:75px;left:0;right:0;background:#2c2c2c;border:2px solid #616161;border-radius:18px;flex-direction:column;align-items:center;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .4s ease,transform .3s ease-in-out;opacity:0;transform:translateY(-10%);max-height:0}.nav-links.active-m{opacity:1;transform:translateY(0);max-height:320px;padding:1.5rem 0}.menu-toggle{display:flex}.desktop{display:none}.navbar{padding:0}.nav-container{width:85%}}@media(min-width:768px){.mobile{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer[data-v-5536cc0d]{position:fixed;width:100%;display:flex;justify-content:center;padding:5px 10px;bottom:2px;background-color:#ffffff4f;z-index:10}.footer-container[data-v-5536cc0d]{display:flex;width:100%;justify-content:space-between;align-items:center;max-width:1000px}.left-side[data-v-5536cc0d]{display:flex;align-items:end;flex-direction:column}.footer-container img[data-v-5536cc0d]{height:35px}.footer-container .left-side .copyrights[data-v-5536cc0d]{color:#616161;font-weight:700;font-size:14px}.footer-container .left-side .builtby[data-v-5536cc0d]{color:#616161;font-weight:600;font-size:13px}.landing-container{font-family:Barlow Semi Condensed,sans-serif;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;color:#fff;text-align:center;overflow-x:hidden}.landing-content{max-width:700px}.landing-img{left:100px;top:20%;position:absolute;width:500px;z-index:-1}.landing-imgtwo{right:100px;top:55%;position:absolute;width:350px;z-index:-1000}.landing-title{height:fit-content;padding:0%;font-size:120px;font-weight:600;margin:0;color:#fff}.landing-tagline{font-size:1.2rem;color:#ccc;margin-bottom:2.5rem}.landing-highlight{color:#f90;background-image:linear-gradient(to right,#f90,#c50);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:500}.landing-subtext{display:block;color:#aaa}.landing-button{display:inline-block;padding:.9rem 2.5rem;border:2px solid #f57c00;border-radius:8px;color:#f2f2f2;background-color:#1f1f1f;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease}.landing-button:hover{background-color:#f57c00;color:#1a1a1a;transform:translateY(-1px)}@media(max-width:768px){.landing-tagline{font-size:1rem}.landing-img{left:0;top:20%;position:fixed;width:200px;z-index:-1}.landing-imgtwo{display:none}.landing-title{font-size:80px}}@media(max-width:480px){.landing-container{align-items:baseline}.landing-content{margin-top:225px;margin-bottom:50px;z-index:10}}.signup-container,.login-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10;font-family:Barlow Semi Condensed,sans-serif}.signup-container h2,.login-container h2{font-size:40px;font-weight:500;margin-bottom:20px;color:#616161}.signup-container p,.login-container p{margin-bottom:20px;color:#616161}.signup-form,.login-form{max-width:400px;border:2px solid #616161;background-color:#1f1f1f;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:18px;box-shadow:0 5px 20px #000c}.form-group input{padding-left:10px;width:350px;height:30px;background-color:#2a2a2a;border:2px solid #3b3b3b;border-radius:8px;color:#787878}.form-group input:hover{box-shadow:0 2px #000,0 6px 10px #00000080;transform:translateY(-1px);transition:all .2s ease}.form-group input:focus{outline:1px solid #616161;outline-offset:2px;transform:translateY(-3px)}.form-group .error-msg,.login-form .error-text{color:#b81a1a;font-weight:500;font-size:15px;margin:0}.redirect a{color:#ff872b;margin-left:2px;text-decoration:none}.submit-btn{display:inline-block;padding:5px 10px;border:2px solid #616161;border-radius:10px;color:#787878;background-color:#1f1f1f;text-decoration:none;font-weight:500;font-size:15px;margin-bottom:8px;transition:all .3s ease}.submit-btn:hover{background-color:#3b3b3b;transform:translateY(-1px)}.submit-btn:focus{outline:1px solid #616161;outline-offset:2px;transform:translateY(-3px)}.signup-form .success-msg{color:#6cac0c}@media(max-width:480px){.form-group input{padding-left:5px;width:250px}.signup-container,.login-container{display:flex;justify-content:start}.signup-container h2,.login-container h2{margin-top:75px}}*{margin:0;padding:0}.dashboard{width:100%;display:flex;justify-content:center}.dashboard-container{font-family:Barlow Semi Condensed,sans-serif;max-width:1440px;display:flex;justify-content:center;align-items:center;flex-direction:column}.dashboard-header{margin-top:120px;width:790px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:30px}.header-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.dashboard-header h1{width:100%;text-align:left;font-weight:500;font-size:40px;color:#9ca3af;margin-bottom:20px}.dashboard-header h3{color:#f57c00;font-weight:500;font-size:22px}.dashboard-header p{color:#616161}.dashboard-actions{display:flex;gap:10px}.dashboard-actions button{padding:10px;background-color:#1f1f1f;border:2px solid #994d00;border-radius:12px;color:#aaa}.dashboard-actions button:hover{box-shadow:0 2px #000,0 6px 10px #00000080;transform:translateY(-1px);transition:all .2s ease}.stats-container{display:flex;justify-content:space-between;width:790px}.stats-container .one,.stats-container .two{display:flex;flex-direction:row;gap:20px}.stat-card{padding:12px;width:155px;background-color:#1f1f1f;border:2px solid #616161;border-radius:12px;color:#616161;box-shadow:0 2px #000,0 6px 10px #0000004d}.stat-card:hover{box-shadow:0 2px #000,0 6px 10px #0009;transform:translateY(-1px);transition:all .2s ease}.stat-card h3{font-weight:300;font-size:15px}.stat-card p{color:#9ca3af;font-weight:400;font-size:40px}.stat-card.in-progress h3{color:#ffbf00}.stat-card.total{color:#688bff}.stat-card.open{color:green}.stat-card.closed{color:#aaa}@media(max-width:800px){.dashboard-container{width:100%;padding:0 50px}.dashboard-header{width:100%}.stats-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;gap:15px;place-items:center;justify-content:space-between;align-content:space-between;box-sizing:border-box}.stat-card.grid-item{width:90%}}@media(max-width:550px){.dashboard-container{width:100%;padding:0 20px}.stats-container{margin-top:0;width:100%;gap:10px}.stat-card.grid-item{width:85%;padding:8px}.stat-card h3{font-size:13px}.stat-card p{font-size:30px}.dashboard-header{margin-bottom:20px}.dashboard-actions{align-items:center}.dashboard-header h1{font-size:30px}.dashboard-header h3{font-size:16px}.dashboard-header p{font-size:13px;width:90%}.dashboard-actions button{padding:5px;height:fit-content;border-radius:8px}}*{box-sizing:border-box;font-family:Barlow Semi Condensed,sans-serif}.ticket-manager{width:100%;height:100vh;flex-direction:column;display:flex;align-items:center}.ticket-header{width:800px;justify-content:space-between;display:flex;margin-top:120px}.ticket-header button{padding:10px;background-color:#1f1f1f;border:2px solid #994d00;border-radius:12px;color:#aaa;font-size:20px}.ticket-header button:hover{box-shadow:0 2px #000,0 6px 10px #0009;transform:translateY(-1px);transition:all .2s ease}.ticket-header h2{font-weight:500;font-size:40px;color:#9ca3af}.ticket-list-container{overflow-y:hidden;margin-top:20px;display:flex;flex-direction:column;align-items:center}.ticket-grid::-webkit-scrollbar{display:none}.filters{padding:15px 4px;display:flex;width:800px;justify-content:space-around;align-items:center;background-color:#ffffff0d;border-radius:18px;box-shadow:0 2px #000,0 6px 10px #0009;border:2px solid #616161}.filters input{width:40%}.filters select{width:20%}.filters input,.filters select{padding:10px;border-radius:10px;border:2px solid #616161;background:#1e1e1e;color:#616161}.filters input:focus,.filters select:focus{outline:1px solid #616161;outline-offset:2px;transform:translateY(-3px)}.filters input:hover,.filters select:hover{background-color:#363636aa;box-shadow:0 2px #000,0 6px 10px #0009;transform:translateY(-1px);transition:all .2s ease}.ticket-grid{height:100vh;overflow:auto;display:flex;flex-direction:column;align-items:center;width:95%;padding-top:10px}.ticket-card{margin:5px 0;border:2px solid #616161;background:#2b2b2b;padding:10px;color:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;width:100%;box-sizing:border-box;z-index:50}.ticket-card:hover{background-color:#4d4d4d;box-shadow:0 2px #000,0 6px 10px #0009;transform:translateY(-1px);transition:all .2s ease}.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.ticket-card-header h3{font-weight:200;font-size:22px}.ticket-card .status{padding:3px 7px;border-radius:7px;height:fit-content;color:#fff;font-size:12px;display:flex;justify-content:center;align-items:center}.ticket-card .desc{min-height:30px;width:700px;font-weight:100;font-size:15px;color:#aaaa}.ticket-bottom{margin-top:2px;display:flex;justify-content:space-between;width:100%}.ticket-bottom p{border-radius:5px;font-size:12px}.tags{display:flex;gap:10px}.priority{padding:3px 7px;border-radius:7px;height:fit-content;font-size:12px;display:flex;justify-content:center;align-items:center}.priority.low{color:#a1a7ff;border:1px solid #a1a7ff;background-color:#a1a7ff4d}.priority.medium{color:orange;border:1px solid orange;background-color:#ffa6004d}.priority.high{color:red;border:1px solid red;background-color:#f003}.actions{display:flex;justify-content:space-between;margin-top:10px}.actions button{background:#3a3a3a;border:none;color:#aaaa;padding:3px 6px;border-radius:6px;cursor:pointer;border:1px solid #616161;font-weight:500}.actions .del{color:#be4141}.actions button:hover{background:#1f1f1f;box-shadow:0 2px #000,0 6px 10px #0009;transform:translateY(-1px);transition:all .2s ease}@media(max-width:830px){.ticket-header{width:90%}.ticket-list-container{width:95%}.filters{padding:15px 4px;width:100%}.ticket-card .desc{min-height:30px;width:90%}}@media(max-width:550px){.filters input,.filters select{padding:5px}.ticket-header h2{font-size:30px}.ticket-header button{font-size:16px}.filters{padding:10px 3px}}.ticket-form{margin-top:120px;max-width:400px;border:2px solid #616161;background-color:#1f1f1f;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:18px;box-shadow:0 5px 20px #000c;z-index:50}.ticket-form h2{margin-bottom:10px;font-size:40px;font-weight:500;color:#616161}.form-group{display:flex;justify-content:center;flex-direction:column;margin-bottom:20px}.form-group label{color:#787878;margin-bottom:5px}.ticket-form .input:hover{box-shadow:0 2px #000,0 6px 10px #00000080;transform:translateY(-1px);transition:all .2s ease}.ticket-form .input:focus{outline:1px solid #616161;outline-offset:2px;transform:translateY(-3px)}.ticket-form .input{padding:0 10px;width:350px;height:40px;background-color:#2a2a2a;border:2px solid #3b3b3b;border-radius:8px;color:#787878;font-size:15px}.input.desc{height:60px}.input.desc::-webkit-scrollbar{display:none}.ticket-form .actions{width:150px;display:flex;flex-direction:column;gap:10px}.ticket-form .actions button{height:30px}.ticket-form .actions button.cancel{background-color:#1f1f1f}.ticket-form .actions button.cancel:hover{background:#3a3a3a}@media(max-width:480px){.ticket-form .input{padding-left:5px;width:250px;height:30px;font-size:13px}.input.desc{height:50px}}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal{background:#1f1f1f;padding:20px 24px;border-radius:12px;width:300px;text-align:center;box-shadow:0 5px 15px #00000040}.modal-actions{display:flex;justify-content:space-between;margin-top:16px}.confirm-btn{background-color:#e53935;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:.2s ease}.cancel-btn{background-color:#ccc;color:#000;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:.2s ease}.confirm-btn:hover{background-color:#d32f2f}.cancel-btn:hover{background-color:#b0b0b0}.about{width:100%;height:90vh;display:flex;justify-content:center;padding:20px}.about-container{margin-top:130px;max-width:800px;height:fit-content;display:flex;align-items:center;flex-direction:column;background-color:#1f1f1f00;padding:20px;border-radius:24px;text-align:center}.about-container .title{font-weight:500;font-size:40px;color:#9ca3af;margin-bottom:10px}.about-desc{font-size:18px;margin-bottom:30px;color:#9ca3af}.about-desc .start{font-weight:500}.ender,.about-desc .start{color:#f90;background-image:linear-gradient(to right,#f90,#c50);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.about-desc .ender{margin-top:20px}