.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#fff;padding:20px}.login-card{background:#fff;padding:40px;border-radius:12px;width:100%;max-width:400px}.login-logo{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.login-logo img{max-height:80px;max-width:200px;object-fit:contain}.login-card h1{color:#dc2626;margin-bottom:10px;font-size:28px;text-align:center;font-family:cursive}.login-card h2{color:#dc2626;margin-bottom:30px;font-size:24px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#dc2626}.error-message{color:#dc2626;margin-bottom:15px;font-size:14px;text-align:center}.login-button{width:100%;padding:12px;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:cursive}.login-button:hover{transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-hint{margin-top:20px;text-align:center;color:#666;font-size:12px;font-style:italic}.admin-dashboard{min-height:100vh;background:#f5f5f5;overflow-y:visible;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch;font-family:cursive}.admin-header{background:#fff;color:#000;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a;border-bottom:2px solid #dc2626}.admin-header h1{font-size:28px;font-weight:600;font-family:cursive;color:#000}.header-actions{display:flex;gap:15px}.tv-view-button,.logout-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.tv-view-button{background:#dc2626;color:#fff;border:2px solid #dc2626}.tv-view-button:hover{background:#b91c1c;color:#fff}.logout-button{background:#dc2626;color:#fff}.logout-button:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 8px #dc26264d}.admin-content{max-width:1400px;margin:0 auto;padding:30px;display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.form-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;height:fit-content;position:sticky;top:30px}.template-images-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #e0e0e0}.template-image-group{display:flex;flex-direction:column}.template-image-group label{margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-section h2{color:#333;margin-bottom:20px;font-size:22px}.menu-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#dc2626}.file-input{padding:8px!important}.image-preview{margin-top:10px;border-radius:8px;overflow:hidden;max-width:200px}.image-preview img{width:100%;height:auto;display:block}.form-actions{display:flex;gap:10px}.submit-button,.cancel-button{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.submit-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.cancel-button{background:#dc2626;color:#fff}.cancel-button:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.menu-items-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.menu-items-section h2{color:#333;margin-bottom:20px;font-size:22px}.empty-state{text-align:center;padding:60px 20px;color:#999}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.menu-item-card{border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s;background:#fff;padding:15px}.menu-item-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#dc2626}.item-content{display:flex;flex-direction:column;gap:8px}.item-content h3{color:#333;margin:0;font-size:18px}.item-category{color:#dc2626;font-size:12px;font-weight:600;text-transform:uppercase;margin:0}.item-price{color:#333;font-size:20px;font-weight:700;margin-bottom:15px}.item-actions{display:flex;gap:10px}.edit-button,.delete-button{flex:1;padding:8px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.edit-button{background:#dc2626;color:#fff}.edit-button:hover{background:#b91c1c}.delete-button{background:#dc2626;color:#fff}.delete-button:hover{background:#b91c1c}@media (max-width: 1024px){.admin-content{grid-template-columns:1fr}.form-section{position:static}}@media (max-width: 768px){.admin-header{padding:15px 20px;flex-direction:column;gap:15px;align-items:flex-start}.admin-header>div{flex-direction:column;align-items:flex-start;gap:10px}.admin-header img{height:30px!important}.admin-header h1{font-size:22px}.header-actions{width:100%;flex-direction:column;gap:10px}.tv-view-button,.logout-button{width:100%;padding:12px 20px;font-size:15px}.admin-content{padding:15px;gap:20px}.form-section,.menu-items-section{padding:20px;border-radius:8px}.form-section h2,.menu-items-section h2{font-size:20px}.template-images-section,.form-row{grid-template-columns:1fr;gap:15px}.form-group input,.form-group select,.form-group textarea{padding:14px;font-size:16px;-webkit-appearance:none;border-radius:8px}.file-input{padding:12px!important;font-size:16px!important}textarea{font-size:16px!important;padding:12px!important;resize:vertical}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%;padding:14px;font-size:16px}.menu-items-grid{grid-template-columns:1fr;gap:15px}.menu-item-card{padding:15px}.item-actions{flex-direction:column;gap:8px}.edit-button,.delete-button{width:100%;padding:12px;font-size:15px}}@media (max-width: 480px){.admin-header{padding:12px 15px}.admin-header h1{font-size:20px}.admin-content{padding:12px;gap:15px}.form-section,.menu-items-section{padding:15px}.form-section h2,.menu-items-section h2{font-size:18px;margin-bottom:15px}.menu-form{gap:15px}.form-group label{font-size:13px}.item-content h3{font-size:16px}.item-price{font-size:18px}}@media (max-width: 768px){.menu-items-section>div:first-of-type{flex-direction:column!important;align-items:stretch!important}.menu-items-section>div:first-of-type h2{font-size:18px!important;margin-bottom:10px}.menu-items-section>div:first-of-type>div{width:100%;flex-direction:column}.menu-items-section>div:first-of-type>div button,.menu-items-section>div:first-of-type>div label{width:100%;margin-bottom:8px}.menu-items-section>div:nth-of-type(2){flex-direction:column!important;gap:10px!important}.menu-items-section>div:nth-of-type(2) input,.menu-items-section>div:nth-of-type(2) select{width:100%!important;min-width:100%!important;padding:12px!important;font-size:16px!important}.menu-items-section>div[style*=background]{padding:15px!important}.menu-items-section>div[style*=background]>div{flex-direction:column!important;gap:10px!important}.menu-items-section>div[style*=background] h3{font-size:18px!important}.menu-items-section>div[style*=background] .form-row{grid-template-columns:1fr!important}.menu-item-card .item-actions{flex-direction:row!important;gap:8px}.menu-item-card .edit-button,.menu-item-card .delete-button{flex:1;min-width:0}.logo-preview img{max-width:100%!important}}@media (max-width: 480px){.admin-header{padding:10px 12px}.admin-header h1{font-size:18px}.admin-content{padding:10px;gap:12px}.form-section,.menu-items-section{padding:12px}.form-section h2,.menu-items-section h2{font-size:16px;margin-bottom:12px}.template-images-section{gap:12px;padding-bottom:20px;margin-bottom:20px}.menu-form{gap:12px}.form-group label{font-size:12px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:16px}.menu-items-grid{gap:12px}.menu-item-card{padding:12px}.item-content h3{font-size:15px}.item-category{font-size:11px}.item-price{font-size:16px}.submit-button,.cancel-button,.edit-button,.delete-button{font-size:14px;padding:12px}.menu-items-section input[type=text],.menu-items-section select{font-size:16px!important;padding:12px!important}}@media (hover: none) and (pointer: coarse){.tv-view-button,.logout-button,.submit-button,.cancel-button,.edit-button,.delete-button,.menu-items-section button,.menu-items-section label{min-height:44px;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.menu-item-card{padding:18px;-webkit-tap-highlight-color:rgba(0,0,0,.05)}.form-group input,.form-group select,.form-group textarea{min-height:44px;-webkit-appearance:none}.menu-items-section>div:first-of-type>div button,.menu-items-section>div:first-of-type>div label{min-height:44px}}@media (max-width: 768px) and (orientation: landscape){.admin-header{padding:10px 20px;flex-direction:row;justify-content:space-between}.header-actions{flex-direction:row;width:auto}.tv-view-button,.logout-button{width:auto;padding:10px 16px}}.tv-display{width:100vw;height:100vh;max-height:100vh;background:#0a0a0a;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px),radial-gradient(circle at 2px 2px,rgba(220,38,38,.05) 1px,transparent 0);background-size:20px 20px,20px 20px,40px 40px;color:#fff;overflow:hidden;position:fixed;top:0;left:0;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:15px 30px;box-sizing:border-box}.tv-display.empty{justify-content:center;align-items:center}.empty-message{text-align:center;padding:40px}.empty-message h1{font-size:48px;margin-bottom:20px;color:#dc2626}.empty-message p{font-size:24px;opacity:.8}.tv-content-wrapper{flex:1;position:relative;width:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.tv-header{padding:5px 0 3px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-height:fit-content}.logo-container{display:flex;align-items:center;justify-content:center}.restaurant-logo{max-height:60px;max-width:200px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.tv-content{flex:1;padding:2px 0 0;overflow:hidden;display:flex;flex-direction:column;width:100%;max-height:100%;min-height:0}.menu-columns{display:grid;gap:15px;max-width:100%;width:100%;height:100%;max-height:100%;align-items:start;grid-auto-rows:min-content;overflow:hidden}.image-section{margin-top:auto;padding-top:15px;flex:1;display:flex;align-items:flex-end;min-height:200px}.display-image-container{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#ffffff08;padding:10px}.display-image-container img{width:100%;height:100%;max-height:400px;object-fit:contain;border-radius:6px}@media (max-width: 1600px){.display-image-container{min-height:150px;max-height:300px}.display-image-container img{max-height:300px}}@media (max-width: 1366px){.display-image-container{min-height:120px;max-height:250px}.display-image-container img{max-height:250px}}@media (max-width: 1024px){.image-section{min-height:150px}.display-image-container{min-height:150px;max-height:200px}.display-image-container img{max-height:200px}}@media (max-width: 768px){.image-section{min-height:120px}.display-image-container{min-height:120px;max-height:150px}.display-image-container img{max-height:150px}}.menu-column{display:flex;flex-direction:column;min-width:0;max-height:100%;justify-content:flex-start;overflow:hidden;align-items:stretch;padding-top:0}.category-section{display:flex;flex-direction:column;flex-shrink:0;margin-bottom:24px;padding-top:8px}.category-banner{background:#dc2626;color:#fff;padding:8px 10px;font-size:11px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;margin-top:0;border-radius:3px;box-shadow:0 2px 4px #00000080;min-height:28px;display:flex;align-items:center;justify-content:center;word-break:break-word;line-height:1.2;width:100%;box-sizing:border-box;font-family:Montserrat,Arial,sans-serif;flex-shrink:0;position:relative;z-index:1}.category-banner span{display:block;width:100%}.menu-items-list{display:flex;flex-direction:column;gap:8px;width:100%;flex:0 0 auto;overflow:hidden;min-height:0;margin-bottom:0;padding-top:6px}.menu-item-row{display:flex;align-items:baseline;gap:5px;padding:4px 0;min-height:22px;max-height:24px;width:100%;flex-shrink:0}.item-name{font-size:8px;font-weight:600;color:#fff;flex:1 1 auto;text-transform:uppercase;letter-spacing:.2px;line-height:1.5;min-width:0;word-wrap:break-word;overflow-wrap:break-word;text-align:left;font-family:DM Sans,Arial,sans-serif;align-self:flex-start;padding-top:0;margin:0;padding-bottom:2px}.item-separator{flex:1 1 auto;height:1px;background:repeating-linear-gradient(to right,#dc2626 0px,#dc2626 3px,transparent 3px,transparent 6px);min-width:10px;max-width:100%;margin:0 6px;align-self:center}.item-price{font-size:8px;font-weight:700;color:#dc2626;white-space:nowrap;min-width:50px;max-width:60px;text-align:right;flex-shrink:0;flex-grow:0;font-family:DM Sans,Arial,sans-serif;letter-spacing:.1px;align-self:flex-start;margin-top:0;margin-bottom:0;line-height:1.5;padding-bottom:2px}.slide-indicator{position:fixed;bottom:20px;right:20px;background:#000000b3;color:#dc2626;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;z-index:1000;border:1px solid #dc2626}@media (min-width: 2560px){.tv-display{padding:20px 40px}.restaurant-logo{max-height:60px;max-width:200px}.category-banner{font-size:15px;padding:12px 15px;margin-bottom:12px;min-height:42px}.item-name{font-size:14px}.item-price{font-size:14px;min-width:65px}.menu-items-list{gap:5px}.menu-item-row{padding:5px 0}}@media (max-width: 1920px){.tv-display{padding:15px 30px}.restaurant-logo{max-height:50px;max-width:180px}.category-banner{font-size:13px;padding:10px 12px;margin-bottom:12px;min-height:38px}.item-name,.item-price{font-size:12px}}@media (max-width: 1600px){.tv-display{padding:15px 25px}.restaurant-logo{max-height:45px;max-width:150px}.category-banner{font-size:12px;padding:9px 10px;margin-bottom:10px;min-height:36px}.item-name{font-size:11px}.item-price{font-size:11px;min-width:55px}.menu-items-list{gap:4px}.menu-item-row{padding:4px 0}}@media (max-width: 1366px){.tv-display{padding:12px 20px}.restaurant-logo{max-height:40px;max-width:120px}.category-banner{font-size:11px;padding:8px 10px;margin-bottom:10px;min-height:32px}.item-name{font-size:10px}.item-price{font-size:10px;min-width:50px}.menu-items-list{gap:3px}.menu-item-row{padding:3px 0;min-height:20px}}@media (max-width: 1024px){.tv-display{padding:12px 18px}.menu-columns{grid-template-columns:repeat(3,1fr)!important;gap:15px}.restaurant-logo{max-height:35px;max-width:100px}.category-banner{font-size:11px;padding:8px 10px;min-height:32px;margin-bottom:10px}.item-name{font-size:10px}.item-price{font-size:10px;min-width:45px}}@media (max-width: 768px){.tv-display{padding:10px 15px}.menu-columns{grid-template-columns:1fr!important;gap:15px}.restaurant-logo{max-height:35px;max-width:100px}.category-banner{font-size:14px;padding:8px 12px}.item-name{font-size:13px}.item-price{font-size:13px;min-width:55px}}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:24px;color:#dc2626}.landing-card{width:100%;max-width:720px;background:#fff;border:2px solid #dc2626;border-radius:16px;padding:32px}.landing-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.landing-logo{max-height:80px;max-width:200px;object-fit:contain}.landing-card h1{margin:0 0 6px;font-size:28px;color:#dc2626;text-align:center}.landing-subtitle{margin:0 0 24px;color:#dc2626;text-align:center;opacity:.8}.landing-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.landing-option{display:block;text-align:left;padding:18px;border-radius:12px;border:2px solid #dc2626;background:#fff;color:#dc2626;cursor:pointer;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.landing-option:hover{transform:translateY(-2px);border-color:#b91c1c;background:#fef2f2}.landing-option.admin,.landing-option.tv{border-left:4px solid #dc2626}.option-title{font-weight:700;margin-bottom:6px;color:#dc2626}.option-desc{color:#dc2626;font-size:14px;line-height:1.5;opacity:.8}.landing-hint{margin-top:24px;font-size:13px;color:#dc2626;line-height:1.6;background:#fef2f2;border:1px solid #dc2626;border-radius:10px;padding:12px 14px;opacity:.9}.landing-hint strong{color:#dc2626;font-weight:700}.landing-hint code{background:#fff;padding:2px 6px;border-radius:6px;color:#dc2626;border:1px solid #dc2626;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;overflow:visible}html,body{overflow:visible;height:auto}