@tailwind base;@tailwind components;@tailwind utilities;.auth-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(to right,#667eea,#764ba2);padding:20px;box-sizing:border-box}.auth-form{background:#fff;padding:30px;width:100%;max-width:400px;border-radius:12px;box-shadow:0 4px 20px #0003;transition:.3s ease-in-out}.auth-form h2{margin-bottom:20px;font-size:24px;color:#fff;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;color:#555;font-size:14px}.form-group input{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#667eea}.auth-btn{width:100%;padding:12px;background-color:#667eea;color:#fff;font-size:16px;border:none;border-radius:6px;cursor:pointer;margin-top:10px;transition:background-color .2s}.auth-btn:hover{background-color:#5a67d8}.auth-switch{margin-top:15px;text-align:center;font-size:14px}.auth-switch a{color:#667eea;text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.auth-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,sans-serif}.auth-card{background:#0f3460;padding:40px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 30px #0000004d;text-align:center}.auth-card h2{margin-bottom:20px}.auth-card form{display:flex;flex-direction:column;gap:15px}.auth-card input,.auth-card select{padding:10px;border:none;border-radius:6px;font-size:16px}.auth-card button{padding:12px;background-color:#e94560;border:none;color:#fff;font-size:16px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.auth-card button:hover{background-color:#ff2e4d}.toggle-text{margin-top:15px;font-size:14px}.toggle-text span{color:#00adb5;cursor:pointer;text-decoration:underline}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1f1c2c,#928dab);font-family:Segoe UI,sans-serif}.auth-form{background:#ffffff14;padding:30px 35px;border-radius:15px;width:350px;box-shadow:0 8px 32px #1f26875e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.auth-heading{text-align:center;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:5px;color:#fff}.form-group input,.form-group select{width:100%;padding:10px 12px;border:none;border-radius:8px;outline:none;background:#ffffff26;color:#fff}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-btn{width:100%;padding:12px;background-color:#5e60ce;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .3s}.auth-btn:hover{background-color:#4b4ecb}.auth-switch{text-align:center;margin-top:15px;font-size:14px}.auth-switch a{color:#fff;text-decoration:underline}select{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px;border-radius:6px;outline:none}option{background-color:#1e1e2f;color:#fff}.support-dashboard{display:flex;font-family:Segoe UI,sans-serif;background-color:#f2f5f7;height:100vh;overflow:hidden}.sidebar{width:220px;background:#111827;color:#fff;padding:20px;display:flex;flex-direction:column;gap:20px}.sidebar h2{font-size:1.5rem;margin-bottom:10px;text-align:center}.sidebar nav button{background:#1f2937;border:none;color:#fff;padding:10px;margin-bottom:10px;cursor:pointer;transition:background .2s}.sidebar nav button:hover{background:#374151}.dashboard-content{flex-grow:1;padding:20px;overflow-y:auto}h1{margin-bottom:20px;color:#1f2937}.ticket-list{display:grid;gap:20px}.ticket-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 5px #0000000d}.status-actions button{margin-right:10px;padding:6px 12px;border:none;border-radius:5px;background:#2563eb;color:#fff;cursor:pointer}.status-actions button:nth-child(2){background:#16a34a}.comment-section{margin-top:15px}.comment-section textarea{width:100%;height:60px;padding:10px;margin-top:5px;border-radius:5px;border:1px solid #d1d5db;resize:none}.comment-section button{margin-top:8px;padding:6px 12px;border:none;background:#4b5563;color:#fff;border-radius:5px;cursor:pointer}.comments-history{margin-top:15px}.comments-history ul{list-style-type:disc;padding-left:20px}
