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}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{text-decoration:none}ul{list-style:none}.container{display:flex;min-height:100vh}.content{background:#f8fafc;margin-left:260px;padding:30px;width:calc(100% - 260px)}.sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);box-shadow:5px 0 20px #00000026;color:#fff;height:100vh;left:0;overflow:auto;padding:25px;position:fixed;top:0;width:260px}.sidebar h2{color:#38bdf8;font-size:30px;margin-bottom:5px;text-align:center}.sidebar h3{font-size:20px;margin-top:20px;text-align:center}.sidebar p{color:#cbd5e1;margin-bottom:35px;text-align:center}.sidebar ul{margin-top:20px}.sidebar li{align-items:center;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin:12px 0;padding:15px;transition:.3s}.sidebar li:hover{background:#2563eb;transform:translateX(6px)}.sidebar li svg{font-size:20px}.navbar{align-items:center;background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:18px 25px}.navbar h2{color:#0f172a}.navbar-right{align-items:center;display:flex;font-weight:600;gap:25px}.navbar button{background:#ef4444}.navbar button:hover{background:#dc2626}.dashboard-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:35px}.dashboard-card{border-radius:18px;box-shadow:0 10px 30px #0000001f;color:#fff;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:.3s}.dashboard-card:before{background:#ffffff26;border-radius:50%;content:"";height:120px;position:absolute;right:-40px;top:-40px;width:120px}.dashboard-card:hover{box-shadow:0 18px 35px #0003;transform:translateY(-8px)}.dashboard-card h3{align-items:center;color:#fff;display:flex;font-size:18px;gap:10px;margin-bottom:20px}.dashboard-card h2{color:#fff;font-size:42px;font-weight:700}.users-card{background:linear-gradient(135deg,#2563eb,#96979c)}.tickets-card{background:linear-gradient(135deg,#7c3aed,#3d3d3f)}.open-card{background:linear-gradient(135deg,#f59e0b,#2f2e2d)}.closed-card{background:linear-gradient(135deg,#10b981,#1d201f)}.my-card{background:linear-gradient(135deg,#ef4444,#201e1e)}.dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin-top:30px}.chart-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;padding:25px}.chart-card h3{color:#0f172a;margin-bottom:25px}.chart-container{height:350px;margin:auto;max-width:350px;width:100%}.stats-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;padding:25px}.stats-card h3{color:#0f172a;margin-bottom:25px}.stats-card p{border-bottom:1px solid #e2e8f0;font-size:16px;padding:14px 0}.stats-card strong{color:#2563eb}table{background:#fff;border-collapse:collapse;border-radius:18px;box-shadow:0 8px 25px #00000014;margin-top:20px;overflow:hidden;width:100%}thead{background:#2563eb}th{color:#fff;letter-spacing:.5px;padding:18px;text-align:left}td,th{font-size:15px}td{border-bottom:1px solid #e5e7eb;padding:16px}tbody tr{transition:.25s}tbody tr:nth-child(2n){background:#f8fafc}tbody tr:hover{background:#dbeafe}button{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:.3s}button:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-success{background:#10b981}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-warning{background:#f59e0b}.btn-warning:hover{background:#d97706}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:15px;margin:10px 0;padding:12px 15px;transition:.3s;width:100%}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 10px #2563eb40;outline:none}.search-box{background:#fff;border:1px solid #d1d5db;border-radius:30px;margin-bottom:25px;padding:12px 18px;transition:.3s;width:350px}.search-box:focus{border-color:#2563eb;box-shadow:0 0 10px #2563eb40;width:420px}.status-open{background:#2563eb;letter-spacing:.5px}.status-closed,.status-open{border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:700;padding:6px 14px}.status-closed{background:#10b981}.priority-high{background:#ef4444}.priority-high,.priority-medium{border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:700;padding:6px 14px}.priority-medium{background:#f59e0b}.priority-low{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:700;padding:6px 14px}.comment-box{background:#fff;border-radius:16px;box-shadow:0 8px 20px #00000014;margin-top:25px;padding:20px}.comment{background:#f8fafc;border-left:5px solid #2563eb;border-radius:12px;margin-bottom:15px;padding:15px;transition:.3s}.comment:hover{background:#eff6ff;transform:translateX(5px)}.comment strong{color:#1d4ed8;font-size:16px}.comment p{color:#334155;line-height:1.6;margin:10px 0}.comment small{color:#64748b}.comment-input{align-items:flex-start;display:flex;gap:15px;margin-top:20px}.comment-input textarea{flex:1 1;min-height:90px}.comment-input button{height:50px;min-width:140px}.ticket-details{background:#fff;border-radius:18px;box-shadow:0 10px 25px #00000014;margin-top:25px;padding:25px}.ticket-details h2{color:#0f172a;margin-bottom:20px}.ticket-details p{color:#334155;font-size:16px;margin:12px 0}.ticket-details strong{color:#2563eb}.profile-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;margin:auto;max-width:700px;padding:35px}.profile-header{margin-bottom:30px;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:42px;font-weight:700;height:110px;justify-content:center;margin:0 auto 20px;width:110px}.profile-header h2{color:#0f172a;margin-bottom:8px}.profile-header p{color:#64748b}.profile-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:25px}.info-box{background:#f8fafc;border-radius:12px;padding:18px}.info-box label{color:#64748b;display:block;font-size:14px;margin-bottom:8px}.info-box span{color:#1e293b;font-size:17px;font-weight:600}.form-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;margin-bottom:30px;padding:30px}.form-card h2{color:#0f172a;margin-bottom:25px}.users-container{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;padding:25px}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.ticket-container{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;padding:25px}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.section-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:20px}.page-card{background:#fff;border-radius:18px;box-shadow:0 10px 25px #00000014;margin-bottom:25px;padding:25px}.modal{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-content{animation:popup .25s ease;background:#fff;border-radius:18px;max-width:95%;padding:30px;width:650px}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.slide-left{animation:slideLeft .5s ease}@keyframes slideLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.scale-up{animation:scaleUp .3s ease}@keyframes scaleUp{0%{transform:scale(.95)}to{transform:scale(1)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#1d4ed8}.loading{align-items:center;display:flex;justify-content:center;padding:50px}.loader{animation:spin 1s linear infinite;border:5px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:45px;width:45px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#64748b;padding:60px 20px;text-align:center}.empty-state h2{margin-bottom:10px;margin-top:20px}.empty-state p{font-size:16px}.success-message{background:#dcfce7;color:#166534}.error-message,.success-message{border-radius:10px;margin:15px 0;padding:15px}.error-message{background:#fee2e2;color:#991b1b}.warning-message{background:#fef3c7;border-radius:10px;color:#92400e;margin:15px 0;padding:15px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:6px 14px}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-green{background:#dcfce7;color:#15803d}.badge-red{background:#fee2e2;color:#dc2626}.table-responsive{overflow-x:auto;width:100%}table{min-width:900px}@media(max-width:992px){.container{display:block}.sidebar{width:220px}.content{margin-left:220px;width:calc(100% - 220px)}.dashboard-content{grid-template-columns:1fr}.dashboard-cards{grid-template-columns:repeat(2,1fr)}.profile-info{grid-template-columns:1fr}.chart-container{max-width:100%}}@media(max-width:768px){.container{display:block}.sidebar{height:auto;padding:15px;position:relative;width:100%}.sidebar h2{font-size:28px}.sidebar h3{font-size:18px}.sidebar p{margin-bottom:15px}.sidebar ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sidebar li{font-size:14px;margin:0;padding:10px 14px}.sidebar li:hover{transform:none}.content{margin-left:0;padding:15px;width:100%}.navbar{align-items:flex-start;flex-direction:column;gap:15px}.navbar-right{flex-wrap:wrap;justify-content:space-between;width:100%}.dashboard-cards{grid-template-columns:1fr}.dashboard-card h2{font-size:34px}.dashboard-content{grid-template-columns:1fr}.chart-container{height:250px;width:100%}.chart-card,.form-card,.page-card,.profile-card,.stats-card,.ticket-container,.users-container{padding:18px}.ticket-header,.users-header{align-items:flex-start;flex-direction:column;gap:15px}.search-box,.search-box:focus{width:100%}.profile-info{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap}.action-buttons button{min-width:70px}input,select,textarea{font-size:16px}button{width:auto}.login-card{max-width:420px;padding:25px;width:90%}}@media(max-width:576px){.dashboard-card{padding:20px}.dashboard-card h2{font-size:28px}.section-title{font-size:22px}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.profile-avatar{font-size:30px;height:80px;width:80px}.login-card{padding:20px}button{margin-top:8px;width:100%}table{min-width:800px}.comment-input{flex-direction:column}.comment-input button{width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;height:100vh;justify-content:center;width:100%}.login-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-radius:22px;box-shadow:0 20px 60px #00000040;padding:40px;width:420px}.login-card h1{color:#0f172a;margin-bottom:30px;text-align:center}.login-card input{margin-bottom:18px}.login-card button{font-size:16px;margin-top:10px;padding:14px;width:100%}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #ffffff4d}.premium-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014,0 20px 50px #2563eb14;padding:25px;transition:.3s}.premium-card:hover{box-shadow:0 20px 40px #0000001f,0 30px 60px #2563eb26;transform:translateY(-8px)}.icon-circle{background:#fff3;border-radius:50%;font-size:24px;height:55px;justify-content:center;margin-bottom:18px;width:55px}.icon-circle,.page-header{align-items:center;display:flex}.page-header{justify-content:space-between;margin-bottom:30px}.page-header h1{color:#0f172a;font-size:32px}.page-header p{color:#64748b}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-10{gap:10px}.gap-20{gap:20px}.text-center{text-align:center}.shadow-sm{box-shadow:0 5px 12px #00000014}.shadow-md{box-shadow:0 12px 30px #0000001f}.shadow-lg{box-shadow:0 20px 45px #0000002e}.rounded{border-radius:12px}.rounded-lg{border-radius:18px}.rounded-xl{border-radius:24px}.text-primary{color:#2563eb}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-warning{color:#f59e0b}.text-muted{color:#64748b}.bg-primary{background:#2563eb;color:#fff}.bg-success{background:#10b981;color:#fff}.bg-danger{background:#ef4444;color:#fff}.bg-warning{background:#f59e0b;color:#fff}.divider{background:#e2e8f0;height:1px;margin:25px 0;width:100%}html{scroll-behavior:smooth}img{display:block;max-width:100%}button,input,select,textarea{transition:all .3s ease}table tr{transition:all .25s ease}.dashboard-card,.page-card{transition:all .35s ease}.page-card:hover{transform:translateY(-5px)}a{color:#2563eb;transition:.3s}a:hover{color:#1d4ed8}code{background:#eef2ff;border-radius:6px;color:#2563eb;padding:3px 6px}.notification{position:relative}.notification:after{background:#ef4444;border-radius:50%;content:"";height:10px;position:absolute;right:-3px;top:-3px;width:10px}.action-buttons{display:flex;gap:8px}.action-buttons button{min-width:85px}.footer{color:#64748b;font-size:14px;margin-top:40px;padding:20px;text-align:center}.card-title{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:20px}.card-subtitle{color:#64748b;margin-bottom:20px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-30{padding:30px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.w-100{width:100%}.w-50{width:50%}.fw-bold{font-weight:700}.fw-normal{font-weight:500}.border{border:1px solid #e5e7eb}.border-primary{border:1px solid #2563eb}body{background:#f1f5f9}::selection{background:#2563eb;color:#fff}.notification-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin-top:25px;padding:20px}.notification{background:#f8fafc;border-left:5px solid #2563eb;border-radius:10px;margin-bottom:15px;padding:15px}.notification:hover{background:#eff6ff}.high-card{background:linear-gradient(135deg,#ef4444,#201e1e)}input[type=file]{margin:10px 0}table a{color:#2563eb;font-weight:700;text-decoration:none}table a:hover{text-decoration:underline}
/*# sourceMappingURL=main.fa455121.css.map*/