@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #F8F9FB;--bg-2: #FAFAFA;--surface-1: #FFFFFF;--surface-2: #F9FAFB;--surface-3: #F3F4F6;--glass: #FFFFFF;--border: #E5E7EB;--border-strong: #D1D5DB;--border-glow: rgba(37, 99, 235, .35);--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-2: #1D4ED8;--primary: #2563EB;--primary-soft: rgba(37, 99, 235, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 4px 16px rgba(15, 23, 42, .06);--container-max: 1400px;--btn-height: 44px;--input-height: 44px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--status-open: #2563EB;--status-kitchen: #D97706;--status-ready: #059669;--status-served: #0D9488;--status-closed: #6B7280;--status-cancelled: #DC2626;--warning: #D97706;--warning-bg: #FFFBEB;--warning-border: #FDE68A;--success: #059669;--success-bg: #ECFDF5;--success-border: #A7F3D0}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow-x:hidden;line-height:1.5}#app{min-height:100vh}button{font-family:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.page-container{width:100%;max-width:var(--container-max);margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.page-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text-primary)}.page-sub{margin:4px 0 0;font-size:14px;color:var(--text-secondary);line-height:1.5}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-height);padding:0 var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,color .15s}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2);color:var(--text-primary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.n-button{touch-action:manipulation}.menu-picker-modal .n-modal{background:transparent!important;box-shadow:none!important}.menu-picker-modal .n-modal-body-wrapper{padding:0!important}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);position:relative;background:var(--bg)}.auth-locale{position:fixed;top:var(--spacing-sm);right:var(--spacing-sm);z-index:100}.auth-card{position:relative;width:100%;max-width:420px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md);box-shadow:var(--shadow-lg)}.auth-icon-wrap{width:56px;height:56px;margin:0 auto var(--spacing-sm);border-radius:var(--radius-md);background:var(--primary);display:flex;align-items:center;justify-content:center}.auth-title{text-align:center;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--spacing-xs);color:var(--text-primary)}.auth-subtitle{text-align:center;color:var(--text-secondary);margin:0 0 var(--spacing-md);line-height:1.5;font-size:14px}.auth-numpad{display:block}.auth-submit{margin-top:var(--spacing-lg)!important;height:var(--btn-height)!important;font-size:16px!important;font-weight:600!important;border-radius:var(--radius-md)!important}.auth-hint{text-align:center;margin-top:var(--spacing-sm);font-size:12px;color:var(--text-muted)}.auth-hint code{background:var(--surface-3);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-weight:600;color:var(--accent)}.restaurant-name{text-align:center;font-size:16px;font-weight:600;color:var(--accent);margin:0 0 var(--spacing-xs)}.switch-restaurant{display:block;margin:var(--spacing-sm) auto 0}
