@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark: #0f1115;--bg-panel: #16181d;--bg-hover: #1c1f26;--bg-surface: #1e2028;--text-main: #e2e8f0;--text-muted: #94a3b8;--accent: #f08c38;--accent-hover: #f5a623;--accent-bg: rgba(240, 140, 56, .1);--accent-border: rgba(240, 140, 56, .25);--red: #ef4444;--green: #10b981;--border: #272a31;--radius-sm: 6px;--radius-md: 10px}[data-theme=light]{--bg-dark: #f4f5f7;--bg-panel: #ffffff;--bg-hover: #f0f1f3;--bg-surface: #f8f9fa;--text-main: #1a1a2e;--text-muted: #64748b;--accent: #e8622c;--accent-hover: #d4551f;--accent-bg: rgba(232, 98, 44, .08);--accent-border: rgba(232, 98, 44, .2);--border: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg-dark);color:var(--text-main);overflow:hidden}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-muted)}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rp-container{display:flex;height:100vh}.rp-sidebar{width:260px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column}.rp-sidebar-header{height:64px;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.rp-sidebar-logo{width:32px;height:32px;border-radius:6px;object-fit:contain}.rp-sidebar-header h2{font-size:16px;font-weight:700}.rp-restaurant-select{padding:16px 20px;border-bottom:1px solid var(--border)}.rp-restaurant-select select{width:100%;background:var(--bg-hover);border:1px solid var(--border);color:#fff;padding:8px;border-radius:var(--radius-sm);font-size:13px}.rp-restaurant-info{padding:20px;border-bottom:1px solid var(--border)}.rp-restaurant-info h3{font-size:15px;margin-bottom:6px}.rp-badge{font-size:11px;padding:2px 8px;border-radius:100px;font-weight:600}.rp-badge.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.rp-nav{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px}.rp-nav-item{background:none;border:none;width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.rp-nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.rp-nav-item.active{background:var(--accent-bg);color:var(--accent)}.rp-main{flex:1;display:flex;flex-direction:column;min-width:0}.rp-topbar{height:64px;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.rp-topbar h1{font-size:20px;font-weight:600}.rp-actions{display:flex;gap:8px}.rp-content{flex:1;overflow-y:auto;padding:24px 32px}.rp-btn{border:none;padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.rp-btn.primary{background:var(--accent);color:#000}.rp-btn.primary:hover:not(:disabled){background:var(--accent-hover)}.rp-btn.primary:disabled{opacity:.5;cursor:not-allowed}.rp-btn.secondary{background:transparent;color:var(--text-main);border:1px solid var(--border)}.rp-btn.secondary:hover{background:var(--bg-hover)}.rp-btn.small{padding:4px 10px;font-size:12px}.rp-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.rp-icon-btn:hover{background:var(--bg-hover);color:var(--text-main)}.rp-icon-btn.danger:hover{background:#ef444426;color:var(--red)}.rp-icon-btn.mini{padding:2px}.rp-toggle{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer;border:none}.rp-toggle.on{background:#10b98126;color:#34d399}.rp-toggle.off{background:#ef444426;color:#f87171}.rp-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.rp-cat-chip{padding:4px 14px;border-radius:100px;font-size:13px;background:var(--bg-hover);border:1px solid var(--border)}.rp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text-muted)}.rp-empty h3{color:var(--text-main);margin:12px 0 4px}.rp-empty p{max-width:300px;font-size:14px;margin-bottom:20px}.rp-categories{display:flex;gap:8px;padding:12px 0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border);flex-wrap:wrap}.rp-categories::-webkit-scrollbar{display:none}.rp-cat-chip{padding:6px 16px;border-radius:100px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);transition:all .2s ease;flex-shrink:0}.rp-cat-chip:hover{border-color:var(--accent);color:var(--text-main)}.rp-cat-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.rp-menu-list{display:flex;flex-direction:column;gap:2px}.rp-menu-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s}.rp-menu-item.expanded{border-color:var(--accent-border)}.rp-item-row{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s}.rp-item-row:hover{background:var(--bg-hover)}.rp-item-expand{color:var(--text-muted);flex-shrink:0}.rp-item-info{flex:1;min-width:0}.rp-item-info strong{display:block;font-size:14px}.rp-item-cat{font-size:12px;color:var(--text-muted)}.rp-item-prices{text-align:right;min-width:120px}.rp-base-price{font-size:13px;color:var(--text-muted);text-decoration:line-through;margin-right:8px}.rp-customer-price{font-size:14px;font-weight:600;color:var(--accent)}.rp-modifiers-section{padding:16px 16px 16px 44px;border-top:1px solid var(--border);background:var(--bg-surface)}.rp-modifiers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rp-modifiers-header h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.rp-muted{font-size:13px;color:var(--text-muted)}.rp-modifier-group{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px}.rp-mod-group-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.rp-mod-group-header strong{font-size:14px}.rp-mod-meta{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.rp-mod-group-actions{display:flex;gap:6px;align-items:center}.rp-options-list{border-top:1px solid var(--border)}.rp-option-row{display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:13px}.rp-option-row:not(:last-child){border-bottom:1px solid var(--border)}.rp-option-row span:first-child{flex:1}.rp-option-price{color:var(--accent);font-weight:500;min-width:60px;text-align:right}.rp-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.rp-modal{background:var(--bg-dark);width:100%;max-width:460px;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 20px 40px #00000080;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.rp-modal-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.rp-modal-header h2{font-size:17px}.rp-modal-form{padding:20px 24px}.rp-field{margin-bottom:16px}.rp-field label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.rp-field input,.rp-field textarea,.rp-field select{width:100%;background:var(--bg-panel);border:1px solid var(--border);color:#fff;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px}.rp-field input:focus,.rp-field textarea:focus{outline:none;border-color:var(--accent)}.rp-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.rp-row{display:flex;gap:16px}.rp-row .rp-field{flex:1}.rp-price-preview{padding:12px;background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;display:flex;justify-content:space-between}.rp-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.rp-login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-dark)}.rp-login-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:40px;width:100%;max-width:400px;box-shadow:0 20px 40px #0006}.rp-login-header{text-align:center;margin-bottom:32px}.rp-login-header .rp-logo-ring{width:48px;height:48px;margin:0 auto 16px}.rp-login-header h1{font-size:24px;font-weight:700}.rp-login-form{display:flex;flex-direction:column;gap:16px}.rp-login-error{padding:10px 14px;background:#ef444420;border:1px solid #ef444440;border-radius:var(--radius-sm);color:#f87171;font-size:13px}.rp-hamburger{display:none;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);padding:8px;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:16px}.rp-sidebar-close{display:none;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.rp-sidebar-overlay{display:none}@media(max-width:768px){.rp-hamburger{display:flex;align-items:center;gap:8px}.rp-sidebar-close{display:block}.rp-sidebar-overlay{display:block;position:fixed;inset:0;background:#0009;z-index:998}.rp-sidebar{position:fixed;left:-300px;top:0;bottom:0;width:280px;z-index:999;transition:left .3s cubic-bezier(.25,.8,.25,1);overflow-y:auto}.rp-sidebar.open{left:0}.rp-main{width:100%;padding:16px}.rp-topbar{flex-wrap:wrap;gap:8px}.rp-topbar h2{font-size:18px}.rp-cat-chips{gap:6px}.rp-cat-chip{font-size:12px;padding:3px 10px}.rp-item-row{flex-wrap:wrap;gap:8px}.rp-item-info strong{font-size:13px}.rp-item-prices{min-width:auto}.rp-modal-backdrop{padding:0;align-items:flex-end}.rp-modal{max-width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;max-height:90vh}.rp-row{flex-direction:column;gap:12px}.rp-order-card{padding:12px}.rp-field input,.rp-field textarea,.rp-field select{font-size:16px}}