.user-form{max-width:400px;margin:5px auto 120px;padding:25px 28px;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;display:flex;flex-direction:column;gap:18px;box-shadow:0 12px 30px #0006;animation:fadeIn .6s ease}.form-input,.form-select{padding:12px 14px;border-radius:8px;border:2px solid transparent;background:#ffffff26;color:#fff;font-size:15px;outline:none;transition:all .3s ease}.form-input::placeholder{color:#ffffffb3}.form-input:hover,.form-select:hover{background:#ffffff40}.form-input:focus,.form-select:focus{border-color:#00e0ff;color:#6309a7;background-color:#2b133c19;box-shadow:0 0 10px #1c120599;transform:scale(1.02)}.form-btn{margin-top:8px;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#00e0ff,#00ffa2);color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.form-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px #00ffc866}.form-btn:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.user-form{width:90%;padding:20px}.form-input,.form-select{font-size:14px}}.queue-container{color:#fff;font-family:Segoe UI,Tahoma,sans-serif}.queue-title{margin-bottom:16px;font-size:22px;font-weight:600;text-align:center;color:#00e0ff}.queue-empty{text-align:center;opacity:.7;font-size:14px}.queue-card{background:#ffffff1f;border-radius:12px;padding:14px 16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 16px #00000059;transition:all .3s ease}.queue-card:hover{transform:translateY(-2px) scale(1.01);background:#ffffff2e}.queue-info{display:flex;flex-direction:column;gap:4px}.queue-name{margin:0;font-size:16px;font-weight:600}.queue-service{margin:0;font-size:13px;opacity:.8;text-transform:capitalize}.queue-actions{display:flex;gap:8px}.btn{padding:6px 12px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.serve-btn{background:linear-gradient(135deg,#cb781f,#d4aa12);color:#000}.serve-btn:hover{box-shadow:0 0 12px #e7c50599;transform:scale(1.05)}.complete-btn{background:linear-gradient(135deg,#13b22d,#0d9510);color:#000}.complete-btn:hover{box-shadow:0 0 12px #ffc10799;transform:scale(1.05)}.delete-btn{background:linear-gradient(135deg,#ff4b2b,#ff416c);color:#fff}.delete-btn:hover{box-shadow:0 0 12px #ff4b2b99;transform:scale(1.05)}@media(max-width:600px){.queue-card{flex-direction:column;align-items:flex-start;gap:10px}.queue-actions{width:100%;justify-content:flex-end}}.app-header{position:fixed;top:0;left:0;width:100%;padding:20px;background:linear-gradient(135deg,#141e30,#243b55);color:#fff;text-align:center;font-family:Segoe UI,Tahoma,sans-serif;box-shadow:0 6px 18px #00000059;z-index:1000}.header-title{margin:0;font-size:28px;font-weight:700;letter-spacing:1px;color:#00e0ff;transition:all .3s ease}.header-subtitle{margin-top:6px;font-size:14px;opacity:.85;letter-spacing:.4px;transition:all .3s ease}.app-header:hover .header-title{transform:scale(1.03)}.app-header:hover .header-subtitle{opacity:1}@media(max-width:600px){.header-title{font-size:22px}.header-subtitle{font-size:13px}}.app-footer{position:fixed;bottom:0;left:0;width:100%;padding:14px 20px;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;text-align:center;font-family:Segoe UI,Tahoma,sans-serif;box-shadow:0 -6px 18px #00000059;z-index:1000}.footer-author,.footer-copy{margin:4px 0;font-size:14px;letter-spacing:.4px;opacity:.9;transition:all .3s ease}.footer-author{font-weight:600;color:#00e0ff}.app-footer:hover .footer-author,.app-footer:hover .footer-copy{opacity:1;transform:translateY(-2px)}@media(max-width:480px){.footer-author,.footer-copy{font-size:13px}}.main-wrapper{height:100vh;padding-top:100px;padding-bottom:90px;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;justify-content:center;align-items:center;overflow:hidden}.content-box{position:fixed;top:100px;bottom:90px;left:50%;transform:translate(-50%);width:90%;max-width:1100px;background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:30px;box-shadow:0 15px 40px #00000073;display:grid;grid-template-columns:1fr 1.2fr;gap:25px;overflow:hidden}.form-section{background:#ffffff1f;padding:25px;border-radius:14px;box-shadow:inset 0 0 10px #ffffff0d;display:flex;justify-content:center;align-items:center}.display-section{background:#ffffff1f;padding:20px;border-radius:14px;box-shadow:inset 0 0 10px #ffffff0d;height:100%;overflow-y:auto;scrollbar-width:thin}.display-section::-webkit-scrollbar{width:6px}.display-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.display-section::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00e0ff,#00ffa2);border-radius:10px}@media(max-width:768px){.main-wrapper{overflow-y:auto;align-items:flex-start}.content-box{position:relative;top:0;bottom:0;left:0;transform:none;width:100%;max-width:none;margin:0 auto;grid-template-columns:1fr;padding:20px;gap:20px;overflow:visible}.form-section,.display-section{width:100%;max-width:500px;margin:0 auto}.form-section{justify-content:center;align-items:center}.display-section{overflow-y:visible}}