body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#888;--accent-primary:#ff6b9d;--accent-secondary:#c44569;--border-color:#ffffff1a;--card-bg:#ffffff0d;--glass-bg:#ffffff1a;--glass-border:#fff3}.light-theme{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--accent-primary:#007bff;--accent-secondary:#0056b3;--border-color:#0000001a;--card-bg:#0000000d;--glass-bg:#0000001a;--glass-border:#0003}.light-theme,.light-theme body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#2d2d2d)!important;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%)!important}.light-theme,.light-theme *,.light-theme body{color:#fff!important;color:var(--text-primary)!important}.light-theme .guestlist-screen,.light-theme .profile-screen,.light-theme .statistics-screen{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#2d2d2d)!important;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%)!important}.light-theme .chart-section,.light-theme .fluid-diagram-section,.light-theme .guestlist-header-integrated,.light-theme .slide-menu,.light-theme .stat-card{background:#ffffff1a!important;background:var(--glass-bg)!important;border:1px solid #fff3!important;border:1px solid var(--glass-border)!important}.light-theme .add-guest-btn,.light-theme .clear-guests-btn,.light-theme .filter-btn,.light-theme .hotel-room-input,.light-theme .import-csv-btn,.light-theme .menu-input,.light-theme .search-input{background:#ffffff1a!important;background:var(--glass-bg)!important;border:1px solid #fff3!important;border:1px solid var(--glass-border)!important;color:#fff!important;color:var(--text-primary)!important}.light-theme .guest-item{background:#ffffff0d!important;background:var(--card-bg)!important}.light-theme .checkin-btn,.light-theme .guest-item{border:1px solid #ffffff1a!important;border:1px solid var(--border-color)!important}.light-theme .checkin-btn{background:#fff!important;background:var(--text-primary)!important;color:#0a0a0a!important;color:var(--bg-primary)!important}.light-theme .checkin-btn.checked,.light-theme .hotel-explore-btn{background:#ff6b9d!important;background:var(--accent-primary)!important}.light-theme .hotel-explore-btn{color:#fff!important}.light-theme .guest-list{background:radial-gradient(circle at top left,#007bff4d 0,#0000 50%),linear-gradient(135deg,#fff,#f8f9fa 50%,#007bff1a)!important}.light-theme .guestlist-header-integrated{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-bottom:2px solid #007bff!important;box-shadow:0 2px 10px #007bff33!important}.light-theme .checked-in,.light-theme .remaining{color:#000c!important}.light-theme .checked-count{color:#007bff!important}.light-theme .total-count{color:#000000b3!important}.light-theme .remaining-count{color:#212529!important}.light-theme .logged-in-count{color:#000c!important}.light-theme .logged-in-count,.light-theme .search-input{background:#0000001a!important;border:1px solid #0003!important}.light-theme .search-input{color:#212529!important}.light-theme .search-input::placeholder{color:#0009!important}.light-theme .filter-btn{background:#0000001a!important;border:1px solid #0003!important;color:#212529!important}.light-theme .filter-btn:hover{background:#0003!important}.light-theme .filter-btn.active-filter{border-color:#007bff!important;box-shadow:0 0 10px #007bff4d!important}.light-theme .filter-btn.active-filter i:first-child{color:#007bff!important}.light-theme .add-guest-btn,.light-theme .clear-guests-btn,.light-theme .import-csv-btn{background:#0000001a!important;border:1px solid #0003!important;color:#212529!important}.light-theme .add-guest-btn:hover,.light-theme .clear-guests-btn:hover,.light-theme .import-csv-btn:hover{background:#0003!important}.light-theme .guest-item{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#0000001a!important;border:1px solid #0003!important}.light-theme .guest-item:hover{background:#00000026!important;border-color:#0000004d!important}.light-theme .guest-name{color:#212529!important}.light-theme .guest-price{color:#000000b3!important}.light-theme .guest-tag{background:#007bff!important;color:#fff!important}.light-theme .guest-tickets{background:#007bff1a!important;border:1px solid #007bff4d!important;color:#007bffcc!important}.light-theme .checkin-btn{background:#212529!important;border:1px solid #0003!important;color:#fff!important}.light-theme .checkin-btn:hover{background:#0000001a!important}.light-theme .checkin-btn.checked{background:#007bff!important;border-color:#007bff!important;color:#fff!important}.light-theme .empty-state,.light-theme .loading-indicator{color:#212529!important}.light-theme .menu-input{background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important}.light-theme .menu-input::placeholder{color:#fff9!important}.light-theme .menu-tag-input{background:#007bff!important;border:1px solid #007bff!important;color:#fff!important}.light-theme .menu-cancel-btn,.light-theme .menu-remove-btn,.light-theme .menu-save-btn{background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important}.light-theme .menu-cancel-btn:hover,.light-theme .menu-remove-btn:hover,.light-theme .menu-save-btn:hover{background:#fff3!important}.light-theme .menu-suggestions-dropdown{background:linear-gradient(135deg,#000000e6,#000000f2)!important;border:1px solid #fff3!important}.light-theme .menu-suggestion-item{color:#fff!important}.light-theme .menu-suggestion-item:hover{background:#ffffff1a!important}.light-theme .profile-screen{background:linear-gradient(135deg,#fff,#f8f9fa)!important}.light-theme .profile-title{color:#212529!important}.light-theme .profile-subtitle{color:#6c757d!important}.light-theme .profile-info-card,.light-theme .setting-item{background:#0000000d!important;border:1px solid #0000001a!important}.light-theme .setting-item:hover{background:#0000001a!important}.light-theme .setting-content h4{color:#212529!important}.light-theme .setting-content p{color:#6c757d!important}.light-theme .logout-btn{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#2d2d2d);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;height:100vh;max-width:100vw;overflow-x:hidden;overscroll-behavior:contain;position:fixed;transition:all .3s ease;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{display:flex;flex-direction:column;min-height:100vh}.App{overflow:hidden}.screen-container{height:100vh;overflow:hidden;position:relative;width:100%}.screen{animation:screenFadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.95);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}@keyframes screenFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.screen-content{animation:fadeInScale .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.screen-content>*{animation:fadeInUp .5s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;transform:translateY(20px)}.screen-content>:first-child{animation-delay:.1s}.screen-content>:nth-child(2){animation-delay:.2s}.screen-content>:nth-child(3){animation-delay:.3s}.screen-content>:nth-child(4){animation-delay:.4s}.screen-content>:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-screen{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow-x:hidden;width:100%}.welcome-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:400px;padding:60px 20px 20px}.welcome-header{margin-bottom:60px;text-align:center}.shield-icon{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:0;box-shadow:0 8px 32px #ff6b9d4d;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.welcome-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.welcome-subtitle{color:#fffc;font-size:16px;font-weight:400}.welcome-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:auto}.welcome-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:0;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.welcome-card:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 32px #0003;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:0;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.card-icon.create-logins{background:linear-gradient(135deg,#ff6b9d,#c44569)}.card-icon.create-event{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.card-icon.settings{background:linear-gradient(135deg,#f093fb,#f5576c)}.welcome-card h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.welcome-card p{color:#ffffffb3;font-size:14px;line-height:1.4}.hotel-login-screen{background:#000;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.hotel-image-section{align-items:center;background:linear-gradient(180deg,#000c 0,#0009 20%,#0006 40%,#0003 60%,#0000001a 80%,#0000),url(../../static/media/nightclub-bg.1dc2890c2a6701a1b21e.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:50vh;justify-content:center;overflow:hidden;position:relative}.image-gradient-overlay{background:linear-gradient(180deg,#0000 0,#0000004d 30%,#0009 70%,#000);bottom:0;height:150px;left:0;position:absolute;right:0}.hotel-form-section{background:#000;bottom:120px;display:flex;flex-direction:column;gap:15px;height:auto;left:0;min-height:220px;padding:15px 30px 30px;position:absolute;right:0}.hotel-welcome-text{text-align:center}.hotel-subtitle{color:#888;font-size:16px;font-style:italic;font-weight:400;margin-bottom:8px}.hotel-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.hotel-login-form{display:flex;flex-direction:column;gap:16px}.hotel-input-group{position:relative}.hotel-room-input{background:#000;border:1px solid #333;border-radius:0;box-sizing:border-box;color:#fff;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.hotel-room-input:focus{background:#000;border-color:#4ecdc4;outline:none}.hotel-room-input::placeholder{color:#888}.hotel-explore-btn{align-items:center;background:#000;border:1px solid #333;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:all .3s ease;width:100%}.hotel-explore-btn:hover{background:#111;border-color:#4ecdc4;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.hotel-explore-btn i{font-size:14px}.guestlist-screen{background:#0000;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.guestlist-header-integrated{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000e6;border-bottom:2px solid #ff6b9d;box-shadow:0 2px 10px #ff6b9d4d;left:0;padding:8px 15px 12px;position:fixed;right:0;top:0;z-index:100}.checkin-stats,.header-section{margin-bottom:4px}.checkin-stats{display:flex;gap:16px}.checked-in,.remaining{color:#fffc;font-size:14px;font-weight:600}.checkin-numbers{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px}.checked-count{color:#ff6b9d;font-size:24px;font-weight:700}.total-count{color:#ffffffb3;font-size:20px}.remaining-count{color:#fff;font-size:24px;font-weight:700}.logged-in-count{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fffc;font-size:18px;font-weight:600;margin-left:32px;padding:6px 10px}.controls-section{margin-top:4px}.search-section{display:flex;gap:4px;margin-bottom:4px}.search-input{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.search-input:focus{background:#ffffff26;border-color:#fff6;outline:none}.search-input::placeholder{color:#ffffff80}.search-input-container{align-items:center;display:flex;flex:1 1;position:relative}.search-clear-btn{align-items:center;background:none;border:none;border-radius:0;color:#fff9;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;position:absolute;right:8px;transition:all .3s ease;width:24px}.search-clear-btn:hover{background:#ffffff1a;color:#fff}.light-theme .search-clear-btn{color:#0009!important}.light-theme .search-clear-btn:hover{background:#0000000d!important;color:#212529!important}.filter-container{position:relative}.filter-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .3s ease}.filter-btn:hover{background:#fff3}.filter-btn.active-filter{border-color:#ff6b9d;box-shadow:0 0 10px #ff6b9d4d}.filter-btn.active-filter i:first-child{color:#ff6b9d}.filter-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #fff3;border-radius:0;box-shadow:0 8px 25px #0000004d;min-width:150px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.filter-option{color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .3s ease}.filter-option:hover{background:#ffffff1a}.light-theme .filter-dropdown{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:1px solid #0000001a!important}.light-theme .filter-option{color:#212529!important}.light-theme .filter-option:hover{background:#0000000d!important}.action-buttons{display:flex;gap:4px}.add-guest-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .3s ease}.add-guest-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.import-csv-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.import-csv-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.import-csv-btn:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.6}.import-csv-btn:disabled:hover{background:#ffffff1a;box-shadow:none;transform:none}.clear-guests-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.clear-guests-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.hamburger-button{cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:space-around;position:fixed;right:20px;top:20px;width:30px;z-index:10000}.hamburger-button.hidden{display:none}.hamburger-line{background:#fff;border-radius:0;height:3px;transition:all .3s ease;width:100%}.hamburger-line.active:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.active:nth-child(2){opacity:0}.hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-overlay{animation:fadeIn .3s ease forwards;background:#00000080;left:0;opacity:0;width:100%;z-index:9998}.menu-overlay,.slide-menu{height:100%;position:fixed;top:0}.slide-menu{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#000000e6,#000000f2);border-left:1px solid #ffffff4d;box-shadow:-5px 0 20px #0000004d;right:-350px;transition:right .3s ease;width:350px;z-index:9999}@supports not ((-webkit-backdrop-filter:blur(25px)) or (backdrop-filter:blur(25px))){.slide-menu{background:linear-gradient(135deg,#000000e6,#000000f2)}}.slide-menu.open{right:0}.menu-header{border-bottom:1px solid #fff3;padding:20px;text-align:center}.menu-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.menu-content{display:flex;flex-direction:column;height:calc(100% - 80px);padding:20px 0}.menu-section{margin-bottom:30px}.menu-section h3{color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:1px;margin:0 20px 15px;text-transform:uppercase}.menu-item{align-items:center;color:#fff;cursor:pointer;display:flex;padding:15px 20px;position:relative;transition:all .3s ease}.menu-item:hover{background:#ffffff1a}.menu-item i{font-size:16px;margin-right:15px;text-align:center;width:20px}.menu-item span{font-size:16px;font-weight:500}.active-indicator{background:#ff6b9d;border-radius:0;height:6px;position:absolute;right:20px;width:6px}.menu-footer{border-top:1px solid #333;margin-top:auto;padding:20px}.logout-btn{background:linear-gradient(135deg,#ff4757,#c44569);border:none;color:#fff;gap:10px;padding:15px}.logout-btn:hover{background:linear-gradient(135deg,#e53e3e,#b03a5a);box-shadow:0 4px 16px #ff47574d}@keyframes fadeIn{to{opacity:1}}.guest-form-section{background:#0000001a;border-radius:0;margin:10px 15px;padding:15px}.menu-form-group{margin-bottom:15px}.menu-form-group label{color:#ccc;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.menu-input{background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;font-size:14px;padding:8px 12px;transition:all .3s ease;width:100%}.menu-input:focus{background:#ffffff26;border-color:#fff6;outline:none}.menu-input::placeholder{color:#ffffff80}.menu-tag-input{background:#ff6b9d33!important;border-color:#ff6b9d66!important;color:#000!important}.menu-tag-input::placeholder{color:#0009!important}.menu-input-with-suggestions{position:relative}.menu-suggestions-dropdown{background:#000000e6;border:1px solid #fff3;border-radius:0;left:0;margin-top:2px;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10000}.menu-suggestion-item{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background .2s ease}.menu-suggestion-item:hover{background:#ffffff1a}.menu-suggestion-name{font-size:14px}.menu-suggestion-price{color:#ccc;font-size:12px}.menu-form-actions{display:flex;flex-direction:column;gap:8px;margin-top:15px}.menu-save-btn{align-items:center;background:#ff6b9dcc;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .3s ease}.menu-save-btn:hover{background:#ff6b9d;transform:translateY(-1px)}.menu-remove-btn{align-items:center;background:#ff6b6bcc;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .3s ease}.menu-remove-btn:hover{background:#ff6b6b;transform:translateY(-1px)}.menu-cancel-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .3s ease}.menu-cancel-btn:hover{background:#fff3;border-color:#ffffff4d}.statistics-screen{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:#fff;color:var(--text-primary);min-height:100vh;padding:20px}.screen-header{margin-bottom:30px;text-align:center}.screen-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b9d,#c44569);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600;margin:0}.stats-container{margin:0 auto;max-width:1200px}.stats-grid,.stats-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.stats-full-width,.stats-row{margin-bottom:10px}.stats-full-width{width:100%}@media (max-width:768px){.stats-grid{gap:8px;grid-template-columns:1fr 1fr!important;margin-bottom:15px}.stats-row{gap:8px}.stats-full-width,.stats-row{margin-bottom:8px}}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-color);display:flex;gap:8px;padding:8px}@media (max-width:768px){.stat-card{border-radius:0;gap:6px;padding:6px}}.stat-card:hover{box-shadow:0 8px 25px #0000004d}.stat-icon{border-radius:0;flex-shrink:0;font-size:14px;height:30px;width:30px}@media (max-width:768px){.stat-icon{border-radius:0;font-size:12px;height:24px;width:24px}}.stat-icon.green{background:#4caf50}.stat-icon.pink{background:#e91e63}.stat-icon.teal{background:#009688}.stat-icon.orange{background:#ff9800}.stat-content h3{color:#888;color:var(--text-secondary);font-size:10px;letter-spacing:.5px;margin:0 0 2px;text-transform:uppercase}.stat-number{color:#fff;color:var(--text-primary);font-size:16px;font-weight:700;margin:0}@media (max-width:768px){.stat-content h3{font-size:8px;letter-spacing:.3px;margin:0 0 1px}.stat-number{font-size:14px}}.chart-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:0;padding:25px}.chart-header{gap:20px;margin-bottom:20px}.chart-header,.chart-icon{align-items:center;display:flex}.chart-icon{border-radius:0;color:#fff;font-size:24px;height:60px;justify-content:center;width:60px}.chart-icon.orange{background:#ff9800}.chart-content h2{color:#fff;color:var(--text-primary);font-size:20px;margin:0 0 8px}.progress-info{align-items:center;display:flex;justify-content:space-between}.progress-label{color:#888;color:var(--text-secondary)}.progress-percentage{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.progress-bar{background:#ffffff1a;background:var(--border-color);border-radius:0;height:12px;margin-bottom:15px}.progress-fill{background:linear-gradient(135deg,#ff6b9d,#c44569);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:0;transition:width .5s ease}.progress-text{color:#888;font-size:14px;margin:0;text-align:center}.fluid-diagram-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:0;margin-top:15px;padding:15px;width:100%}@media (max-width:768px){.fluid-diagram-section{border-radius:0;margin-top:10px;padding:12px}}.fluid-diagram-section h2{color:#fff;color:var(--text-primary);font-size:16px;margin:0 0 15px;text-align:center}@media (max-width:768px){.fluid-diagram-section h2{font-size:14px;margin:0 0 10px}}.fluid-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}@media (max-width:768px){.fluid-container{flex-direction:row;gap:8px;justify-content:space-between}}.fluid-box{align-items:center;background:#ffffff0d;background:var(--card-bg);border-radius:0;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:80px;padding:12px;transition:all .3s ease}@media (max-width:768px){.fluid-box{border-radius:0;gap:4px;min-width:60px;padding:8px}}.fluid-box:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.fluid-box.total{border:2px solid #e91e63}.fluid-box.checked{border:2px solid #009688}.fluid-box.remaining{border:2px solid #ff9800}.fluid-icon{align-items:center;border-radius:0;color:#fff;color:var(--text-primary);display:flex;font-size:14px;height:30px;justify-content:center;width:30px}@media (max-width:768px){.fluid-icon{font-size:12px;height:24px;width:24px}}.fluid-box.total .fluid-icon{background:#e91e63}.fluid-box.checked .fluid-icon{background:#009688}.fluid-box.remaining .fluid-icon{background:#ff9800}.fluid-content{align-items:center;display:flex;flex-direction:column;gap:5px}.fluid-number{color:#fff;color:var(--text-primary);font-size:18px;font-weight:700}.fluid-label{color:#888;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.fluid-number{font-size:16px}.fluid-label{font-size:8px;letter-spacing:.3px}}.fluid-arrow{align-items:center;color:#888;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:16px}@media (max-width:768px){.fluid-arrow{font-size:14px}}.modal-overlay{background:#000000b3;height:100%;width:100%;z-index:10000}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);box-shadow:0 20px 40px #00000080;max-height:90vh}.modal-header{border-bottom:1px solid #333}.modal-close{background:none;border:none;border-radius:0;color:#888;cursor:pointer;font-size:18px;padding:5px;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.form-group label{font-weight:600}.form-group input{font-size:14px;padding:12px 16px}.form-group input:focus{border-color:#ff6b9d}.form-group input::placeholder{color:#888}.modal-footer{border-top:1px solid #333}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.btn-secondary:hover{background:#fff3}.btn-primary{background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;border-radius:0;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#e55a8a,#b03a5a);box-shadow:0 4px 16px #ff6b9d4d;transform:translateY(-1px)}.guest-list{-webkit-overflow-scrolling:touch;background:radial-gradient(circle at top left,#9333eab3 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#ff6b9db3);bottom:0;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:200px 8px 8px;position:fixed;right:0;top:0;z-index:10}.loading-indicator{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;margin-top:80px;padding:100px 40px 40px}.loading-indicator i{color:#e55a8a;font-size:24px}.empty-state{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;margin-top:80px;padding:100px 40px 40px;text-align:center}.empty-state i{color:#ffffff4d;font-size:48px}.empty-state span{color:#fff;font-size:18px;font-weight:600}.empty-state p{color:#ffffff80;font-size:14px;margin:0}.guest-item{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:6px 8px;touch-action:manipulation;transition:all .3s ease}.guest-item:hover{background:#ffffff26;border-color:#ffffff4d}.guest-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.guest-name{margin:0}.guest-price{color:#ffffffb3;font-size:11px;margin:0}.guest-tag{background:#ff6b9d;border-radius:0;color:#000;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:2px 4px}.guest-actions{gap:8px}.edit-guest-btn,.guest-actions{align-items:center;display:flex}.edit-guest-btn{background:#ff6b9d33;border:1px solid #ff6b9d66;border-radius:0;color:#ff6b9d;cursor:pointer;font-size:12px;font-weight:600;gap:4px;padding:8px 12px;transition:all .3s ease}.edit-guest-btn:hover{background:#ff6b9d4d;border-color:#ff6b9d99;transform:translateY(-1px)}.checkin-btn{border:1px solid #fff3}.checkin-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.checkin-btn.checked,.checkin-btn.checked:hover{border-color:#ff6b9d}.tag-input{background:#ff6b9d!important;border:1px solid #ff6b9d!important;border-radius:0;color:#000!important;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.tag-input::placeholder{color:#0009!important}.tag-input:focus{border-color:#e55a8a!important;box-shadow:0 0 0 3px #ff6b9d33;outline:none}.tag-input:hover{background:#e55a8a!important}.guest-info{display:flex;flex-direction:column;gap:4px}.guest-name{color:#fff;font-size:12px;font-weight:600}.guest-price-info{align-items:center;display:flex;gap:8px}.guest-price{color:#ffffffe6;font-size:12px;font-weight:500}.guest-tickets{background:#ff6b9d1a;border:1px solid #ff6b9d4d;border-radius:0;color:#ff6b9dcc;font-size:9px;font-weight:600;padding:1px 4px}.checkin-btn{align-items:center;background:#000;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:3px;padding:4px 8px;transition:all .3s ease}.checkin-btn:hover{background:#333;transform:translateY(-1px)}.checkin-btn.checked{background:#ff6b9d;color:#000;cursor:not-allowed}.checkin-btn.checked:hover{background:#ff6b9d;color:#000;transform:none}.checkin-btn:disabled{background:#4ecdc4;cursor:not-allowed;opacity:.8}.checkin-btn:disabled:hover{background:#4ecdc4;transform:none}.edit-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:6px 8px;transition:all .3s ease}.edit-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.delete-btn{align-items:center;background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:0;color:#ff6b6b;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:6px 8px;transition:all .3s ease}.delete-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b80;transform:translateY(-1px)}.statistics-screen{background:radial-gradient(circle at top left,#9333eab3 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#ff6b9db3);display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow-x:hidden;width:100%}.statistics-container{display:flex;flex:1 1;flex-direction:column;margin:0;max-width:none;padding:20px;width:100%}.statistics-header{margin-bottom:32px;text-align:center}.stats-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.stats-subtitle{color:#fffc;font-size:16px;font-weight:400}.stats-grid{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:20px;width:100%}.stats-row{display:flex;gap:12px}.stats-row.full-width{flex-direction:column}.stat-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:0;flex:1 1;padding:20px;transition:all .3s ease}.stat-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.stat-card.earnings .stat-icon{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.stat-card.guests .stat-icon{background:linear-gradient(135deg,#ff6b9d,#c44569)}.stat-card.checked-in .stat-icon{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.stat-card.avg-order .stat-icon,.stat-card.checkin-rate .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.stat-content h3{color:#fffc;font-size:14px;font-weight:600;margin-bottom:8px}.stat-value{color:#fff;font-size:24px;font-weight:700}.progress-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#fffc;font-size:14px;font-weight:600}.progress-value{color:#fff;font-size:16px;font-weight:700}.progress-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:3px;height:100%;transition:width .3s ease}.profile-screen{background:radial-gradient(circle at top left,#9333eab3 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#ff6b9db3);display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow-x:hidden;width:100%}.profile-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:400px;padding:20px}.profile-header{margin-bottom:32px;text-align:center}.profile-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.profile-subtitle{color:#fffc;font-size:16px;font-weight:400}.profile-content{display:flex;flex:1 1;flex-direction:column;gap:24px;margin-bottom:20px}.profile-info-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;gap:16px;padding:24px}.profile-avatar,.profile-info-card{align-items:center;border-radius:0;display:flex}.profile-avatar{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;font-size:24px;height:60px;justify-content:center;width:60px}.profile-details h2{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px}.profile-details p{color:#ffffffb3;font-size:14px;margin-bottom:8px}.role-badge{background:#4ecdc433;border:1px solid #4ecdc44d;border-radius:0;color:#4ecdc4;font-size:12px;font-weight:600;padding:4px 8px}.settings-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.setting-item{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:0;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.setting-item:hover{background:#ffffff26;border-color:#ffffff4d}.setting-icon{align-items:center;background:#ffffff1a;border-radius:10px;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.setting-content{flex:1 1}.setting-content h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}.setting-content p{color:#ffffffb3;font-size:14px}.setting-item i.fa-chevron-right{color:#ffffff80;font-size:14px}.logout-section{margin-top:auto}.logout-btn{align-items:center;background:#ff3b3033;border:1px solid #ff3b304d;border-radius:0;color:#ff3b30;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#ff3b304d;color:#fff;transform:translateY(-1px)}.nav-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.nav-item.active{background:#ffffff26;border-radius:0}.nav-item i{color:#fffc;font-size:20px;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.nav-item.active i{color:#fff;text-shadow:0 2px 4px #fff3;transform:scale(1.05)}.nav-item span{color:#fffc;font-size:12px;font-weight:500;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.nav-item.active span{color:#fff;font-weight:600;text-shadow:0 2px 4px #fff3}.modal-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000e6;border:1px solid #fff3;border-radius:0;max-height:80vh;max-width:400px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.modal-header-actions{align-items:center;display:flex;gap:8px}.modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:0;color:#ffffffb3;cursor:pointer;font-size:18px;padding:4px;transition:all .3s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.delete-guest-btn{align-items:center;background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:0;color:#ff6b6b;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 8px;transition:all .3s ease}.delete-guest-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b80;color:#ff6b6b}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff26;border-color:#fff6;outline:none}.form-group input::placeholder{color:#ffffff80}.input-with-suggestions{position:relative}.suggestions-dropdown{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000f2;border:1px solid #fff3;border-radius:0;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.suggestion-item{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#ffffff1a}.suggestion-name{color:#fff;font-size:14px;font-weight:500}.suggestion-price{color:#ffffffb3;font-size:12px}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:20px}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .3s ease}.cancel-btn:hover{background:#fff3;border-color:#ffffff4d}.save-btn{background:linear-gradient(135deg,#e55a8a,#b03a5a);border:none;border-radius:0;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.save-btn:hover{background:linear-gradient(135deg,#f06ba0,#c04a6a);box-shadow:0 4px 16px #ff6b9d4d;transform:translateY(-1px)}@media (max-width:480px){.guestlist-container,.login-container,.profile-container,.statistics-container,.welcome-container{margin:0;max-width:none;padding:20px 16px;width:100%}.login-title,.profile-title,.stats-title,.welcome-title{font-size:24px}.hotel-form-section{bottom:100px;gap:10px;min-height:200px;padding:8px 20px 20px}.hotel-image-section{height:65vh}.hotel-title{font-size:24px}.hotel-subtitle{font-size:14px}.hotel-explore-btn,.hotel-room-input{font-size:15px;padding:14px 18px}.guest-list{-webkit-overflow-scrolling:touch;background:radial-gradient(circle at top left,#9333eab3 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#ff6b9db3);bottom:0;height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:180px 6px 6px;top:0;z-index:10}.guestlist-header-integrated{padding:6px 12px 10px}.checkin-stats{gap:12px;margin-bottom:3px}.checked-in,.remaining{font-size:12px}.checkin-numbers{gap:8px}.checked-count{font-size:20px}.total-count{font-size:18px}.remaining-count{font-size:20px}.logged-in-count{font-size:16px;margin-left:24px;padding:4px 8px}}
/*# sourceMappingURL=main.85aaf922.css.map*/