:root{--orange-primary: #F37321;--orange-light-bg: #FFF5EB;--dark-blue: #1E2A3A;--bg-page: #FFFFFF;--bg-section-light: #F7F8FC;--text-dark: #222222;--text-secondary: #555555;--text-light: #FFFFFF;--border-color: #ECEEF3;--green-check: #34A853;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius: 12px;--shadow: 0 5px 25px rgba(220, 220, 230, .6);--container-width: 1200px}.landing-page{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-dark);font-size:16px;line-height:1.6}.landing-page *{margin:0;padding:0;box-sizing:border-box}.landing-page html{scroll-behavior:smooth}.landing-page .container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.landing-page section{padding:80px 0}.landing-page h1,.landing-page h2,.landing-page h3{font-weight:700}.landing-page h1{font-size:48px;line-height:1.2}.landing-page h2{font-size:36px;line-height:1.3;text-align:center;margin-bottom:20px}.landing-page .section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 50px}.landing-page .btn{display:inline-block;padding:14px 30px;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.landing-page .btn-primary{background-color:var(--orange-primary);color:#fff;border:2px solid var(--orange-primary)}.landing-page .btn-primary:hover{background-color:#e0681a;border-color:#e0681a}.landing-page .btn-secondary{background-color:#fff;color:var(--text-dark);border:2px solid var(--border-color)}.landing-page .btn-secondary:hover{border-color:var(--text-dark)}.landing-page .btn-dark{background-color:var(--dark-blue);color:#fff;border:2px solid var(--dark-blue)}.landing-page .btn-large{padding:16px 40px;font-size:16px}.landing-page .main-header{position:sticky;top:0;z-index:100;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 0;border-bottom:1px solid var(--border-color)}.landing-page .header-content{display:flex;justify-content:space-between;align-items:center}.landing-page .logo{display:flex;align-items:center;gap:10px;text-decoration:none}.landing-page .logo-icon{width:40px;height:40px;background-color:var(--orange-primary);border-radius:8px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700}.landing-page .logo-text{color:var(--text-dark);font-weight:700;font-size:18px}.landing-page .header-actions{display:flex;align-items:center;gap:15px}.landing-page .hero{text-align:center;padding:100px 0}.landing-page .special-offer{display:inline-block;padding:6px 12px;background-color:var(--orange-light-bg);color:var(--orange-primary);font-weight:600;font-size:14px;border-radius:20px;margin-bottom:20px}.landing-page .hero h1{max-width:700px;margin:0 auto 20px}.landing-page .hero p{max-width:600px;margin:0 auto 30px;font-size:18px;color:var(--text-secondary)}.landing-page .hero-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:60px}.landing-page .social-proof{display:flex;justify-content:center;gap:60px;color:var(--text-secondary)}.landing-page .proof-item .value{font-size:24px;font-weight:700;color:var(--text-dark)}.landing-page .features{background-color:var(--bg-section-light)}.landing-page .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.landing-page .feature-card{background-color:#fff;padding:30px;border-radius:var(--border-radius);border:1px solid var(--border-color);text-align:center}.landing-page .feature-icon{width:56px;height:56px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;margin:0 auto 20px}.landing-page .feature-card h3{font-size:20px;margin-bottom:10px}.landing-page .feature-card p{color:var(--text-secondary)}.landing-page .steps-container{display:flex;justify-content:space-around;text-align:center;gap:30px}.landing-page .step-item .icon{width:80px;height:80px;background-color:var(--orange-light-bg);border-radius:50%;color:var(--orange-primary);display:flex;justify-content:center;align-items:center;margin:0 auto 20px;font-size:24px;font-weight:700;border:4px solid white;box-shadow:var(--shadow)}.landing-page .step-item h3{font-size:18px;margin-bottom:10px}.landing-page .step-item p{font-size:14px;color:var(--text-secondary);max-width:220px;margin:0 auto}.landing-page .pricing{background-color:var(--bg-section-light)}.landing-page .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.landing-page .price-card{background-color:#fff;padding:40px;border-radius:var(--border-radius);border:2px solid var(--border-color);position:relative}.landing-page .price-card.popular{border-color:var(--orange-primary);transform:scale(1.05)}.landing-page .tag{position:absolute;top:-15px;right:20px;padding:6px 12px;font-size:12px;font-weight:700;border-radius:20px}.landing-page .tag-gray{background-color:#e0e0e0;color:var(--text-secondary)}.landing-page .tag-orange{background-color:var(--orange-primary);color:#fff}.landing-page .price-card h3{font-size:30px;margin-bottom:5px}.landing-page .price-card .price{font-size:24px;margin-bottom:10px;font-weight:700}.landing-page .price-card .price span{font-weight:400;color:var(--text-secondary)}.landing-page .price-card .description{color:var(--text-secondary);margin-bottom:30px;height:48px}.landing-page .price-card .btn{width:100%;text-align:center;margin-bottom:30px}.landing-page .features-list{list-style:none;display:flex;flex-direction:column;gap:15px}.landing-page .features-list li{display:flex;align-items:center;gap:10px}.landing-page .check{color:var(--green-check)}.landing-page .cross{color:#ccc}.landing-page .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.landing-page .testimonial-card{background-color:#fff;border:1px solid var(--border-color);padding:30px;border-radius:var(--border-radius)}.landing-page .stars{color:#ffc107;font-size:20px;margin-bottom:15px}.landing-page .quote{margin-bottom:20px}.landing-page .author{display:flex;flex-direction:column}.landing-page .author .name{font-weight:600}.landing-page .author .company{font-size:14px;color:var(--text-secondary)}.landing-page .faq{padding:80px 0}.landing-page .faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.landing-page .faq-item{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;cursor:pointer;transition:all .3s ease}.landing-page .faq-item:hover{border-color:var(--orange-primary);box-shadow:0 2px 8px #f373211a}.landing-page .faq-item.active{border-color:var(--orange-primary)}.landing-page .faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px}.landing-page .faq-icon{font-size:24px;font-weight:300;color:var(--orange-primary);transition:transform .3s ease;flex-shrink:0;margin-left:20px}.landing-page .faq-item.active .faq-icon{transform:rotate(180deg)}.landing-page .faq-answer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color);animation:fadeIn .3s ease}.landing-page .faq-answer p{color:var(--text-secondary);font-weight:400;font-size:15px;line-height:1.6;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-page .cta{background-color:var(--orange-primary);color:#fff;text-align:center;border-radius:var(--border-radius);padding:60px}.landing-page .cta h2{color:#fff;margin-bottom:10px}.landing-page .cta p{margin:0 auto 30px;opacity:.9;max-width:600px}.landing-page .cta .btn-light{background-color:#fff;color:var(--text-dark);border-color:#fff}.landing-page .main-footer{background-color:var(--dark-blue);color:#ccc;padding:60px 0}.landing-page .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.landing-page .footer-about .logo-text{color:#fff}.landing-page .footer-about p{font-size:14px;margin-top:15px;max-width:300px}.landing-page .footer-col h4{color:#fff;font-size:16px;margin-bottom:15px}.landing-page .footer-col a{color:#ccc;text-decoration:none;display:block;margin-bottom:10px;transition:color .2s}.landing-page .footer-col a:hover{color:#fff}.landing-page .footer-bottom{border-top:1px solid #334155;margin-top:40px;padding-top:20px;font-size:14px;display:flex;justify-content:space-between}.landing-page .footer-bottom-links a{color:#ccc;margin-left:20px}@media (max-width: 768px){.landing-page section{padding:50px 0}.landing-page h1{font-size:36px}.landing-page h2{font-size:28px}.landing-page .container{padding:0 20px}.landing-page .header-actions{gap:10px}.landing-page .header-actions .btn{padding:10px 16px;font-size:14px}.landing-page .logo-text{font-size:16px}.landing-page .hero{padding:60px 0}.landing-page .hero h1{font-size:32px}.landing-page .hero p{font-size:16px}.landing-page .hero-buttons{flex-direction:column;gap:10px}.landing-page .hero-buttons .btn{width:100%;max-width:300px}.landing-page .social-proof{flex-wrap:wrap;gap:30px;justify-content:center}.landing-page .proof-item{min-width:120px}.landing-page .features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.landing-page .steps-container{flex-wrap:wrap;gap:30px}.landing-page .pricing-grid{grid-template-columns:1fr;gap:30px}.landing-page .price-card.popular{transform:none}.landing-page .testimonials-grid{grid-template-columns:repeat(2,1fr);gap:20px}.landing-page .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.landing-page .footer-bottom{flex-direction:column;gap:15px;text-align:center}.landing-page .footer-bottom-links{display:flex;flex-direction:column;gap:10px}.landing-page .footer-bottom-links a{margin-left:0}.landing-page .cta{padding:40px 20px}}@media (max-width: 480px){.landing-page section{padding:40px 0}.landing-page h1{font-size:28px;line-height:1.3}.landing-page h2{font-size:24px}.landing-page .container{padding:0 15px}.landing-page .header-content{flex-wrap:wrap;gap:10px}.landing-page .logo-icon{width:35px;height:35px;font-size:14px}.landing-page .logo-text{font-size:14px}.landing-page .header-actions{width:100%;justify-content:space-between;margin-top:10px}.landing-page .header-actions .btn{flex:1;text-align:center;padding:10px 12px;font-size:13px}.landing-page .hero{padding:40px 0}.landing-page .hero h1{font-size:24px;margin-bottom:15px}.landing-page .hero p{font-size:15px;margin-bottom:25px}.landing-page .special-offer{font-size:12px;padding:5px 10px;margin-bottom:15px}.landing-page .hero-buttons{margin-bottom:40px}.landing-page .hero-buttons .btn{max-width:100%;font-size:14px;padding:12px 20px}.landing-page .social-proof{gap:20px;flex-direction:column;align-items:center}.landing-page .proof-item{text-align:center}.landing-page .proof-item .value{font-size:20px}.landing-page .features-grid{grid-template-columns:1fr;gap:20px}.landing-page .feature-card{padding:20px}.landing-page .feature-icon{width:48px;height:48px;font-size:20px}.landing-page .feature-card h3{font-size:18px}.landing-page .steps-container{flex-direction:column;gap:25px}.landing-page .step-item .icon{width:60px;height:60px;font-size:20px}.landing-page .step-item h3{font-size:16px}.landing-page .step-item p{font-size:13px;max-width:100%}.landing-page .pricing-grid{gap:25px}.landing-page .price-card{padding:25px 20px}.landing-page .price-card h3{font-size:24px}.landing-page .price-card .price{font-size:20px}.landing-page .tag{font-size:11px;padding:4px 10px;top:-12px;right:15px}.landing-page .testimonials-grid{grid-template-columns:1fr;gap:20px}.landing-page .testimonial-card{padding:20px}.landing-page .faq{padding:50px 0}.landing-page .faq-item{padding:15px}.landing-page .faq-question{font-size:15px}.landing-page .faq-icon{font-size:20px;margin-left:10px}.landing-page .faq-answer p{font-size:14px}.landing-page .cta{padding:30px 15px}.landing-page .cta h2{font-size:22px}.landing-page .cta p{font-size:14px}.landing-page .cta .btn{width:100%;max-width:100%}.landing-page .footer-grid{grid-template-columns:1fr;gap:25px}.landing-page .footer-about p{max-width:100%}.landing-page .footer-col{margin-bottom:10px}.landing-page .footer-bottom{font-size:12px}}:root{--orange-primary: #F37321;--bg-page: #F9F9F9;--bg-card: #FFFFFF;--bg-input: #F4F4F4;--bg-button-primary: #1E1E1E;--text-dark: #333333;--text-secondary: #666666;--text-light: #FFFFFF;--border-light: #E0E0E0;--border-radius-main: 8px}.login-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-page);padding:20px}.login-page *{margin:0;padding:0;box-sizing:border-box}.login-wrapper{max-width:420px;width:100%;text-align:center}.login-page .header{margin-bottom:30px}.login-page .logo{display:inline-flex;justify-content:center;align-items:center;width:64px;height:64px;background-color:var(--orange-primary);border-radius:12px;margin-bottom:16px}.login-page .logo svg{width:32px;height:32px;color:#fff}.login-page .header h1{color:var(--orange-primary);font-size:28px;font-weight:700;margin-bottom:8px}.login-page .header p{color:var(--text-secondary);font-size:18px}.login-page .card{background-color:var(--bg-card);padding:40px;border-radius:var(--border-radius-main);box-shadow:0 4px 20px #0000000d;text-align:left}.login-page .card h2{font-size:24px;color:var(--text-dark);font-weight:700;margin-bottom:8px}.login-page .card .subtitle{color:var(--text-secondary);margin-bottom:30px}.login-page .form-group{margin-bottom:20px}.login-page .form-group label{display:block;color:var(--text-dark);font-weight:500;margin-bottom:8px}.login-page .form-group input{width:100%;padding:14px 16px;background-color:var(--bg-input);border:1px solid transparent;border-radius:var(--border-radius-main);font-size:16px;outline:none;transition:border-color .2s ease}.login-page .form-group input:focus{border-color:var(--orange-primary)}.login-page .btn-primary{width:100%;padding:14px;background-color:var(--bg-button-primary);color:var(--text-light);border:none;border-radius:var(--border-radius-main);font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s ease}.login-page .btn-primary:hover{opacity:.9}.login-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}:root{--purple-primary: #8A2BE2;--bg-page: #F7F8FC;--bg-header: #FFFFFF;--bg-card: #FFFFFF;--bg-modal: #FFFFFF;--bg-input: #F7F8FC;--text-dark: #222222;--text-secondary: #888888;--text-light: #FFFFFF;--text-accent-green: #34A853;--button-dark: #1E1E1E;--border-color: #ECEEF3;--tag-premium-bg: #1E1E1E;--tag-free-bg: #E0E0E0;--tag-active-bg: #4CAF50;--tag-inactive-bg: #E53935;--icon-bg: #F0E6FF;--button-danger-hover: #FFF0F0;--button-danger-border: #FFD0D0;--button-danger-text: #E53935;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius-card: 16px;--border-radius-small: 8px;--shadow-card: 0 4px 20px rgba(220, 220, 230, .6)}.super-admin-dashboard{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-dark)}.super-admin-dashboard *{margin:0;padding:0;box-sizing:border-box}.super-admin-dashboard .main-header{background-color:var(--bg-header);padding:20px 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.super-admin-dashboard .panel-info{display:flex;align-items:center;gap:15px}.super-admin-dashboard .panel-info .logo{width:48px;height:48px;background-color:var(--purple-primary);border-radius:var(--border-radius-small);display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px}.super-admin-dashboard .panel-info .title{font-weight:700;font-size:20px}.super-admin-dashboard .panel-info .subtitle{font-size:14px;color:var(--text-secondary)}.super-admin-dashboard .logout-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);font-size:14px;font-weight:500;background:none;cursor:pointer;transition:background-color .2s}.super-admin-dashboard .logout-button:hover{background-color:#f5f5f5}.super-admin-dashboard .admin-container{max-width:1200px;margin:30px auto;padding:0 50px}.super-admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.super-admin-dashboard .stat-card{background-color:var(--bg-card);padding:25px;border-radius:var(--border-radius-card);box-shadow:var(--shadow-card);display:flex;justify-content:space-between}.super-admin-dashboard .stat-card .title{color:var(--text-secondary);margin-bottom:15px;font-size:16px}.super-admin-dashboard .stat-card .value{font-size:32px;font-weight:700;margin-bottom:8px}.super-admin-dashboard .stat-card .value.revenue{color:var(--text-accent-green)}.super-admin-dashboard .stat-card .description{font-size:14px;color:var(--text-secondary)}.super-admin-dashboard .stat-card .icon{font-size:24px;color:var(--purple-primary);background-color:var(--icon-bg);width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center}.super-admin-dashboard .stat-card .icon-green{color:var(--text-accent-green);background-color:#e6f6e9}.super-admin-dashboard .management-card{background-color:var(--bg-card);padding:30px;border-radius:var(--border-radius-card);box-shadow:var(--shadow-card)}.super-admin-dashboard .management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.super-admin-dashboard .management-header .title{font-size:20px;font-weight:700;margin-bottom:5px}.super-admin-dashboard .management-header .subtitle{font-size:14px;color:var(--text-secondary)}.super-admin-dashboard .btn-add{display:flex;align-items:center;gap:8px;padding:12px 25px;background-color:var(--button-dark);color:#fff;border:none;border-radius:var(--border-radius-small);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.super-admin-dashboard .btn-add:hover{opacity:.9}.super-admin-dashboard .table-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1fr;gap:15px;padding:0 20px 15px;color:var(--text-secondary);font-size:14px;font-weight:600;border-bottom:1px solid var(--border-color)}.super-admin-dashboard .table-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1fr;gap:15px;padding:20px;border-bottom:1px solid var(--border-color);font-size:14px;align-items:center}.super-admin-dashboard .table-row:last-child{border-bottom:none}.super-admin-dashboard .establishment-cell .name{font-weight:600}.super-admin-dashboard .establishment-cell .address{color:var(--text-secondary);font-size:13px}.super-admin-dashboard .tag{display:inline-block;padding:6px 12px;border-radius:6px;font-weight:600;font-size:12px;color:#fff}.super-admin-dashboard .tag.FREE{background-color:var(--tag-free-bg);color:var(--text-dark)}.super-admin-dashboard .tag.PREMIUM{background-color:var(--tag-premium-bg)}.super-admin-dashboard .tag.active{background-color:var(--tag-active-bg)}.super-admin-dashboard .tag.inactive{background-color:var(--tag-inactive-bg)}.super-admin-dashboard .action-buttons{display:flex;gap:10px}.super-admin-dashboard .action-btn{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);background:none;cursor:pointer;transition:all .2s}.super-admin-dashboard .action-btn:hover{background-color:#f5f5f5}.super-admin-dashboard .action-btn.delete:hover{background-color:var(--button-danger-hover);border-color:var(--button-danger-border);color:var(--button-danger-text)}.super-admin-dashboard .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.super-admin-dashboard .modal-overlay.show{display:flex}.super-admin-dashboard .modal-content{background-color:var(--bg-modal);padding:30px 40px;border-radius:var(--border-radius-card);box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%;position:relative}.super-admin-dashboard .modal-close-btn{position:absolute;top:20px;right:20px;border:none;background:none;font-size:28px;color:var(--text-secondary);cursor:pointer}.super-admin-dashboard .modal-header h2{font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.super-admin-dashboard .modal-header p{font-size:16px;color:var(--text-secondary)}.super-admin-dashboard .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.super-admin-dashboard .form-group{margin-bottom:20px}.super-admin-dashboard .full-width{grid-column:1 / -1}.super-admin-dashboard .form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-dark)}.super-admin-dashboard .form-group input,.super-admin-dashboard .form-group select{width:100%;padding:12px 16px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-small);font-size:16px;outline:none;transition:border-color .2s ease;font-family:var(--font-family)}.super-admin-dashboard .form-group input:focus,.super-admin-dashboard .form-group select:focus{border-color:var(--purple-primary)}.super-admin-dashboard select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.super-admin-dashboard .form-section-title{grid-column:1 / -1;font-size:16px;font-weight:600;color:var(--text-secondary);margin-top:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.super-admin-dashboard .modal-footer{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.super-admin-dashboard .btn{padding:12px 25px;border:none;border-radius:var(--border-radius-small);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.super-admin-dashboard .btn-secondary{background-color:transparent;color:var(--text-dark);border:1px solid var(--border-color)}.super-admin-dashboard .btn-secondary:hover{background-color:var(--bg-input)}.super-admin-dashboard .btn-primary{background-color:var(--button-dark);color:#fff}.super-admin-dashboard .btn-primary:hover{opacity:.9}.super-admin-dashboard .error-message{color:var(--button-danger-text);font-size:14px;margin-top:10px;display:none}.super-admin-dashboard .error-message.show{display:block}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{margin:0;font-size:16px}:root{--orange-primary: #F37321;--bg-page: #F7F8FC;--bg-header: #FFFFFF;--bg-card: #FFFFFF;--bg-nav: #F0F1F5;--bg-nav-active: #333333;--text-dark: #222222;--text-secondary: #888888;--text-light: #FFFFFF;--text-accent: #34A853;--border-color: #ECEEF3;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius-card: 12px;--border-radius-small: 8px;--shadow-card: 0 4px 15px rgba(220, 220, 230, .5)}.admin-dashboard{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-dark)}.admin-dashboard *{margin:0;padding:0;box-sizing:border-box}.admin-dashboard .main-header{background-color:var(--bg-header);padding:15px 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.admin-dashboard .restaurant-info{display:flex;align-items:center;gap:15px}.admin-dashboard .restaurant-info .logo{width:40px;height:40px;background-color:var(--orange-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.admin-dashboard .restaurant-info .name{font-weight:600;font-size:16px}.admin-dashboard .restaurant-info .owner{font-size:14px;color:var(--text-secondary)}.admin-dashboard .logout-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);font-size:14px;font-weight:500;background:none;cursor:pointer;transition:background-color .2s}.admin-dashboard .logout-button:hover{background-color:#f5f5f5}.admin-dashboard .dashboard-container{max-width:1200px;margin:30px auto;padding:0 50px}.admin-dashboard .dashboard-nav{display:inline-flex;gap:8px;background-color:var(--bg-nav);border-radius:var(--border-radius-small);padding:5px;margin-bottom:30px}.admin-dashboard .nav-item{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background-color:transparent;border-radius:6px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.admin-dashboard .nav-item.active{background-color:var(--bg-nav-active);color:var(--text-light)}.admin-dashboard .nav-item:not(.active):hover{background-color:#e0e1e5}.admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.admin-dashboard .stat-card{background-color:var(--bg-card);padding:25px;border-radius:var(--border-radius-card);box-shadow:var(--shadow-card)}.admin-dashboard .stat-card .title{color:var(--text-secondary);margin-bottom:15px;font-size:16px}.admin-dashboard .stat-card .value{font-size:32px;font-weight:700;margin-bottom:8px}.admin-dashboard .stat-card .value.revenue{color:var(--text-accent)}.admin-dashboard .stat-card .description{font-size:14px;color:var(--text-secondary)}.admin-dashboard .content-card{background-color:var(--bg-card);padding:30px;border-radius:var(--border-radius-card);box-shadow:var(--shadow-card);margin-bottom:30px}.admin-dashboard .card-header{margin-bottom:20px}.admin-dashboard .card-header .title{font-size:20px;font-weight:700;margin-bottom:5px}.admin-dashboard .card-header .subtitle{font-size:14px;color:var(--text-secondary)}.admin-dashboard .order-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color)}.admin-dashboard .order-item:last-child{border-bottom:none}.admin-dashboard .order-details .timestamp{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.admin-dashboard .order-details .dishes{font-size:16px;font-weight:600}.admin-dashboard .order-summary .price{font-size:16px;font-weight:700;text-align:right;margin-bottom:8px}.admin-dashboard .order-summary .status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.admin-dashboard .status-badge.NEW{background-color:#fef7e6;color:#f3b716}.admin-dashboard .status-badge.PREPARING{background-color:#eaf2fe;color:#3682f4}.admin-dashboard .status-badge.SERVED{background-color:#e6f6e9;color:#34a853}.admin-dashboard .btn-primary{padding:12px 25px;background-color:var(--orange-primary);color:#fff;border:none;border-radius:var(--border-radius-small);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.admin-dashboard .btn-primary:hover{opacity:.9}.admin-dashboard .page{display:block}.admin-dashboard .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.admin-dashboard .modal-content{background:#fff;padding:30px;border-radius:var(--border-radius-card);box-shadow:0 10px 40px #0003;position:relative;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.admin-dashboard .close-modal{position:absolute;top:15px;right:15px;font-size:28px;cursor:pointer;color:var(--text-secondary);border:none;background:none}.admin-dashboard .close-modal:hover{color:var(--text-dark)}.admin-dashboard .category-section{margin-bottom:30px;border:1px solid var(--border-color);border-radius:var(--border-radius-card);overflow:hidden}.admin-dashboard .category-header{padding:20px;background:var(--bg-page);display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:18px}.admin-dashboard .dishes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:20px}.admin-dashboard .dish-item{border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:15px;position:relative}.admin-dashboard .dish-item img{width:100%;height:150px;object-fit:cover;border-radius:var(--border-radius-small);margin-bottom:10px}.admin-dashboard .dish-name{font-weight:600;margin-bottom:5px}.admin-dashboard .dish-price{color:var(--text-accent);font-weight:700;font-size:18px}.admin-dashboard .dish-actions{display:flex;gap:5px;margin-top:10px}.admin-dashboard .dish-actions button{flex:1;padding:5px;border:1px solid var(--border-color);background:#fff;border-radius:4px;cursor:pointer}.admin-dashboard .dish-actions button:hover{background:var(--bg-page)}.admin-dashboard .premium-benefits{background:#f8f9fa;padding:20px;border-radius:8px;margin-top:20px}.admin-dashboard .premium-benefits h3{color:var(--orange-primary);margin-bottom:15px}.admin-dashboard .premium-benefits ul{list-style:none;padding:0}.admin-dashboard .premium-benefits li{padding:8px 0;font-size:16px}.admin-dashboard .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.admin-dashboard .modal-header h2{font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.admin-dashboard .modal-header p{font-size:16px;color:var(--text-secondary)}.admin-dashboard .btn-secondary{padding:12px 25px;background-color:transparent;color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--border-radius-small);font-size:16px;font-weight:600;cursor:pointer}.admin-dashboard .btn-secondary:hover{background-color:var(--bg-page)}.admin-dashboard .table-card{border:1px solid var(--border-color);border-radius:var(--border-radius-card);padding:20px;text-align:center;transition:box-shadow .2s}.admin-dashboard .table-card:hover{box-shadow:0 5px 15px #0000001a}.admin-dashboard .table-number{font-size:32px;font-weight:700;margin-bottom:10px;color:var(--orange-primary)}.admin-dashboard .qr-placeholder{width:150px;height:150px;margin:15px auto;background:linear-gradient(135deg,var(--bg-page) 0%,#e8e8e8 100%);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-small);border:2px dashed var(--border-color)}.admin-dashboard .qr-placeholder img{width:100%;height:100%;object-fit:contain}.admin-dashboard .staff-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.admin-dashboard .staff-item:last-child{border-bottom:none}.admin-dashboard .staff-info .name{font-weight:600;margin-bottom:5px}.admin-dashboard .staff-info .email{color:var(--text-secondary);font-size:14px}.admin-dashboard input,.admin-dashboard textarea,.admin-dashboard select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);font-size:16px;font-family:var(--font-family)}.admin-dashboard input:focus,.admin-dashboard textarea:focus,.admin-dashboard select:focus{outline:none;border-color:var(--orange-primary)}.admin-dashboard label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-dark)}.admin-dashboard .modal-overlay .modal{background-color:var(--bg-card);padding:30px 40px;border-radius:var(--border-radius-card);box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%;position:relative}.admin-dashboard .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-dashboard .modal-header h2{font-size:24px;font-weight:700;color:var(--text-dark);margin:0}.admin-dashboard .modal-header .close{font-size:28px;cursor:pointer;color:var(--text-secondary);border:none;background:none;padding:0;line-height:1}.admin-dashboard .modal-header .close:hover{color:var(--text-dark)}.admin-dashboard .modal-body{margin-bottom:20px}.admin-dashboard .modal-body p{margin-bottom:15px;color:var(--text-dark)}.admin-dashboard .modal-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}:root{--blue-primary: #2979FF;--blue-light-bg: #EAF2FE;--yellow-primary: #FDBA12;--yellow-light-bg: #FFFBEB;--green-primary: #34A853;--green-light-bg: #E6F6E9;--bg-page: #F7F8FC;--bg-header: #FFFFFF;--bg-card: #FFFFFF;--text-dark: #222222;--text-secondary: #666666;--border-color: #ECEEF3;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius-card: 16px;--border-radius-small: 8px;--shadow-card: 0 4px 15px rgba(220, 220, 230, .5)}.staff-dashboard{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-dark);display:flex;flex-direction:column;height:100vh;overflow:hidden}.staff-dashboard *{margin:0;padding:0;box-sizing:border-box}.staff-dashboard .main-header{background-color:var(--bg-header);padding:15px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0}.staff-dashboard .panel-info{display:flex;align-items:center;gap:15px}.staff-dashboard .panel-info .logo{width:40px;height:40px;background-color:var(--blue-primary);border-radius:var(--border-radius-small);display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px}.staff-dashboard .panel-info .title{font-weight:700;font-size:18px}.staff-dashboard .panel-info .subtitle{font-size:14px;color:var(--text-secondary)}.staff-dashboard .header-actions{display:flex;align-items:center;gap:20px}.staff-dashboard .update-status{font-size:14px;color:var(--text-secondary)}.staff-dashboard .action-button{padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);font-size:14px;font-weight:500;background:none;cursor:pointer;transition:background-color .2s}.staff-dashboard .action-button:hover{background-color:#f5f5f5}.staff-dashboard .board-container{flex-grow:1;padding:20px 40px 30px;display:flex;flex-direction:column;gap:20px;overflow:hidden}.staff-dashboard .info-banner{display:flex;align-items:center;gap:15px;background-color:var(--blue-light-bg);padding:15px 20px;border-radius:var(--border-radius-small);color:var(--blue-primary);font-size:14px;border:1px solid #B4D1FB;flex-shrink:0}.staff-dashboard .info-banner .icon{font-size:24px;font-weight:700}.staff-dashboard .info-banner p{color:#2a5699;margin-top:4px}.staff-dashboard .kanban-board{flex-grow:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:100%;overflow:hidden}.staff-dashboard .board-column{background-color:#fdfdfd;border-radius:var(--border-radius-card);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.staff-dashboard .column-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);font-size:18px;font-weight:700;flex-shrink:0}.staff-dashboard .board-column.new .column-header{border-top:4px solid var(--yellow-primary)}.staff-dashboard .board-column.cooking .column-header{border-top:4px solid var(--blue-primary)}.staff-dashboard .board-column.done .column-header{border-top:4px solid var(--green-primary)}.staff-dashboard .counter{padding:4px 10px;border-radius:20px;font-size:13px;color:#fff;font-weight:700}.staff-dashboard .board-column.new .counter{background-color:var(--yellow-primary)}.staff-dashboard .board-column.cooking .counter{background-color:var(--blue-primary)}.staff-dashboard .board-column.done .counter{background-color:var(--green-primary)}.staff-dashboard .cards-wrapper{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;flex-grow:1}.staff-dashboard .order-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-card);box-shadow:0 2px 8px #dcdce666;padding:20px}.staff-dashboard .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.staff-dashboard .card-header .table-name{font-size:20px;font-weight:700}.staff-dashboard .card-header .time-ago{padding:5px 10px;font-size:12px;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary)}.staff-dashboard .order-items-list .item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px}.staff-dashboard .order-items-list .item:last-child{margin-bottom:0}.staff-dashboard .order-items-list .price{color:var(--text-secondary)}.staff-dashboard .card-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.staff-dashboard .card-footer .total{font-size:18px;font-weight:700}.staff-dashboard .card-footer .btn-action{padding:10px 20px;border:none;border-radius:var(--border-radius-small);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.staff-dashboard .card-footer .btn-action:hover{opacity:.9}.staff-dashboard .btn-blue{background-color:var(--blue-primary);color:#fff}.staff-dashboard .btn-green{background-color:var(--green-primary);color:#fff}.staff-dashboard .btn-white{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-dark)}:root{--orange-primary: #F37321;--green-price: #34A853;--bg-page: #FFFBF7;--bg-content: #FFFFFF;--bg-search: #F4F4F4;--text-dark: #222222;--text-secondary: #888888;--text-light: #FFFFFF;--border-color: #ECEEF3;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-radius-card: 16px;--border-radius-small: 8px;--shadow-card: 0 4px 15px rgba(200, 180, 170, .4)}.client-menu{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-dark)}.client-menu *{margin:0;padding:0;box-sizing:border-box}.client-menu .mobile-view{max-width:420px;min-height:100vh;margin:0 auto;background-color:var(--bg-content);box-shadow:0 0 20px #0000001a}.client-menu .menu-header{padding:20px 20px 15px;position:sticky;top:0;background-color:var(--bg-content);z-index:10}.client-menu .restaurant-name{font-size:24px;font-weight:700;color:var(--orange-primary);margin-bottom:5px}.client-menu .table-info{font-size:16px;color:var(--text-secondary);margin-bottom:15px}.client-menu .search-bar{display:flex;align-items:center;gap:10px;background-color:var(--bg-search);border-radius:var(--border-radius-small);padding:10px 15px}.client-menu .search-bar input{border:none;background:none;outline:none;font-size:16px;width:100%;font-family:var(--font-family)}.client-menu .category-nav{padding:0 20px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--border-color);position:sticky;top:138px;background-color:var(--bg-content);z-index:9}.client-menu .category-nav::-webkit-scrollbar{display:none}.client-menu .category-nav{-ms-overflow-style:none;scrollbar-width:none}.client-menu .category-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 5px;margin-right:20px;border:none;background:none;font-size:16px;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative}.client-menu .category-btn.active{color:var(--text-dark)}.client-menu .category-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--orange-primary);border-radius:3px}.client-menu .category-counter{background-color:#e0e0e0;color:var(--text-secondary);font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}.client-menu .category-btn.active .category-counter{background-color:var(--orange-primary);color:#fff}.client-menu .dishes-list{padding:20px;display:flex;flex-direction:column;gap:20px}.client-menu .dish-card{background-color:var(--bg-content);border-radius:var(--border-radius-card);box-shadow:var(--shadow-card);overflow:hidden;position:relative}.client-menu .dish-image{width:100%;height:180px;object-fit:cover;background-color:#f0f0f0}.client-menu .dish-content{padding:20px}.client-menu .dish-name{font-size:18px;font-weight:700;margin-bottom:8px}.client-menu .dish-description{font-size:14px;color:var(--text-secondary);margin-bottom:15px;line-height:1.5}.client-menu .dish-footer{display:flex;justify-content:space-between;align-items:center}.client-menu .dish-price{font-size:22px;font-weight:700;color:var(--green-price)}.client-menu .btn-add{padding:12px 25px;background-color:var(--orange-primary);color:#fff;border:none;border-radius:var(--border-radius-small);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.client-menu .btn-add:hover{opacity:.9}.client-menu .cart-button{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--orange-primary);color:#fff;padding:15px 30px;border-radius:50px;border:none;font-size:16px;font-weight:700;box-shadow:0 5px 20px #f3732166;cursor:pointer;display:none;gap:10px;align-items:center;z-index:1000}.client-menu .cart-button.visible{display:flex}.client-menu .empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.client-menu .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;justify-content:center;align-items:flex-end;z-index:1000}.client-menu .modal-overlay.visible{display:flex}.client-menu .cart-modal{background:#fff;width:100%;max-width:420px;max-height:80vh;border-radius:20px 20px 0 0;padding:20px;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.client-menu .cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.client-menu .cart-header h2{font-size:24px;font-weight:700}.client-menu .close-cart{font-size:28px;cursor:pointer;color:var(--text-secondary);border:none;background:none;padding:0;line-height:1}.client-menu .cart-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-color)}.client-menu .cart-item-info{flex:1}.client-menu .cart-item-name{font-weight:600;margin-bottom:5px}.client-menu .cart-item-price{color:var(--text-secondary);font-size:14px}.client-menu .cart-item-controls{display:flex;align-items:center;gap:10px}.client-menu .quantity-control{display:flex;align-items:center;gap:10px;border:1px solid var(--border-color);border-radius:8px;padding:5px}.client-menu .quantity-control button{width:30px;height:30px;border:none;background:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.client-menu .quantity-value{min-width:30px;text-align:center;font-weight:600}.client-menu .remove-item{color:#e53935;cursor:pointer;font-size:20px;border:none;background:none;padding:0}.client-menu .cart-total{padding:20px 0;border-top:2px solid var(--border-color);margin-top:20px}.client-menu .cart-total-row{display:flex;justify-content:space-between;font-size:20px;font-weight:700}.client-menu .cart-total-price{color:var(--green-price)}.client-menu .order-button{width:100%;padding:15px;background:var(--orange-primary);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;margin-top:20px;transition:opacity .2s}.client-menu .order-button:hover{opacity:.9}.client-menu .order-button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}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;background-color:var(--bg-secondary);color:var(--text-primary)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}